.affix {top: 0;width: 100%;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;background-color: #F44336;border-color: #F44336;} .affix a {-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;} .affix-top a { padding: 25px !important; }

.lp-form-hd{
	font-size: 30px !important;
}
.lp-form-hd span {
    color: #f75f36;
}
html *:before, html *:after {
    box-sizing: border-box;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
section.process-col h2 {
    color: #000;
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 10px;
}
label.error {
    display: none !important;
}

input.required.error, textarea.required.error, select.required.error {
    border-bottom: red 2px solid !important;
    color: red !important;
}
.pad-0{
    padding-top: 0 !important; 
}
.pad-10{
    padding-top: 10% 
}



.pad-5{
    padding-top: 5% 
}

.pad-3{
    padding-top: 3% 
}
.pad-15{
    padding-top: 15% 
}

.pad-20{
    padding-top: 20% 
}


.pad-25{
    padding-top: 25% 
}

.pad-30{
    padding-top: 30% 
}


.pad-35{
    padding-top: 35% 
}


.pad-40{
    padding-top: 40% 
}


.pad-45{
    padding-top: 45% 
}


.pad-50{
    padding-top: 50% 
}


.pad-55{
    padding-top: 55% 
}


.pad-60{
    padding-top: 60% 
}


.pad-65{
    padding-top: 65% 
}


.pad-70{
    padding-top: 70% 
}


.pad-75{
    padding-top: 75% 
}


.pad-80{
    padding-top: 80% 
}
 
 
html *,
html *:before,
html *:after {
  box-sizing: border-box;
  /* -webkit-transition: 0.5s ease-in-out; */
  /* transition: 0.5s ease-in-out; */
}
html i, html em,
html b, html strong,
html span {
  -webkit-transition: none;
  transition: none;
}
.zoomin-hover span {
    display: block;
    z-index: 1;
    position: relative;
    padding-left: 37px;
}
 

.zoomin-hover {
  position: relative;
  overflow: hidden;
  text-transform: uppercase;
  display: inline-block;
}


body {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    color: #858585;
}
h1, h2, h3, h4, h5, h6, span, p, li, ul, a {
    margin: 0;
    padding: 0;
}
a.close:before {
    content: "\f00d";
}
 
a:hover {
    text-decoration: none;
} 
 
header {
    padding: 22px 0 31px;
    position: relative;
    z-index: 12;
    background: #fff;
}

header ul.top-cta {
    text-align: right;
    margin-top: 10px;
}

header ul.top-cta li {
    font-size: 13px;
    color: #000000;
    text-transform: capitalize;
}

header  ul.top-cta li a {
    display: block;
    color: #000000;
    font-size: 13px;
}

header ul.top-cta li a i {
    color: #ea102a;
    font-size: 17px;
    position: relative;
    top: 3px;
}

header ul.top-cta li a b {
    display: inline-block;
    font-weight: bold;
}

section.banner:before {
    background: rgba(47,65,139,1);
    background: -moz-linear-gradient(-45deg, rgba(47,65,139,1) 0%, rgba(234,16,41,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(47,65,139,1)), color-stop(100%, rgba(234,16,41,1)));
    background: -webkit-linear-gradient(-45deg, rgba(47,65,139,1) 0%, rgba(234,16,41,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(47,65,139,1) 0%, rgba(234,16,41,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(47,65,139,1) 0%, rgba(234,16,41,1) 100%);
    background: linear-gradient(135deg, rgba(47,65,139,1) 0%, rgba(234,16,41,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f418b', endColorstr='#ea1029', GradientType=1 );
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
}

section.banner {
    background: url(../images/hm-banner.jpg) no-repeat center top;
    text-align: center;
    padding: 80px 0;
    position: relative;
    color: #fff;
}


section.banner h2 {
    font-size: 40px;
    font-weight: 800;
    line-height: 41px;
    text-shadow: #000 0 1px 1px;
    margin-bottom: 22px;
}


section.banner h4 {
    background: rgba(0, 0, 0, 0.18);
    padding: 15px 0;
    letter-spacing: 2px;
    font-size: 18px;
    font-weight: bold;
    width: 83%;
    margin: 0 auto 32px;
}

 
section.banner h2 {
    font-size: 40px;
    font-weight: 600;
}



section.banner a.showreel-link {
    border: #fff 3px solid;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    padding: 12px 22px;
    border-radius: 6px;
    margin: 0 15px;
    position: relative;
    padding-left: 34px;
}




 
section.banner a.showreel-link:hover {
  color: #ffffff;
  border: #ea102a 3px solid;
  background: #ea102a;
}
 







section.banner a.btn-yellow span {
    display: block;
    position: relative;
    z-index: 1;
}
 
 






 
section.banner a.btn-yellow:hover {
  color: #ffffff;
  border: #ea102a 3px solid;
}
 






section.banner a.btn-yellow {border: #f13047 3px solid;font-size: 18px;color: #fff;font-weight: 600;background: #ea102a;display: inline-block;padding: 12px 22px;border-radius: 6px;text-transform: uppercase;position: relative;}

section.banner h2 span {
    font-style: italic;
    color: #de122e;
}


section {
    padding: 40px 0;
}

section.home-col1 {
    text-align: center;
    font-size: 16px;
    color: #858585;
}

section.home-col1 h1 {
    color: #2a2a2a;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 12px;
    margin-top: 53px;
}

section.home-col1 p {
    margin-bottom: 30px;
}
section.home-col2 {
    text-align: center;
    background: url(../images/hm-bg1.jpg) no-repeat center top #dee9ef;
    padding: 50px 0;
    color: #858585;
}
section.home-col2 h2 {
    color: #2a2a2a;
    margin-bottom: 11px;
    font-size: 36px;
    font-weight: 800;
}

section.home-col2 .container {
    padding: 0 200px;
}

section.home-col2 a {
    display: inline-block;
    color: #ea102a;
    font-size: 18px;
    padding: 9px 40px;
    text-transform: uppercase;
    border: #ea102a 3px solid;
    border-radius: 6px;
    margin: 20px 4px 0;
    font-weight: 600;
}

section.home-col2 a+a {
    background: #ea102a;
    color: #fff;
}

section.home-col2 a:hover {
    background: #de122e;
    color: #fff;
}

section.home-col2 a+a:hover {
    background: #d64b26;
    border-color: #d64b26;
}


section.portfolio {
    text-align: center;
    color: #858585;
}

section.portfolio h2 {
    font-size: 36px;
    color: #000;
    font-weight: 800;
    margin-bottom: 12px;
}

section.portfolio h2+p {
    line-height: 20px;
    margin-bottom: 23px;
}
.submenu-hover-none:before{visibility:hidden !important}
.portfolio-content {
    background: #fff;
    text-align: left;
    padding: 16px 0;
    position: relative;
    height: 110px;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    width: 100%;
}

.portfolio-content h4 {
    color: #353535;
    font-size: 21px;
	width:100%;
	display:block;
    font-weight: 800;
}

.portfolio-content a {
    visibility: hidden;
    margin-top: 23px;
    display: inline-block;
}

section.portfolio [class^="col-"]>div:hover .portfolio-content-hover {
    visibility: visible;
    opacity: 1 !important;
    height: 96%;
}

section.portfolio [class^="col-"]>div:hover .portfolio-content-hover  * {
    color: #fff;
}

section.portfolio [class^="col-"]>div {
    position: relative;
    margin-bottom: 13px;
    overflow:hidden;
    height: 300px;
}

section.portfolio [class^="col-"]>div:hover .portfolio-content-hover:before {
    width: 94%;
    height: 94%;
    position: absolute;
    /* border: rgba(255, 255, 255, 0.34) 1px solid; */
    content: "";
    left: 0;
    margin: 10px;
    top: 0;
    z-index: -1;
}

img {
    max-width: 100%;
}

.portfolio-content.portfolio-content-hover h6.industry-name {width: 100%;color: #ffffff !important;}
section.portfolio .industry-name {
    color: #a6a6a6;
    display: block;
    font-size: 14px;
    margin-top: 5px;
}
section.portfolio [class^="col-"]>div:hover .portfolio-content-hover a {visibility: visible;font-size: 14px;text-transform: uppercase;display: inline-block;border: #fff 2px solid;padding: 7px 17px;font-weight: 600;border-radius: 5px;margin-top: 16px;cursor: pointer;text-shadow: none;}

.portfolio-content.portfolio-content-hover {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    text-align: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 100%;
    height: 0;
    margin: 0 auto;
    padding: 0 50px;
    list-style: none;
    text-shadow: none !important;
    background: rgba(47,65,139,1);
    background: -moz-linear-gradient(-45deg, rgba(47,65,139,1) 0%, rgba(234,16,41,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(47,65,139,1)), color-stop(100%, rgba(234,16,41,1)));
    background: -webkit-linear-gradient(-45deg, rgba(47,65,139,1) 0%, rgba(234,16,41,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(47,65,139,1) 0%, rgba(234,16,41,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(47,65,139,1) 0%, rgba(234,16,41,1) 100%);
    background: linear-gradient(135deg, rgba(47,65,139,1) 0%, rgba(234,16,41,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f418b', endColorstr='#ea1029', GradientType=1 );
}

section.portfolio [class^="col-"]>div:hover .portfolio-content {
    opacity: 0;
    text-shadow: #000 0 0px 1px;
    border-radius: 4px;
}

section.portfolio [class^="col-"]>div:hover img {
    /* -webkit-transform: scale(1.2); */
    /* transform: scale(0.9); */
    /* height: 100%; */
    /* position: absolute; */
    }

.portfolio-content h4+p {
    line-height: 19px;
    margin: 10px 0 0 0;
}


section.portfolio [class^="col-"]>div img {
    -webkit-transform: scale(1);
    border: #f0f0f0 1px solid;
    transform: scale(1);
    will-change: transform;
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: -webkit-transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    left: 0;
    top: 0;
}
section.home-col1 img {
    max-width: initial;
}

section.testimonials {
    background: #f3f3f3;
    text-align: center;
    padding: 60px 0;
}

section.testimonials p {
    font-size: 36px;
    color: #373737;
    font-style: italic;
    line-height: 42px;
    margin-bottom: 22px;
}

.testimonial-slider {
    padding: 0 70px;
}

.testimonial-slider h6 {
    color: #373737;
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 23px;
}

section.revolation {
    text-align: center;
    padding: 0px 0 3px;
    position: relative;
}

section.revolation .container {
    background: url(../images/hm-bg2.jpg) no-repeat center top;
    min-height: 798px;
}

section.revolation:after {
    background: #f2f2f2;
    height: 84px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    content: "";
    z-index: -1;
}

section.revolation h2 {
    font-size: 36px;
    color: #000;
    font-weight: 800;
    margin-top: 72px;
    margin-bottom: 12px;
}

section.revolation h2+p {margin-bottom: 12px;}

section.revolation ul li {
    display: inline-block;
    color: #000;
    margin: 0 20px;
    font-size: 22px;
    font-weight: 600;
    width: 21%;
}

section.revolation ul {
    text-align: center;
    margin-top: 22px;
}

section.revolation ul li span {
    display: block;
    font-weight: 400;
    color: #e4102a;
    font-size: 50px;
    line-height: 44px;
}

section.home-col3 {
    background: #bc1533;
    color: #fff;
    text-align: center;
    padding: 30px 0;
}

section.home-col3 h4 {
    font-size: 46px;
    clear: both;
    display: block;
    font-weight: 600;
    text-shadow: #946500 0 1px 1px;
}

section.home-col3 p {
    line-height: 17px;
    width: 290px;
    margin: 0 auto;
    clear: both;
    font-size: 14px;
    text-transform: capitalize;
    letter-spacing: 0;
    font-weight: 600;
}

footer {
    background: #151a1d;
    padding: 50px 0 20px;
    color: #fff;
    font-size: 15px;
}

footer * {
    color: #fff;
}

footer h4 {
    text-transform: uppercase;
    margin-bottom: 19px;
    font-weight: bold;
    font-size: 17px;
    letter-spacing: 1px;
}

footer .col-md-3 li {
    margin-bottom: 7px;
}

footer .row+.row {
    padding: 40px 0 0;
}

ul.social-footer li {
    display: inline-block;
    margin: 0 6px;
    font-size: 20px;
}
footer i.icon-icon_message, footer i.icon-icon_phone {
    color: #de122e;
    display: inline-block;
    margin-right: 9px;
}

footer i.icon-icon_message:before, footer i.icon-icon_phone:before {
    font-size:22px;
}

ul.ftr-cta li {
    margin-top: 12px;
    margin-bottom: 9px;
    font-size: 20px;
}

a.ftr-btn {
    display: inline-block;
    color: #ffffff;
    font-size: 18px;
    padding: 12px 40px;
    text-transform: uppercase;
    border: #de122e 3px solid;
    border-radius: 6px;
    margin: 0 0 8px 0;
    font-weight: 600;
    width: 79%;
}

footer .row+.row+.row.border-top-ftr {
    border-top: rgba(255, 255, 255, 0.08) 1px solid;
    margin-top: 50px;
    color: #d2d2d2;
    padding-top: 32px;
    margin-bottom: 22px;
}

footer .row+.row+.row.border-top-ftr * {
    color: #d2d2d2;
    font-size: 13px;
}

ul.ftr-links {
    text-align: right;
}

ul.ftr-links li {
    margin: 0 0 0 15px;
    display: inline-block;
    position: relative;
    padding-left: 19px;
}

ul.ftr-links li:before {
    position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 7px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f111";
    top: 6px;
    left: 0;
}

footer .row+.row+.row+.row {
    padding: 0px 0 0 0;
}

.disclaimer {
    font-size: 13px;
    color: #d2d2d2;
}

.disclaimer p {
    color: #d2d2d2;
}

.footer_form {
    text-align: center;
}

.footer_form h2 {
    font-size: 36px;
    color: #000;
    font-weight: 800;
    margin-bottom: 12px;
}

.footer_form h2+p {
    padding: 0 140px;
    margin-bottom: 22px;
}

.footer_form ul li {
    text-align: left;
    position: relative;
    width: 31.5%;
    margin: 12px 7px 4px;
    display: inline-block;
}
 
.footer_form ul li input[type="text"], .footer_form ul li input[type="email"], .footer_form ul li textarea {
    background: #fafafa;
    border: #dcdcdc 1px solid;
    padding: 10px 10px 10px 34px;
    width: 100%;
    border-radius: 7px;
    font-size: 15px;
    color: #000;
    box-shadow: none !important;
    outline: none 0px !important;
}

.footer_form ul li i {
    position: absolute;
    top: 12px;
    left: 10px;
}

.footer_form ul li+li+li+li {
    width: 97.5%;
}

.footer_form ul li textarea {
    height: 130px;
}

.footer_form ul li.last {
    text-align: center;
}

.footer_form ul li input[type="submit"] {
    background: #de122e;
    color: #fff;
    font-size: 18px;
    border: #de122e 1px solid;
    text-transform: uppercase;
    font-weight: 600;
    padding: 14px 50px;
    letter-spacing: 1px;
    border-radius: 6px;
    outline: 0px none;
}

.footer_form ul li input[type="submit"]:hover {
    background: #e25530;
}

.footer_form ul li input[type="text"]:focus, .footer_form ul li input[type="email"]:focus, .footer_form ul li textarea:focus {
    border: #de122e 1px solid  !important;
}

.focus i {
    color: #de122e;
}

footer .col-md-3 p {
    line-height: 26px;
}

footer .col-md-3 li a:hover {
    color: #f75f37;
}





section.banner a.showreel-link i {
    font-size: 24px;
    position: absolute;
    left: 8px;
    top: 13px;
}

section.lp-banners ul li {
    display: inline-block;
    margin: 0 12px;
}

section.lp-banners ul {
    background: rgba(0, 0, 0, 0.18);
    padding: 15px 0;
    letter-spacing: 2px;
    font-size: 17px;
    font-weight: bold;
    width: 90%;
    margin: 0 auto 34px;
}
.animation2d-banner {
    background-image: url(../images/2danimation-banner.jpg) !important;;
}
.testimonial-banner{
     background-image: url(../images/testimonial-banner.jpg) !important;;
}
.whychoose-us-banner{
        background-image: url(../images/whychoose-banner_bg.jpg) !important;;
}
.portfolio-banner{
    background-image: url(../images/portfolio-banner.jpg) !important;;
}
.company-banner{
        background-image: url(../images/company-banner.jpg) !important;;

}
section.banner.typography-banner {
    background-image: url(../images/typography-banner.jpg) !important;;
}

section.banner.whiteboard-banner {
    background-image: url(../images/whiteboard-animation-banner.jpg) !important;;
}

section.banner.animation-banner {
    background-image: url(../images/animation-banner.jpg) !important;
    background-size: 100% 100%;
}

section.banner.motiongraphics-banner {
    background-image: url(../images/motion-graphics-banner.jpg) !important;
    background-size: 100% 101%;
}

 
section.lp-banners p {
    font-size: 20px;
    padding: 0 190px;
    text-align: center;
    margin-bottom: 27px;
    font-weight: 600;
}

section.lp-banners h2 {
    font-size: 46px;
    text-shadow: rgba(0, 0, 0, 0.96) 0 2px 1px;
}
section.lp-services-content {
    background: url(../images/shadow-bar.png) no-repeat center top #fafafa;
    padding: 50px 0;
}

section.lp-services-content h2 {
    font-size: 36px;
    color: #010101;
    text-transform: uppercase;
    font-weight: 800;
    margin: 50px 0 17px 0;
}

section.lp-services-content h4 {
    color: #2a2a2a;
    margin-bottom: 13px;
    font-size: 24px;
}

section.lp-services-content p {
    font-size: 16px;
    margin-bottom: 17px;
    color: #858585;
}

section.lp-services-content a {
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 16px;
    color: #828282;
    border: #828282 3px solid;
    border-radius: 3px;
    font-weight: 600;
    margin: 0 8px 0 0;
}

section.lp-services-content a+a {
    color: #f35e36;
    border-color: #f35e36;
}

button#portfolio-loadmore+a {
    font-size: 17px;
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 36px;
    color: #de122e;
    border: #de122e 3px solid;
    border-radius: 3px;
    font-weight: 600;
    margin: 0 8px 0 0;
}

button#portfolio-loadmore {
    font-size: 17px;
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 36px;
    color: #828282;
    border: #828282 3px solid;
    border-radius: 3px;
    font-weight: 600;
    margin: 0 8px 0 0;
    background: transparent;
    outline: none;
}

ul.row.portofolio-loader {
    margin-bottom: 32px;
}

button#portfolio-loadmore+a:hover,section.lp-services-content a+a:hover {
    background: #de122e;
    color: #fff;
}

button#portfolio-loadmore:hover, section.lp-services-content a:hover {
    background: #828282;
    color: #fff;
}

section.lp.form .col-md-5 h4 {
    color: #000000;
    font-size: 30px;
    font-style: italic;
    margin-bottom: 32px;
    font-weight: 600;
    letter-spacing: 1px;
}

section.lp.form .col-md-5 img {
    max-width: none;
    margin-left: -39px;
}

.lp_form_full h5 {
    color: #de122e;
    font-size: 36px;
    text-align: left;
    font-style: italic;
    font-weight: 600;
    margin-bottom: 32px;
    margin-top: 6px;
}

.lp_form_full ul li {
    width: 100% !important;
    text-align: left;
    margin-bottom: 3px;
    margin-top: 8px;
}

.lp_form_full ul {
    padding: 20px 30px;
    background: #f5f5f5;
    position: relative;
    z-index: 1;
    border-radius: 5px;
}

section.lp.form .col-md-5:after {
    background: #efefef;
    height: 100%;
    position: absolute;
    right: -20px;
    top: 0;
    width: 1px;
    content: "";
}

.lp_form_full {
    padding-left: 72px;
    text-align: left;
}

.lp_form_full  ul li input[type="text"], .lp_form_full  ul li input[type="email"], .lp_form_full  ul li textarea {background: #fff;padding: 12px 10px 12px 37px;font-size: 14px;}

.lp_form_full ul li i {
    top: 16px;
    left: 15px;
}

.lp_form_full  ul li.last {
    text-align: left;
}

.lp_form_full:after {
    background: url(../images/form-btm-shadow.png) no-repeat center top;
    background-size: contain;
    position: absolute;
    bottom: -19px;
    left: 37px;
    content: "";
    height: 50px;
    width: 100%;
    z-index: 0;
    opacity: 0.4;
}

.lp_form_full input[type="submit"] {
    font-size: 16px !important;
    padding: 12px 32px !important;
}

section.lp.form .col-md-5 .btn-orange{
    font-size: 17px;
    text-transform: uppercase;
    padding: 10px 36px;
    color: #de122e;
    border: #de122e 3px solid;
    border-radius: 5px;
    font-weight: 600;
    display: inline-block;
    margin-top: 22px;
    }

    .lp_form_full ul li textarea {
    height: 100px;
}


section.lp-services-content a {
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 25px;
    color: #828282;
    border: #828282 3px solid;
    border-radius: 3px;
    font-weight: 600;
    margin: 0 8px 0 0;
}

section.lp-services-content a+a {
    color: #de122e;
    border-color: #de122e;
}


section.inner-banner {
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    color: #fff;
    padding: 100px 0;
    border-color: #e0771b;
}



.expertise-banner {
    background-image: url(../images/ourexpertise-banner.jpg);
}

section.inner-banner h1, section.inner-banner h2 {
    font-size: 42px;
    font-weight: 800;
    margin-bottom: 9px;
}

section.inner-banner p {
    padding: 0 190px;
    margin-bottom: 12px;
}

section.expertise-col {
    padding: 80px 0;
}

section.expertise-col h4 {
    font-size: 36px;
    color: #010101;
    font-weight: 800;
    margin-bottom: 13px;
    margin-top: 50px;
}

section.expertise-col h6 {
    color: #2a2a2a;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}

section.expertise-col p {
    margin-bottom: 23px;
}

section.expertise-col a {
    font-size: 17px;
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 36px;
    color: #de122e;
    border: #de122e 3px solid;
    border-radius: 7px;
    font-weight: 600;
    margin: 0 8px 0 0;
}

section.expertise-col a+a {
    background:  #de122e;  
      color: #ffffff;
}

section.expertise-col img {
    max-width: 90%;
}

.bg-gray {
    background: #f3f3f3;
}

section.testimonials.bg-color-orange {
    background: #bc1533;
}

section.testimonials.bg-color-orange * {
    color: #fff !important;
}
.process-banner {
    background-image: url(../images/process-banner.jpg);
}

.pricing-banner{
        background-image: url(../images/pricing-banner.jpg);

}

section.process-col {
    padding: 80px 0 50px;
}

section.process-col [class^="col-"] {
    min-height: 330px;
    padding-bottom: 33px;
    border-bottom: #e8e8e8 1px solid;
    padding-top: 30px;
    margin-top: 0;
}

section.process-col [class^="col-"] i {
    margin-bottom: 23px;
    display: block;
}

section.process-col [class^="col-"] h4 {
    color: #353535;
    font-size: 27px;
    font-weight: 800;
    margin-bottom: 11px;
}

section.process-col [class^="col-"] p {
    padding-right: 22px;
    font-size: 15px;
    line-height: 20px;
}

section.process-col [class^="col-"]:before {
    background: #e8e8e8;
    height: 100%;
    width: 1px;
    position: absolute;
    right: 16px;
    top: 0;
    content: "";
}

section.process-col .col-md-4+.col-md-4+.col-md-4:before, section.process-col .col-md-4+.col-md-4+.col-md-4.col-md-4+.col-md-4+.col-md-4+.col-md-4:before {
    visibility: hidden;
}
section.process-col .col-md-4+.col-md-4+.col-md-4+.col-md-4:before {
    visibility: visible;
}

section.process-col .col-md-4+.col-md-4+.col-md-4+.col-md-4 { border:0px none}

header#sticky-header {
    background: #fff;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.52) 0 0 30px;
    z-index: -1;
    top: 0;
    position: fixed;
    padding: 25px 0;
}
ul.navigation {
    text-align: center;
    margin-top: 8px;
}

ul.navigation li {
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    padding: 0 14px;
    font-weight: 600;
    position: relative;
}

ul.navigation li a {
    color: #000;
    display: block;
}

.sticky-header .top-cta li {
    font-size: 14px;
}

.sticky-header .top-cta li i {
    font-size: 17px; 
}

.sticky-header .col-md-2, header .col-md-2 {
    padding: 0;
}

.sticky-header .top-cta {
    margin-top: 11px;
}
  
.push-right {
    width: 500px;
    bottom: 0;
    color: #ffffff;
    right: -500px;
    overflow: auto;
    position: fixed;
    top: 0;
    padding: 50px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 2;
    background: rgba(239,144,21,1);
    background: -moz-linear-gradient(left, rgba(239,144,21,1) 0%, rgba(222,120,17,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(239,144,21,1)), color-stop(100%, rgba(222,120,17,1)));
    background: -webkit-linear-gradient(left, rgba(239,144,21,1) 0%, rgba(222,120,17,1) 100%);
    background: -o-linear-gradient(left, rgba(239,144,21,1) 0%, rgba(222,120,17,1) 100%);
    background: -ms-linear-gradient(left, rgba(239,144,21,1) 0%, rgba(222,120,17,1) 100%);
    background: linear-gradient(to right, rgba(239,144,21,1) 0%, rgba(222,120,17,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef9015', endColorstr='#de7811', GradientType=1 );
}
body.show-sidebar .push-right {
    right: 0;
}
body.show-sidebar  {
    margin-left: -500px;
}
/*Overlay*/
.body-overlay {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.body-overlay-apply {
    position:fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(29, 31, 32, 0.75);
    cursor:pointer;
    z-index: 999;
}
 

 .siderbar-nav {
    position: absolute;
    right: 0;
    z-index: 999;
    text-shadow: rgba(0, 0, 0, 0.55) 0 1px 1px;
    display: none !important;
}

.siderbar-nav .nav {position: absolute;z-index: 99;top: 31px;right: 50px;font-size: 32px;text-shadow: none;}

.siderbar-nav .push-right ul.sidebar-nav {
}

.siderbar-nav .push-right ul.sidebar-nav>li {
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
    position: relative;
    padding-left: 19px;
    margin-bottom: 22px;
    text-shadow: rgba(0, 0, 0, 0.55) 0 1px 1px;
}

.siderbar-nav .push-right ul.sidebar-nav>li>a {
    display: block;
    color: #fff;
}

.siderbar-nav .nav i.fa.fa-navicon {
    color: #000;
}

.siderbar-nav .nav i.fa.fa-times {
    color: #fff;
}

.sticky-header.affix {
    z-index: 99 !important;
}







.popupform ul li {
    text-align: left;
    position: relative;
    width: 100%;
    margin: 8px 0px;
    display: inline-block;
}
 
.popupform ul li input[type="text"], .popupform ul li input[type="email"], .popupform ul li textarea {
    background: #fafafa;
    border: #dcdcdc 1px solid;
    padding: 10px 10px 10px 34px;
    width: 100%;
    border-radius: 7px;
    font-size: 14px;
    color: #000;
    box-shadow: none !important;
    outline: none 0px !important;
}

.popupform ul li i {
    position: absolute;
    top: 12px;
    left: 10px;
}

 

.popupform ul li textarea {
    height: 110px;
}

.popupform ul li.last {
    text-align: center;
}

.popupform ul li input[type="submit"] {
    background: #ea102a;
    color: #fff;
    font-size: 18px;
    border: #da8207 1px solid;
    text-transform: uppercase;
    font-weight: 600;
    padding: 14px 50px;
    letter-spacing: 1px;
    border-radius: 3px;
    outline: 0px none;
    width: 100%;
}

.popupform ul li input[type="submit"]:hover {
    background: #da840e;
}

.popupform ul li input[type="text"]:focus, .popupform ul li input[type="email"]:focus, .popupform ul li textarea:focus {
    border: #ea102a 1px solid  !important;
}


.popupform {
    width: 500px;
    border-radius: 23px;
    padding: 31px;
    overflow: visible;
    border-bottom: #ea102a 5px solid;
}

.popupform h2 {
    font-size: 36px;
    color: #000000;
    font-weight: 900;
    padding-left: 15px;
    border-left: #ea102a 6px solid;
    margin-bottom: 12px;
    line-height: 35px;
}

.popupform h2+p {
    line-height: 19px;
    font-size: 14px;
    margin-bottom: 12px;
}

.popupform:before {
.popupform:before {
    background: url(../images/form-shark.png) no-repeat;
    width: 160px;
    height: 134px;
    content: "";
    position: absolute;
    left: -86px;
    top: 21px;
    z-index: -1;
    -ms-transform: rotate(-14deg);
    -webkit-transform: rotate(-14deg);
    transform: rotate(-14deg);
}
}

.popupform .fancybox-close-small {
    border: #c52037 3px solid;
    background: #fff;
    border-radius: 72px;
    text-align: center;
    box-shadow: #000 0 0 10px;
    right: -18px;
    top: -11px;
}

.popupform .fancybox-close-small:after {
    color: #e42a42;
    font-size: 25px;
    right: 4px;
}
.siderbar-nav .push-right ul.sidebar-nav li:before {}

.siderbar-nav .push-right ul.sidebar-nav>li:before {
    position: absolute;
    background: #fff;
    height: 0;
    width: 5px;
    content: "";
    left: 0;
    top: 0;
    visibility: hidden;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    border-radius: 22px;
    visibility: hidden !important;
}

.siderbar-nav h5 {
    font-size: 22px;
    text-transform: uppercase;
    border-bottom: #ff9f27 1px solid;
    display: inline-block;
    padding-bottom: 7px;
    letter-spacing: 1px;
    font-weight: 600;
    margin-top: 22px;
}
.social-sidebar {
    color: #fff;
    font-size: 26px;
    margin-top: 13px;
}

.social-sidebar li {
    display: inline-block;
    margin: 0 15px 0 0;
}

.social-sidebar li a {
    color: #fff;
    display: block;
}

.siderbar-nav h4 {
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: -7px;
    margin-bottom: 83px;
}
section.pricing-col {
    padding: 50px 0;
    text-align: center;
}

section.pricing-col h2 {
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 12px;
    color: #000;
}

section.pricing-col h2+p {
    font-size: 18px;
}

section.pricing-col ul {
    margin-top: 32px;
    text-align: center;
}

section.pricing-col ul li {
    position: relative;
    display: inline-block;
    border: #e7e7e7 5px solid;
    width: 32.5%;
    margin: 10px 3px;
    padding: 20px 0;
}

section.pricing-col ul li h5 {
    color: #dc2036;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 12px;
}

section.pricing-col ul li h4 {
    font-size: 22px;
    color: #353535;
    font-weight: 800;
    margin-bottom: 17px;
}

a {
     */
     */
     transition: 0.5s ease-in-out; */
     transition: 0.5s ease-in-out;
     -webkit-transition: all .2s ease-in;
     -moz-transition: all .2s ease-in;
     -o-transition: all .2s ease-in;
     -ms-transition: all .2s ease-in;
     transition: all .2s ease-in;
}
section.pricing-col ul li a, .btn-orng-grd {
    display: inline-block;
    color: #fff;
    /* text-shadow: #000 0 1px 1px; */
    /* padding: 12px 24px; */
    /* font-weight: 600; */
    /* border-radius: 3px; */
    /* letter-spacing: 1px; */
    /* margin-top: 22px; */
    /* text-transform: uppercase; */
    /* background: rgba(245,30,55,1); */
    background: -moz-linear-gradient(top, rgba(245,30,55,1) 0%, rgba(188,21,51,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,30,55,1)), color-stop(100%, rgba(188,21,51,1)));
    /* background: -webkit-linear-gradient(top, rgba(245,30,55,1) 0%, rgba(188,21,51,1) 100%); */
    background: -o-linear-gradient(top, rgba(245,30,55,1) 0%, rgba(188,21,51,1) 100%);
    background: -ms-linear-gradient(top, rgba(245,30,55,1) 0%, rgba(188,21,51,1) 100%);
    /* background: linear-gradient(to bottom, rgba(245,30,55,1) 0%, rgba(188,21,51,1) 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f51e37', endColorstr='#bc1533', GradientType=0 );
}

section.pricing-col ul li:hover {
    border-color: #e81c36;
}

section.price_content {
    background: #f6f6f6;
    font-size: 18px;
}

section.price_content h2 {
    font-size: 36px;
    color: #000;
    margin-bottom: 32px;
    font-weight: 800;
    margin-top: 52px;
}

ul.list-checkbox li:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f14a";
    color: #bc1533;
    margin-right: 6px;
}

ul.list-checkbox li {
    margin-bottom: 16px;
}

section.price_content .col-md-7 a {
    display: inline-block;
    color: #fff;
    text-shadow: #000 0 1px 1px;
    padding: 12px 24px;
    font-weight: 600;
    border-radius: 3px;
    letter-spacing: 1px;
    margin-top: 22px;
    text-transform: uppercase;
    background: rgba(245,30,55,1);
    background: -moz-linear-gradient(top, rgba(245,30,55,1) 0%, rgba(188,21,51,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,30,55,1)), color-stop(100%, rgba(188,21,51,1)));
    background: -webkit-linear-gradient(top, rgba(245,30,55,1) 0%, rgba(188,21,51,1) 100%);
    background: -o-linear-gradient(top, rgba(245,30,55,1) 0%, rgba(188,21,51,1) 100%);
    background: -ms-linear-gradient(top, rgba(245,30,55,1) 0%, rgba(188,21,51,1) 100%);
    background: linear-gradient(to bottom, rgba(245,30,55,1) 0%, rgba(188,21,51,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f51e37', endColorstr='#bc1533', GradientType=0 );
}
section.price_content .col-md-7 a:hover, section.pricing-col ul li a:hover, .btn-orng-grd:hover {background: rgba(47,65,139,1);background: -moz-linear-gradient(-45deg, rgba(47,65,139,1) 0%, rgba(234,16,41,1) 100%);background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(47,65,139,1)), color-stop(100%, rgba(234,16,41,1)));background: -webkit-linear-gradient(-45deg, rgba(47,65,139,1) 0%, rgba(234,16,41,1) 100%);background: -o-linear-gradient(-45deg, rgba(47,65,139,1) 0%, rgba(234,16,41,1) 100%);background: -ms-linear-gradient(-45deg, rgba(47,65,139,1) 0%, rgba(234,16,41,1) 100%);background: linear-gradient(135deg, rgba(47,65,139,1) 0%, rgba(234,16,41,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f418b', endColorstr='#ea1029', GradientType=1 );}

.siderbar-nav .push-right ul.sidebar-nav li:hover:before {
    visibility: visible;
    height: 95%;
}

.siderbar-nav .push-right ul.sidebar-nav>li:after {
    background: #ffac45;
    width: 0;
    content: "";
    height: 2px;
    position: absolute;
    left: 20px;
    bottom: -5px;
    -webkit-transition: 0.5s ease-in-out;
    transition: .2s ease-in-out;
}

.siderbar-nav .push-right ul.sidebar-nav>li:hover:after {
    width: 200px;
}

section.inner-banner p+a {
    background: #de122e;
    color: #fff;
    padding: 12px 14px;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing:1px;
    font-weight: 600;
    display: inline-block;
}

section.who-we-are {
    padding: 50px 0;
    color: #858585;
}

section.who-we-are h2 {
    color: #000;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 13px;
}

section.who-we-are h6 {
    color: #56565e;
    font-size: 20px;
    font-style: italic;
    margin-bottom: 13px;
}

section.who-we-are h6+p {
    padding-left: 13px;
    border-left: #bc1533 1px solid;
}

section.home-col3 i {
    font-size: 39px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 7px;
    max-width: 62px;
}

section.home-col3 h6 {
    font-size: 22px;
    position: relative;
    display: inline-block;
    padding-left: 52px;
    text-align: left;
    font-weight: bold;
    margin-top: 7px;
}

section.home-col3 i.iconn-play-circle {
    top: 4px;
}

section.home-col3 i.iconn-thumb-client {
    top: 0;
    font-size: 48px;
}

section.home-col3 .col-md-4+.col-md-4+.col-md-4 h6 {
    padding-left: 41px;
}

section.home-col3 .border-right-1 {
    border-right: rgba(255, 255, 255, 0.36) 1px solid;
}

section.whychoose-col {
    padding: 70px 0;
    text-align: center;
}
.bg-fafafa{    background: #fafafa;}
section.whychoose-col h2 {
    color: #000;
    font-weight: 800;
    font-size: 36px;
    margin-bottom: 16px;
}

section.whychoose-col h2+p {
    padding: 0 110px;
    margin-bottom: 12px;
}

section.whychoose-col [class^="col-"] ul li {
    margin-bottom: 43px;
    padding-left: 82px;
    position: relative;
}

section.whychoose-col [class^="col-"] ul li i {
    position: absolute;
    left: 0;
    width: 100px;
}

section.whychoose-col [class^="col-"] ul li h6 {
    font-size: 22px;
    color: #353535;
    font-weight: 600;
    margin-bottom: 8px;
}

section.whychoose-col [class^="col-"] ul li p {}

section.whychoose-col [class^="col-"] ul {
    margin-top: 21px;
    text-align: left;
}

section.whychoose-col [class^="col-"] ul li.last {
    margin-bottom: 0;
}

i.iconn-globe:after {
    background: url(../images/globe-icon.png) no-repeat;
    width: 41px;
    height: 39px;
display:block;
    content: "";
}

i.iconn-globe:before {
    display: none;
}
.iconn-email-icon:before {
  content: "\e903";
}
.iconn-map-mark:before {
  content: "\e904";
}
.iconn-phone-icon:before {
  content: "\e905";
}
section.home-col3 i.iconn-globe {
    left: -12px;
    top: 5px;
}

.banner-with-img p {
    padding: 0 !important;
    text-align: left;
}

.banner-with-img {
    text-align: left !important;
}

.banner-with-img .col-md-7 {
    text-align: right;
}

.banner-with-img .col-md-7 a {
    padding: 0 !important;
    background: transparent;
}

.banner-with-img h2 {
    margin-top: 42px;
    margin-bottom: 23px !important;
}

.banner-with-img h2+p {
    margin-bottom: 22px;
}

section.gray-bar {
    padding: 14px 0;
    text-align: center;
    background: #f6f6f6;
}

section.gray-bar ul li {
    display: inline-block;
    margin: 0 21px;
}

section.whychoose-col [class^="col-"] h4 {
    font-size: 22px;
    display: block;
}

section.whychoose-col.whychoose-bg1 {
    background: url(../images/whychoose-bg1.jpg) no-repeat left top;
    background-size: cover;
}

span.img-guarnteed {
    background: url(../images/guarantee-stamp.png) no-repeat left top;
    background-size: cover;
    width: 75px;
    height: 67px;
    display: inline-block;
    position: relative;
    top: 17px;
}
section.contactus-section {
    position: relative;
    min-height: 590px;
    padding: 140px 0;
}

section.contactus-section iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
}

section.contactus-section:after {
    background: url(../images/map-overlay.png) repeat-x left bottom;
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
    height: 60%;
    content: "";
    background-size: 100% 40%;
}

section.contactus-section .container {
    z-index: 7;
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    padding: 0;
}

section.contactus-section .col-md-5>div {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#db6e18+0,b73e0d+100 */
      /* FF3.6-15 */
      /* Chrome10-25,Safari5.1-6 */
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      /* IE6-9 */
      padding: 60px 90px;
      color: #fff;
      height: 554px;
      background: rgba(245,30,55,1);
      background: -moz-linear-gradient(-45deg, rgba(245,30,55,1) 0%, rgba(188,21,51,1) 100%);
      background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(245,30,55,1)), color-stop(100%, rgba(188,21,51,1)));
      background: -webkit-linear-gradient(-45deg, rgba(245,30,55,1) 0%, rgba(188,21,51,1) 100%);
      background: -o-linear-gradient(-45deg, rgba(245,30,55,1) 0%, rgba(188,21,51,1) 100%);
      background: -ms-linear-gradient(-45deg, rgba(245,30,55,1) 0%, rgba(188,21,51,1) 100%);
      background: linear-gradient(135deg, rgba(245,30,55,1) 0%, rgba(188,21,51,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f51e37', endColorstr='#bc1533', GradientType=1 );
}

section.contactus-section .col-md-5>div h4 {
    font-size: 36px;
    border-left: 6px solid #fff;
    padding-left: 12px;
    font-weight: 800;
    line-height: 34px;
    margin-bottom: 28px;
}

section.contactus-section .col-md-5>div ul.contact-cta {}

section.contactus-section .col-md-5>div ul.contact-cta li {
    margin-bottom: 36px;
    padding-left: 33px;
    position: relative;
}

section.contactus-section .col-md-5>div ul.contact-cta li i {
    position: absolute;
    left: 0;
    font-size: 24px;
}

section.contactus-section .col-md-5>div ul.contact-cta li a {
    display: block;
    color: #fff;
}

section.contactus-section .col-md-5>div ul.contact-cta li h6 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 3px;
}

section.contactus-section .col-md-5>div ul.contact-cta li.last {
    margin: 0;
}

section.contactus-section .col-md-7>div {
    background: #fff;
    padding: 60px 50px;
}

section.contactus-section .col-md-7, section.contactus-section .col-md-5 {
    padding: 0;
}

section.contactus-section .col-md-7>div h4 {
    font-size: 36px;
    border-left: 6px solid #bc1533;
    padding-left: 15px;
    font-weight: 800;
    line-height: 34px;
    margin-bottom: 28px;
    color: #000;
}

section.contactus-section .col-md-7>div h4+p {}

section.contactus-section .col-md-7>div .footer_form {
    text-align: left;
}

section.contactus-section .col-md-7>div .footer_form li {
    width: 100%;
    margin-bottom: 0;
}

section.contactus-section .col-md-7>div .footer_form li textarea {
    height: 79px;
}

section.contactus-section .col-md-7>div .footer_form li.last {
    text-align: left;
}

section.contactus-section .col-md-5>div ul.contact-cta li i.iconn-email-icon {
    font-size: 16px;
}

section.contactus-section .col-md-5>div ul.contact-cta li i.iconn-map-mark {
    font-size: 28px;
}

ul.navigation li:before {
    background: #bc1533;
    width: 0;
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 3px;
    content: "";
    transition: 0.2s ease-in-out;
}

ul.navigation li:hover:before {
    width: 100%;
}
a.ftr-btn:hover {
    background: #de122e;
    color: #fff !important;
}

ul.social-footer li:hover a i {
    color: #de122e !important;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
 










#portfolio {
    margin: 20px 0 0 0;
}
.tile {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 700ms ease;
    transition: all 700ms ease;
    display: none;
}
.tile:hover { 

}

.scale-anm {
  transform: scale(1);
  display: block;
}
 
.tile img {
    max-width: 100%;
    width: 100%;
    height: auto;
    margin-bottom: 1rem;
  
}

.btn {
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    padding: 6px 36px;
    margin: 0;
    height: auto;
    border: 0px solid;
    vertical-align: middle;
    -webkit-appearance: none;
    color: #555;
    margin: 0;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.btn:hover {
  text-decoration: none;
} 

.btn:focus, .btn:hover, .active-pf {
  outline: none;
  background: #de122e;
  color: #fff;
}
 
 .toolbar.mb2.mt2 {
    /* background: #eeeeee; */
    padding: 18px 0;
    /* margin: 0 15px; */
}

.testimonail-overlay {
    background: rgba(0, 0, 0, 0.35);
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    border-radius: 11px;
}

.testimonail-thumb {
    position: relative;
    overflow: hidden;
}

.testimonail-overlay:before {
    background: url('../images/sprite.png') no-repeat -55px -1px;
    width: 49px;
    height: 49px;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: 50%;
    margin-top: -25px;
    content:"";
}
.rating {
    position: relative;
    margin-top: 12px;
}

span.rating-stars.stars-5 {
    background: url('../images/sprite.png') no-repeat -3px -68px;
    width: 96px;
    height: 15px;
    display: inline-block;
    margin: 0 8px;
}

.rating b {
    color: #000;
}

section.testimonial-list [class^="col-"] {
    min-height: 375px;
}

section.testimonial-list [class^="col-"]>div p {
    color: #73727c;
    font-size: 20px;
    line-height: 29px;
    margin: 19px 0 40px 0;
    font-style: italic;
    min-height: 146px;
}


section.testimonial-list {
    text-align: center;
    padding: 40px 0;
}

section.testimonial-list [class^="col-"]>div {
    border: #ededed 3px solid;
    padding: 20px;
}

section.testimonial-list [class^="col-"]>div h4 {
    color: #010101;
    font-size: 22px;
    margin-bottom: 8px;
}

section.testimonial-list [class^="col-"]>div h4+span {
    text-transform: uppercase;
    font-size: 12px;
    display: inline-block;
    border: #ccc 1px solid;
    padding: 6px 16px;
    border-radius: 8px;
    margin-bottom: 10px;
}


.siderbar-nav .push-right ul.sidebar-nav>li>ul>li {
    font-size: 14px;
    margin-bottom: 9px;
}

.siderbar-nav .push-right ul.sidebar-nav>li>ul>li>a {
    color: #fff;
}

.siderbar-nav .push-right ul.sidebar-nav>li>ul {
    padding-left: 15px;
    margin-top: 12px;
    border-left: #ffa643 1px solid;
}

ul.sidebar-nav li>ul>li>a {
    color: #fff;
}









 .navigation ul.submenu {
    display: none;
    background: #bc1533;
    position: absolute;
    left: 0;
    top: 20px;
    width: 230px;
    padding: 10px 0;
    border-radius: 0 0 5px 5px;
}
.navigation .submenu li{
    width: 100%;
    text-align: left;
    margin: 0 0 3px 0;
    border-bottom: rgb(167, 0, 29) 1px solid;
}



.navigation .submenu li a {
    padding: 8px 10px;
    display: block;
    color: #fff !important;
    font-size: 13px;
}

.navigation .submenu li:last-child {
    border: 0px none;
}

.navigation .submenu li a:before {
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-weight: bold;
    margin-right: 6px;
}

ul.navigation>li:hover a, .active_nav a, a.active_nav {
    border-radius: 6px 6px !important;
}


a {
    box-sizing: border-box;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

section.whychoose-col h4, .orng-hd {
    font-size: 33px;
    color: #de122e;
    margin-top: 22px;
    font-style: italic;
    text-shadow: rgba(0, 0, 0, 0.38) 0 1px 1px;
}
.portfolio-banner h2 {
    margin-top: 73px;
}

.portfolio-banner h2+p {
    font-size: 22px;
    line-height: normal;
}
section.order-thankyou {
    background: url(../images/thankyou-bg.jpg) no-repeat left top;
    background-size: cover;
    text-align: center;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100vh;
    width: 100%;
}


  .thankyou-logo {
    margin-bottom: 23px;
}

section.order-thankyou h2 {
    font-size: 52px;
    font-weight: 900;
    text-shadow: #000 0 1px 1px;
    margin-bottom: 24px;
}

section.order-thankyou h6 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 24px;
}

.amount-charged {
    color: #ffae00;
    font-size: 30px;
    margin-bottom: 24px;
    font-weight: 800;
    background: rgba(0, 0, 0, 0.27);
    padding: 13px 0;
    letter-spacing: 2px;
    border: #d38a5a 1px solid;
    margin: 0 120px 24px;
    text-shadow: rgba(0, 0, 0, 0.65) 0 1px 1px;
}

p.transaction-msg {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 18px;
}

.thankyou.cta {
    margin-bottom: 12px;
}

.thankyou.cta a, .back-home a {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    padding: 8px 13px;
    border-radius: 9px;
    margin: 0 10px;
}

.thankyou.cta a i, .back-home i {
    margin-right: 7px;
}

a.thankyou-phone, .back-home a {
    border: #fff 3px solid;
}

a.thankyou-chat {
    background: #f09415;
    box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 6px;
    padding: 11px 13px !important;
    text-shadow: #000 0 1px 1px;
}

section.order-thankyou h4 {
    font-size: 21px;
}

.back-home {
    margin-top: 24px;
    padding-top: 24px;
    border-top: rgba(0, 0, 0, 0.12) 1px solid;
}


.back-home a:hover {
    background: #f09415;
    border-color: #f09415;
}
.thankyou-logo {
    margin-bottom: 23px;
    margin-top: 20px;
}

section.order-thankyou h2 {
    font-size: 45px;
    font-weight: 900;
    text-shadow: rgba(0, 0, 0, 0.51) 0 1px 6px;
    margin-bottom: 11px;
}

section.order-thankyou h6 {
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 21px;
    letter-spacing: 1px;
}

.amount-charged {
    color: #ffae00;
    font-size: 27px;
    font-weight: 800;
    background: rgba(0, 0, 0, 0.36);
    padding: 11px 0;
    letter-spacing: 1px;
    border: #d38a5a 1px solid;
    margin: 0 180px 13px;
    border-radius: 3px;
}

section.order-thankyou h1 {
    font-size: 110px;
    font-weight: 900;
    text-shadow: rgba(0, 0, 0, 0.49) 0 1px 16px;
    margin-bottom: 24px;
}

section.order-thankyou h1+h6 {
    margin-bottom: 33px;
}


.testimonial-slider.owl-theme .owl-nav {
    display: none !important;
}
section.home-col2 h6 {
    color: #000000;
    margin-bottom: 11px;
    font-size: 22px;
    font-weight: 600;
}
footer a:hover {
    color: #de122e !important;
}
.testimonail_video_slider .owl-nav [class*=owl-] {
    position: absolute;
    top: 121px;
    background: #de122e;
    color: #000;
    font-size: 32px;
    padding: 0 16px;
}

.ft-12{font-size:12px !important}
.img-height-272{height: 272px !important;}
.hover-none-portfolio>div:hover .portfolio-content h4{color:#000 !important;}
.testimonail_video_slider .owl-nav .owl-prev {
    left: -14px;
}
.small-txt-opt{font-size:11px;display:block;display: none;position: absolute;bottom: 21px;width: 200px;}

.testimonail_video_slider .owl-nav .owl-next {
    right: 3px;
}
.padtop-34{padding-top:34px}
.testimonail_video_slider.owl-carousel .item-video {
    border-radius: 12px;
}

ul.row.portofolio-loader [class^="col-"]>div img {
    border: #e8e8e8 1px solid;
}
.portfolio-content a:hover {
    background: transparent !important;
    border-color: #fff !important;
}
 .colspArticle .moreContnt {
    display: none;
    text-align: justify;
}



.list-01 li a {
    color: #b0b0b0;
}

.list-01 {
    margin-top: 30px;
}


.list-01 li {
    margin-bottom: 13px;
    padding-left: 17px;
    position: relative;
    line-height: normal;
}
.list-01 li:before {
    content: "\f054";
    font-size: 13px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #de122e;
    position: absolute;
    left: 0;
}


.sub-heading {
    color: #de122e !important;
    text-transform: capitalize;
    font-size: 17px !important;
    margin-top: 15px;
    margin-bottom: 4px !important;
    }




















 
#checkbox, .btn2 span { /* Hide the checkbox input & word "Menu" in the button */
    display: none;
}

/* Menu button - starts */
.btn2 {
    display: block;
    background-color: #e01349;
    color: #fff;
    width: 55px;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    cursor: pointer;
    transition: width .3s ease-in-out;
}
/* Menu button - ends */

/* Sidebar - starts */
.sidebar {
    background-color: #2B2E33;
    position: fixed;
    width: 250px;
    height: 100%;
    z-index: 1111;
    transition: transform .3s ease-in-out;
    transform: translateX(-250px);
    top: 46px;
}

.sidebar ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.sidebar ul a {
    position: relative;
    text-decoration: none;
    display: block;
    background-color: transparent;
    color: #BAB5BD;
    padding: 9px 20px;
    font-size: 14px;
}

.sidebar ul a li i {
    margin-right: 15px;
}

/* Add the word "New" to the second item and "2" to the third item */
.sidebar ul a:nth-child(2)::after, .sidebar ul a:nth-child(3)::after {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -9px;
    color: #fff;
    font-size: 13px;
    padding: 0 7px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.sidebar ul a:nth-child(2)::after {
    content: "New";
    background-color: tomato;
}

.sidebar ul a:nth-child(3)::after {
    content: "2";
    background-color: #247D9E;
}

/* Add margin to the icon in the second item */
.sidebar ul a:nth-child(2) li i {
    margin-left: 4px;
    margin-right: 19px;
}

.sidebar ul a:hover, .sidebar ul a.active {
    background-color: #161920;
    color: #fff;
}
.desktop-hide{display:none }
.sidebar ul a:hover::before, .sidebar ul a.active::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background-color: #ffae00;
    width: 4px;
    height: 100%;
}
/* Sidebar - ends */

/* Effect of showing the sidebar - starts */
#checkbox:checked ~ .sidebar {
    transform: translateX(0);
}

ul.navigation li a i {
    position: relative;
    right: -2px;
    top: -2px;
    color: #de122e;
}


.sidebar h4 {
    color: #fff;
    font-size: 27px;
    margin: 10px 0;
}

.sidebar {
    padding: 12px;
    display: none;
}
#checkbox:checked + .btn2 {
    width: 250px;
    padding: 0;
    margin: 0;
}

#checkbox:checked + .btn2 span { /* Show again the word "Menu" in the button */
    display: inline;
}
.logo{
display:block;
}
.pd-right-0{padding-right:0px none !important}

header.header-order ul.top-cta {
    margin-top: 31px;
}

header.header-order {
    padding: 10px;
}

header.header-order ul.top-cta li a {
    font-size: 14px;
}


#ouibounce-modal .modal-body li {
    position: relative;
    width: 48%;
    display: inline-block;
    margin: 0 3px 6px;
}

#ouibounce-modal .modal-body li i {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    left: 13px;
}

#ouibounce-modal form textarea {
    height: 60px;
    resize: none;
}

#ouibounce-modal .modal-body li:nth-child(1), #ouibounce-modal .modal-body li:nth-child(4) {
    width: 98%;
}

#ouibounce-modal .modal-body li.last {
    width: 100%;
    margin-top: 0;
    text-align: left;
}
section.testimonials.bg-color-orange .owl-theme .owl-dots .owl-dot span {
    background: #f61616;
}

section.testimonials.bg-color-orange .owl-theme .owl-dots .owl-dot.active span {
    background: #ffffff;
}

section.banner.whitebanner-banner {
    background-image: url(../images/whiteboard-animation-banner.jpg) !important;
}
.sticky-header.affix-top {
    opacity: 0;
    text-decoration: none;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

#ouibounce-modal .modal-body li:nth-child(4) i {
    top: 24px;
}
.col-md-7.footer_form.lp_form_full h5 {
    color: #de122e;
}
.theme-background-color {
    background: #de122e !important;
}
section.inner-banner.portfolio-banner.banner-with-img .col-md-6 {
    width: 100%;
    text-align: center;
}

section.inner-banner.portfolio-banner.banner-with-img .col-md-6+.col-md-6 {
    display: none;
}

section.inner-banner.portfolio-banner.banner-with-img .col-md-6 {
    width: 70%;
    text-align: center;
    margin: 0 auto;
    float: none;
}
section.portfolio [class^="col-"]>div>i {
    overflow: hidden;
    height: 195px;
    display: block;
    width: 100%;
    border: #e8e8e8 2px solid;
    border-radius: 2px;
}

section.portfolio [class^="col-"]>div>i img {
    margin-top: -35px;
}

/* STICKY FOOTER */



div#btmsticky b {
    color: #f05a28;
    font-size: 24px;
}
div#btmsticky span {
    display: block;
    color: #f05a28;
    font-size: 27px;
}
div#btmsticky a {
    display: inline-block;
    width: 267px;
    position: relative;
    top: -20px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600 !important;
    border: 0px none;
    cursor: pointer;
    color: #fff;
    padding: 18px 6px !important;
    font-size: 14px;
    margin: 0 0 0 19px;
    border-radius: 2px;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    -ms-transition: all .1s linear;
    transition: all .1s linear;
    background: #f05a28;
}
div#btmsticky h2 {
    font-size: 24px;
    text-transform: uppercase;
    display: inline-block;
    font-weight: 600;
    width: 61%;
    color: #f5f5f5;
    margin: 13px 0 0 0;
}
.btm-sticky {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #2b2b2b;
    padding: 16px 0;
    border-top: #000 2px solid;
    z-index: 4;
    top: inherit !important;
}
.btm-sticky.affix-top {
    z-index: -6;
    bottom: initial;
    top: 0;
}

.btm-sticky.affix {
    z-index: 99 !important;
}






.affix {top: 0;width: 100%;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;background-color: #F44336;border-color: #F44336;} .affix a {-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;} .affix-top a { padding: 25px !important; }

.lp-form-hd{
	font-size: 30px !important;
}
.lp-form-hd span {
    color: #f75f36;
}
html *:before, html *:after {
    box-sizing: border-box;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
section.process-col h2 {
    color: #000;
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 10px;
}
label.error {
    display: none !important;
}

input.required.error, textarea.required.error, select.required.error {
    border-bottom: red 2px solid !important;
    color: red !important;
}
.pad-0{
    padding-top: 0 !important; 
}
.pad-10{
    padding-top: 10% 
}



.pad-5{
    padding-top: 5% 
}

.pad-3{
    padding-top: 3% 
}
.pad-15{
    padding-top: 15% 
}

.pad-20{
    padding-top: 20% 
}


.pad-25{
    padding-top: 25% 
}

.pad-30{
    padding-top: 30% 
}


.pad-35{
    padding-top: 35% 
}


.pad-40{
    padding-top: 40% 
}


.pad-45{
    padding-top: 45% 
}


.pad-50{
    padding-top: 50% 
}


.pad-55{
    padding-top: 55% 
}


.pad-60{
    padding-top: 60% 
}


.pad-65{
    padding-top: 65% 
}


.pad-70{
    padding-top: 70% 
}


.pad-75{
    padding-top: 75% 
}


.pad-80{
    padding-top: 80% 
}
 
 
html *,
html *:before,
html *:after {
  box-sizing: border-box;
  /* -webkit-transition: 0.5s ease-in-out; */
  /* transition: 0.5s ease-in-out; */
}
html i, html em,
html b, html strong,
html span {
  -webkit-transition: none;
  transition: none;
}
.zoomin-hover span {
    display: block;
    z-index: 1;
    position: relative;
    padding-left: 37px;
}
 

.zoomin-hover {
  position: relative;
  overflow: hidden;
  text-transform: uppercase;
  display: inline-block;
}


body {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    color: #858585;
}
h1, h2, h3, h4, h5, h6, span, p, li, ul, a {
    margin: 0;
    padding: 0;
}
a.close:before {
    content: "\f00d";
}
 
a:hover {
    text-decoration: none;
} 
 
header {
    padding: 22px 0 31px;
    position: relative;
    z-index: 12;
    background: #fff;
}

header ul.top-cta {
    text-align: right;
    margin-top: 10px;
}

header ul.top-cta li {
    font-size: 13px;
    color: #000000;
    text-transform: capitalize;
}

header  ul.top-cta li a {
    display: block;
    color: #000000;
    font-size: 13px;
}

header ul.top-cta li a i {
    color: #ea102a;
    font-size: 17px;
    position: relative;
    top: 3px;
}

header ul.top-cta li a b {
    display: inline-block;
    font-weight: bold;
}

section.banner:before {
    background: rgba(47,65,139,1);
    background: -moz-linear-gradient(-45deg, rgba(47,65,139,1) 0%, rgba(234,16,41,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(47,65,139,1)), color-stop(100%, rgba(234,16,41,1)));
    background: -webkit-linear-gradient(-45deg, rgba(47,65,139,1) 0%, rgba(234,16,41,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(47,65,139,1) 0%, rgba(234,16,41,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(47,65,139,1) 0%, rgba(234,16,41,1) 100%);
    background: linear-gradient(135deg, rgba(47,65,139,1) 0%, rgba(234,16,41,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f418b', endColorstr='#ea1029', GradientType=1 );
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
}

section.banner {
    background: url(../images/hm-banner.jpg) no-repeat center top;
    text-align: center;
    padding: 80px 0;
    position: relative;
    color: #fff;
}


section.banner h2 {
    font-size: 40px;
    font-weight: 800;
    line-height: 41px;
    text-shadow: #000 0 1px 1px;
    margin-bottom: 22px;
}


section.banner h4 {
    background: rgba(0, 0, 0, 0.18);
    padding: 15px 0;
    letter-spacing: 2px;
    font-size: 18px;
    font-weight: bold;
    width: 83%;
    margin: 0 auto 32px;
}

 
section.banner h2 {
    font-size: 40px;
    font-weight: 600;
}



section.banner a.showreel-link {
    border: #fff 3px solid;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    padding: 12px 22px;
    border-radius: 6px;
    margin: 0 15px;
    position: relative;
    padding-left: 34px;
}




 
section.banner a.showreel-link:hover {
  color: #ffffff;
  border: #ea102a 3px solid;
  background: #ea102a;
}
 







section.banner a.btn-yellow span {
    display: block;
    position: relative;
    z-index: 1;
}
 
 






 
section.banner a.btn-yellow:hover {
  color: #ffffff;
  border: #ea102a 3px solid;
}
 






section.banner a.btn-yellow {border: #f13047 3px solid;font-size: 18px;color: #fff;font-weight: 600;background: #ea102a;display: inline-block;padding: 12px 22px;border-radius: 6px;text-transform: uppercase;position: relative;}

section.banner h2 span {
    font-style: italic;
    color: #de122e;
}


section {
    padding: 40px 0;
}

section.home-col1 {
    text-align: center;
    font-size: 16px;
    color: #858585;
}

section.home-col1 h1 {
    color: #2a2a2a;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 12px;
    margin-top: 53px;
}

section.home-col1 p {
    margin-bottom: 30px;
}
section.home-col2 {
    text-align: center;
    background: url(../images/hm-bg1.jpg) no-repeat center top #dee9ef;
    padding: 50px 0;
    color: #858585;
}
section.home-col2 h2 {
    color: #2a2a2a;
    margin-bottom: 11px;
    font-size: 36px;
    font-weight: 800;
}

section.home-col2 .container {
    padding: 0 200px;
}

section.home-col2 a {
    display: inline-block;
    color: #ea102a;
    font-size: 18px;
    padding: 9px 40px;
    text-transform: uppercase;
    border: #ea102a 3px solid;
    border-radius: 6px;
    margin: 20px 4px 0;
    font-weight: 600;
}

section.home-col2 a+a {
    background: #ea102a;
    color: #fff;
}

section.home-col2 a:hover {
    background: #de122e;
    color: #fff;
}

section.home-col2 a+a:hover {
    background: #d64b26;
    border-color: #d64b26;
}


section.portfolio {
    text-align: center;
    color: #858585;
}

section.portfolio h2 {
    font-size: 36px;
    color: #000;
    font-weight: 800;
    margin-bottom: 12px;
}

section.portfolio h2+p {
    line-height: 20px;
    margin-bottom: 23px;
}
.submenu-hover-none:before{visibility:hidden !important}
.portfolio-content {
    background: #fff;
    text-align: left;
    padding: 16px 0;
    position: relative;
    height: 110px;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    width: 100%;
}

.portfolio-content h4 {
    color: #353535;
    font-size: 21px;
	width:100%;
	display:block;
    font-weight: 800;
}

.portfolio-content a {
    visibility: hidden;
    margin-top: 23px;
    display: inline-block;
}

section.portfolio [class^="col-"]>div:hover .portfolio-content-hover {
    visibility: visible;
    opacity: 1 !important;
    height: 96%;
}

section.portfolio [class^="col-"]>div:hover .portfolio-content-hover  * {
    color: #fff;
}

section.portfolio [class^="col-"]>div {
    position: relative;
    margin-bottom: 13px;
    overflow:hidden;
    height: 300px;
}

section.portfolio [class^="col-"]>div:hover .portfolio-content-hover:before {
    width: 94%;
    height: 94%;
    position: absolute;
    /* border: rgba(255, 255, 255, 0.34) 1px solid; */
    content: "";
    left: 0;
    margin: 10px;
    top: 0;
    z-index: -1;
}

img {
    max-width: 100%;
}

.portfolio-content.portfolio-content-hover h6.industry-name {width: 100%;color: #ffffff !important;}
section.portfolio .industry-name {
    color: #a6a6a6;
    display: block;
    font-size: 14px;
    margin-top: 5px;
}
section.portfolio [class^="col-"]>div:hover .portfolio-content-hover a {visibility: visible;font-size: 14px;text-transform: uppercase;display: inline-block;border: #fff 2px solid;padding: 7px 17px;font-weight: 600;border-radius: 5px;margin-top: 16px;cursor: pointer;text-shadow: none;}

.portfolio-content.portfolio-content-hover {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    text-align: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 100%;
    height: 0;
    margin: 0 auto;
    padding: 0 50px;
    list-style: none;
    text-shadow: none !important;
    background: rgba(47,65,139,1);
    background: -moz-linear-gradient(-45deg, rgba(47,65,139,1) 0%, rgba(234,16,41,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(47,65,139,1)), color-stop(100%, rgba(234,16,41,1)));
    background: -webkit-linear-gradient(-45deg, rgba(47,65,139,1) 0%, rgba(234,16,41,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(47,65,139,1) 0%, rgba(234,16,41,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(47,65,139,1) 0%, rgba(234,16,41,1) 100%);
    background: linear-gradient(135deg, rgba(47,65,139,1) 0%, rgba(234,16,41,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f418b', endColorstr='#ea1029', GradientType=1 );
}

section.portfolio [class^="col-"]>div:hover .portfolio-content {
    opacity: 0;
    text-shadow: #000 0 0px 1px;
    border-radius: 4px;
}

section.portfolio [class^="col-"]>div:hover img {
    /* -webkit-transform: scale(1.2); */
    /* transform: scale(0.9); */
    /* height: 100%; */
    /* position: absolute; */
    }

.portfolio-content h4+p {
    line-height: 19px;
    margin: 10px 0 0 0;
}


section.portfolio [class^="col-"]>div img {
    -webkit-transform: scale(1);
    border: #f0f0f0 1px solid;
    transform: scale(1);
    will-change: transform;
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: -webkit-transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    left: 0;
    top: 0;
}
section.home-col1 img {
    max-width: initial;
}

section.testimonials {
    background: #f3f3f3;
    text-align: center;
    padding: 60px 0;
}

section.testimonials p {
    font-size: 36px;
    color: #373737;
    font-style: italic;
    line-height: 42px;
    margin-bottom: 22px;
}

.testimonial-slider {
    padding: 0 70px;
}

.testimonial-slider h6 {
    color: #373737;
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 23px;
}

section.revolation {
    text-align: center;
    padding: 0px 0 3px;
    position: relative;
}

section.revolation .container {
    background: url(../images/hm-bg2.jpg) no-repeat center top;
    min-height: 798px;
}

section.revolation:after {
    background: #f2f2f2;
    height: 84px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    content: "";
    z-index: -1;
}

section.revolation h2 {
    font-size: 36px;
    color: #000;
    font-weight: 800;
    margin-top: 72px;
    margin-bottom: 12px;
}

section.revolation h2+p {margin-bottom: 12px;}

section.revolation ul li {
    display: inline-block;
    color: #000;
    margin: 0 20px;
    font-size: 22px;
    font-weight: 600;
    width: 21%;
}

section.revolation ul {
    text-align: center;
    margin-top: 22px;
}

section.revolation ul li span {
    display: block;
    font-weight: 400;
    color: #e4102a;
    font-size: 50px;
    line-height: 44px;
}

section.home-col3 {
    background: #bc1533;
    color: #fff;
    text-align: center;
    padding: 30px 0;
}

section.home-col3 h4 {
    font-size: 46px;
    clear: both;
    display: block;
    font-weight: 600;
    text-shadow: #946500 0 1px 1px;
}

section.home-col3 p {
    line-height: 17px;
    width: 290px;
    margin: 0 auto;
    clear: both;
    font-size: 14px;
    text-transform: capitalize;
    letter-spacing: 0;
    font-weight: 600;
}

footer {
    background: #151a1d;
    padding: 50px 0 20px;
    color: #fff;
    font-size: 15px;
}

footer * {
    color: #fff;
}

footer h4 {
    text-transform: uppercase;
    margin-bottom: 19px;
    font-weight: bold;
    font-size: 17px;
    letter-spacing: 1px;
}

footer .col-md-3 li {
    margin-bottom: 7px;
}

footer .row+.row {
    padding: 40px 0 0;
}

ul.social-footer li {
    display: inline-block;
    margin: 0 6px;
    font-size: 20px;
}
footer i.icon-icon_message, footer i.icon-icon_phone {
    color: #de122e;
    display: inline-block;
    margin-right: 9px;
}

footer i.icon-icon_message:before, footer i.icon-icon_phone:before {
    font-size:22px;
}

ul.ftr-cta li {
    margin-top: 12px;
    margin-bottom: 9px;
    font-size: 20px;
}

a.ftr-btn {
    display: inline-block;
    color: #ffffff;
    font-size: 18px;
    padding: 12px 40px;
    text-transform: uppercase;
    border: #de122e 3px solid;
    border-radius: 6px;
    margin: 0 0 8px 0;
    font-weight: 600;
    width: 79%;
}

footer .row+.row+.row.border-top-ftr {
    border-top: rgba(255, 255, 255, 0.08) 1px solid;
    margin-top: 50px;
    color: #d2d2d2;
    padding-top: 32px;
    margin-bottom: 22px;
}

footer .row+.row+.row.border-top-ftr * {
    color: #d2d2d2;
    font-size: 13px;
}

ul.ftr-links {
    text-align: right;
}

ul.ftr-links li {
    margin: 0 0 0 15px;
    display: inline-block;
    position: relative;
    padding-left: 19px;
}

ul.ftr-links li:before {
    position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 7px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f111";
    top: 6px;
    left: 0;
}

footer .row+.row+.row+.row {
    padding: 0px 0 0 0;
}

.disclaimer {
    font-size: 13px;
    color: #d2d2d2;
}

.disclaimer p {
    color: #d2d2d2;
}

.footer_form {
    text-align: center;
}

.footer_form h2 {
    font-size: 36px;
    color: #000;
    font-weight: 800;
    margin-bottom: 12px;
}

.footer_form h2+p {
    padding: 0 140px;
    margin-bottom: 22px;
}

.footer_form ul li {
    text-align: left;
    position: relative;
    width: 31.5%;
    margin: 12px 7px 4px;
    display: inline-block;
}
 
.footer_form ul li input[type="text"], .footer_form ul li input[type="email"], .footer_form ul li textarea {
    background: #fafafa;
    border: #dcdcdc 1px solid;
    padding: 10px 10px 10px 34px;
    width: 100%;
    border-radius: 7px;
    font-size: 15px;
    color: #000;
    box-shadow: none !important;
    outline: none 0px !important;
}

.footer_form ul li i {
    position: absolute;
    top: 12px;
    left: 10px;
}

.footer_form ul li+li+li+li {
    width: 97.5%;
}

.footer_form ul li textarea {
    height: 130px;
}

.footer_form ul li.last {
    text-align: center;
}

.footer_form ul li input[type="submit"] {
    background: #de122e;
    color: #fff;
    font-size: 18px;
    border: #de122e 1px solid;
    text-transform: uppercase;
    font-weight: 600;
    padding: 14px 50px;
    letter-spacing: 1px;
    border-radius: 6px;
    outline: 0px none;
}

.footer_form ul li input[type="submit"]:hover {
    background: #e25530;
}

.footer_form ul li input[type="text"]:focus, .footer_form ul li input[type="email"]:focus, .footer_form ul li textarea:focus {
    border: #de122e 1px solid  !important;
}

.focus i {
    color: #de122e;
}

footer .col-md-3 p {
    line-height: 26px;
}

footer .col-md-3 li a:hover {
    color: #f75f37;
}





section.banner a.showreel-link i {
    font-size: 24px;
    position: absolute;
    left: 8px;
    top: 13px;
}

section.lp-banners ul li {
    display: inline-block;
    margin: 0 12px;
}

section.lp-banners ul {
    background: rgba(0, 0, 0, 0.18);
    padding: 15px 0;
    letter-spacing: 2px;
    font-size: 17px;
    font-weight: bold;
    width: 90%;
    margin: 0 auto 34px;
}
.animation2d-banner {
    background-image: url(../images/2danimation-banner.jpg) !important;;
}
.testimonial-banner{
     background-image: url(../images/testimonial-banner.jpg) !important;;
}
.whychoose-us-banner{
        background-image: url(../images/whychoose-banner_bg.jpg) !important;;
}
.portfolio-banner{
    background-image: url(../images/portfolio-banner.jpg) !important;;
}
.company-banner{
        background-image: url(../images/company-banner.jpg) !important;;

}
section.banner.typography-banner {
    background-image: url(../images/typography-banner.jpg) !important;;
}

section.banner.whiteboard-banner {
    background-image: url(../images/whiteboard-animation-banner.jpg) !important;;
}

section.banner.animation-banner {
    background-image: url(../images/animation-banner.jpg) !important;
    background-size: 100% 100%;
}

section.banner.motiongraphics-banner {
    background-image: url(../images/motion-graphics-banner.jpg) !important;
    background-size: 100% 101%;
}

 
section.lp-banners p {
    font-size: 20px;
    padding: 0 190px;
    text-align: center;
    margin-bottom: 27px;
    font-weight: 600;
}

section.lp-banners h2 {
    font-size: 46px;
    text-shadow: rgba(0, 0, 0, 0.96) 0 2px 1px;
}
section.lp-services-content {
    background: url(../images/shadow-bar.png) no-repeat center top #fafafa;
    padding: 50px 0;
}

section.lp-services-content h2 {
    font-size: 36px;
    color: #010101;
    text-transform: uppercase;
    font-weight: 800;
    margin: 50px 0 17px 0;
}

section.lp-services-content h4 {
    color: #2a2a2a;
    margin-bottom: 13px;
    font-size: 24px;
}

section.lp-services-content p {
    font-size: 16px;
    margin-bottom: 17px;
    color: #858585;
}

section.lp-services-content a {
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 16px;
    color: #828282;
    border: #828282 3px solid;
    border-radius: 3px;
    font-weight: 600;
    margin: 0 8px 0 0;
}

section.lp-services-content a+a {
    color: #f35e36;
    border-color: #f35e36;
}

button#portfolio-loadmore+a {
    font-size: 17px;
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 36px;
    color: #de122e;
    border: #de122e 3px solid;
    border-radius: 3px;
    font-weight: 600;
    margin: 0 8px 0 0;
}

button#portfolio-loadmore {
    font-size: 17px;
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 36px;
    color: #828282;
    border: #828282 3px solid;
    border-radius: 3px;
    font-weight: 600;
    margin: 0 8px 0 0;
    background: transparent;
    outline: none;
}

ul.row.portofolio-loader {
    margin-bottom: 32px;
}

button#portfolio-loadmore+a:hover,section.lp-services-content a+a:hover {
    background: #de122e;
    color: #fff;
}

button#portfolio-loadmore:hover, section.lp-services-content a:hover {
    background: #828282;
    color: #fff;
}

section.lp.form .col-md-5 h4 {
    color: #000000;
    font-size: 30px;
    font-style: italic;
    margin-bottom: 32px;
    font-weight: 600;
    letter-spacing: 1px;
}

section.lp.form .col-md-5 img {
    max-width: none;
    margin-left: -39px;
}

.lp_form_full h5 {
    color: #de122e;
    font-size: 36px;
    text-align: left;
    font-style: italic;
    font-weight: 600;
    margin-bottom: 32px;
    margin-top: 6px;
}

.lp_form_full ul li {
    width: 100% !important;
    text-align: left;
    margin-bottom: 3px;
    margin-top: 8px;
}

.lp_form_full ul {
    padding: 20px 30px;
    background: #f5f5f5;
    position: relative;
    z-index: 1;
    border-radius: 5px;
}

section.lp.form .col-md-5:after {
    background: #efefef;
    height: 100%;
    position: absolute;
    right: -20px;
    top: 0;
    width: 1px;
    content: "";
}

.lp_form_full {
    padding-left: 72px;
    text-align: left;
}

.lp_form_full  ul li input[type="text"], .lp_form_full  ul li input[type="email"], .lp_form_full  ul li textarea {background: #fff;padding: 12px 10px 12px 37px;font-size: 14px;}

.lp_form_full ul li i {
    top: 16px;
    left: 15px;
}

.lp_form_full  ul li.last {
    text-align: left;
}

.lp_form_full:after {
    background: url(../images/form-btm-shadow.png) no-repeat center top;
    background-size: contain;
    position: absolute;
    bottom: -19px;
    left: 37px;
    content: "";
    height: 50px;
    width: 100%;
    z-index: 0;
    opacity: 0.4;
}

.lp_form_full input[type="submit"] {
    font-size: 16px !important;
    padding: 12px 32px !important;
}

section.lp.form .col-md-5 .btn-orange{
    font-size: 17px;
    text-transform: uppercase;
    padding: 10px 36px;
    color: #de122e;
    border: #de122e 3px solid;
    border-radius: 5px;
    font-weight: 600;
    display: inline-block;
    margin-top: 22px;
    }

    .lp_form_full ul li textarea {
    height: 100px;
}


section.lp-services-content a {
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 25px;
    color: #828282;
    border: #828282 3px solid;
    border-radius: 3px;
    font-weight: 600;
    margin: 0 8px 0 0;
}

section.lp-services-content a+a {
    color: #de122e;
    border-color: #de122e;
}


section.inner-banner {
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    color: #fff;
    padding: 100px 0;
    border-color: #e0771b;
}



.expertise-banner {
    background-image: url(../images/ourexpertise-banner.jpg);
}

section.inner-banner h1, section.inner-banner h2 {
    font-size: 42px;
    font-weight: 800;
    margin-bottom: 9px;
}

section.inner-banner p {
    padding: 0 190px;
    margin-bottom: 12px;
}

section.expertise-col {
    padding: 80px 0;
}

section.expertise-col h4 {
    font-size: 36px;
    color: #010101;
    font-weight: 800;
    margin-bottom: 13px;
    margin-top: 50px;
}

section.expertise-col h6 {
    color: #2a2a2a;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}

section.expertise-col p {
    margin-bottom: 23px;
}

section.expertise-col a {
    font-size: 17px;
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 36px;
    color: #de122e;
    border: #de122e 3px solid;
    border-radius: 7px;
    font-weight: 600;
    margin: 0 8px 0 0;
}

section.expertise-col a+a {
    background:  #de122e;  
      color: #ffffff;
}

section.expertise-col img {
    max-width: 90%;
}

.bg-gray {
    background: #f3f3f3;
}

section.testimonials.bg-color-orange {
    background: #bc1533;
}

section.testimonials.bg-color-orange * {
    color: #fff !important;
}
.process-banner {
    background-image: url(../images/process-banner.jpg);
}

.pricing-banner{
        background-image: url(../images/pricing-banner.jpg);

}

section.process-col {
    padding: 80px 0 50px;
}

section.process-col [class^="col-"] {
    min-height: 330px;
    padding-bottom: 33px;
    border-bottom: #e8e8e8 1px solid;
    padding-top: 30px;
    margin-top: 0;
}

section.process-col [class^="col-"] i {
    margin-bottom: 23px;
    display: block;
}

section.process-col [class^="col-"] h4 {
    color: #353535;
    font-size: 27px;
    font-weight: 800;
    margin-bottom: 11px;
}

section.process-col [class^="col-"] p {
    padding-right: 22px;
    font-size: 15px;
    line-height: 20px;
}

section.process-col [class^="col-"]:before {
    background: #e8e8e8;
    height: 100%;
    width: 1px;
    position: absolute;
    right: 16px;
    top: 0;
    content: "";
}

section.process-col .col-md-4+.col-md-4+.col-md-4:before, section.process-col .col-md-4+.col-md-4+.col-md-4.col-md-4+.col-md-4+.col-md-4+.col-md-4:before {
    visibility: hidden;
}
section.process-col .col-md-4+.col-md-4+.col-md-4+.col-md-4:before {
    visibility: visible;
}

section.process-col .col-md-4+.col-md-4+.col-md-4+.col-md-4 { border:0px none}

header#sticky-header {
    background: #fff;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.52) 0 0 30px;
    z-index: -1;
    top: 0;
    position: fixed;
    padding: 25px 0;
}
ul.navigation {
    text-align: center;
    margin-top: 8px;
}

ul.navigation li {
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    padding: 0 9px;
    font-weight: 600;
    position: relative;
}
ul.navigation li.last:hover:before {
    display: none;
    border-radius: 0;
}
ul.navigation li a {
    color: #000;
    display: block;
}

.sticky-header .top-cta li {
    font-size: 14px;
}

.sticky-header .top-cta li i {
    font-size: 17px; 
}

.sticky-header .col-md-2, header .col-md-2 {
    padding: 0;
}

.sticky-header .top-cta {
    margin-top: 11px;
}
  
.push-right {
    width: 500px;
    bottom: 0;
    color: #ffffff;
    right: -500px;
    overflow: auto;
    position: fixed;
    top: 0;
    padding: 50px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 2;
    background: rgba(239,144,21,1);
    background: -moz-linear-gradient(left, rgba(239,144,21,1) 0%, rgba(222,120,17,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(239,144,21,1)), color-stop(100%, rgba(222,120,17,1)));
    background: -webkit-linear-gradient(left, rgba(239,144,21,1) 0%, rgba(222,120,17,1) 100%);
    background: -o-linear-gradient(left, rgba(239,144,21,1) 0%, rgba(222,120,17,1) 100%);
    background: -ms-linear-gradient(left, rgba(239,144,21,1) 0%, rgba(222,120,17,1) 100%);
    background: linear-gradient(to right, rgba(239,144,21,1) 0%, rgba(222,120,17,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef9015', endColorstr='#de7811', GradientType=1 );
}
body.show-sidebar .push-right {
    right: 0;
}
body.show-sidebar  {
    margin-left: -500px;
}
/*Overlay*/
.body-overlay {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.body-overlay-apply {
    position:fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(29, 31, 32, 0.75);
    cursor:pointer;
    z-index: 999;
}
 

 .siderbar-nav {
    position: absolute;
    right: 0;
    z-index: 999;
    text-shadow: rgba(0, 0, 0, 0.55) 0 1px 1px;
    display: none !important;
}

.siderbar-nav .nav {position: absolute;z-index: 99;top: 31px;right: 50px;font-size: 32px;text-shadow: none;}

.siderbar-nav .push-right ul.sidebar-nav {
}

.siderbar-nav .push-right ul.sidebar-nav>li {
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
    position: relative;
    padding-left: 19px;
    margin-bottom: 22px;
    text-shadow: rgba(0, 0, 0, 0.55) 0 1px 1px;
}

.siderbar-nav .push-right ul.sidebar-nav>li>a {
    display: block;
    color: #fff;
}

.siderbar-nav .nav i.fa.fa-navicon {
    color: #000;
}

.siderbar-nav .nav i.fa.fa-times {
    color: #fff;
}

.sticky-header.affix {
    z-index: 99 !important;
}







.popupform ul li {
    text-align: left;
    position: relative;
    width: 100%;
    margin: 8px 0px;
    display: inline-block;
}
 
.popupform ul li input[type="text"], .popupform ul li input[type="email"], .popupform ul li textarea {
    background: #fafafa;
    border: #dcdcdc 1px solid;
    padding: 10px 10px 10px 34px;
    width: 100%;
    border-radius: 7px;
    font-size: 14px;
    color: #000;
    box-shadow: none !important;
    outline: none 0px !important;
}

.popupform ul li i {
    position: absolute;
    top: 12px;
    left: 10px;
}

 

.popupform ul li textarea {
    height: 110px;
}

.popupform ul li.last {
    text-align: center;
}

.popupform ul li input[type="submit"] {
    background: #ea102a;
    color: #fff;
    font-size: 18px;
    border: #da8207 1px solid;
    text-transform: uppercase;
    font-weight: 600;
    padding: 14px 50px;
    letter-spacing: 1px;
    border-radius: 3px;
    outline: 0px none;
    width: 100%;
}

.popupform ul li input[type="submit"]:hover {
    background: #da840e;
}

.popupform ul li input[type="text"]:focus, .popupform ul li input[type="email"]:focus, .popupform ul li textarea:focus {
    border: #ea102a 1px solid  !important;
}


.popupform {
    width: 500px;
    border-radius: 23px;
    padding: 31px;
    overflow: visible;
    border-bottom: #ea102a 5px solid;
}

.popupform h2 {
    font-size: 36px;
    color: #000000;
    font-weight: 900;
    padding-left: 15px;
    border-left: #ea102a 6px solid;
    margin-bottom: 12px;
    line-height: 35px;
}

.popupform h2+p {
    line-height: 19px;
    font-size: 14px;
    margin-bottom: 12px;
}

.popupform:before {
.popupform:before {
    background: url(../images/form-shark.png) no-repeat;
    width: 160px;
    height: 134px;
    content: "";
    position: absolute;
    left: -86px;
    top: 21px;
    z-index: -1;
    -ms-transform: rotate(-14deg);
    -webkit-transform: rotate(-14deg);
    transform: rotate(-14deg);
}
}

.popupform .fancybox-close-small {
    border: #c52037 3px solid;
    background: #fff;
    border-radius: 72px;
    text-align: center;
    box-shadow: #000 0 0 10px;
    right: -18px;
    top: -11px;
}

.popupform .fancybox-close-small:after {
    color: #e42a42;
    font-size: 25px;
    right: 4px;
}
.siderbar-nav .push-right ul.sidebar-nav li:before {}

.siderbar-nav .push-right ul.sidebar-nav>li:before {
    position: absolute;
    background: #fff;
    height: 0;
    width: 5px;
    content: "";
    left: 0;
    top: 0;
    visibility: hidden;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    border-radius: 22px;
    visibility: hidden !important;
}

.siderbar-nav h5 {
    font-size: 22px;
    text-transform: uppercase;
    border-bottom: #ff9f27 1px solid;
    display: inline-block;
    padding-bottom: 7px;
    letter-spacing: 1px;
    font-weight: 600;
    margin-top: 22px;
}
.social-sidebar {
    color: #fff;
    font-size: 26px;
    margin-top: 13px;
}

.social-sidebar li {
    display: inline-block;
    margin: 0 15px 0 0;
}

.social-sidebar li a {
    color: #fff;
    display: block;
}

.siderbar-nav h4 {
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: -7px;
    margin-bottom: 83px;
}
section.pricing-col {
    padding: 50px 0;
    text-align: center;
}

section.pricing-col h2 {
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 12px;
    color: #000;
}

section.pricing-col h2+p {
    font-size: 18px;
}

section.pricing-col ul {
    margin-top: 32px;
    text-align: center;
}

section.pricing-col ul li {
    position: relative;
    display: inline-block;
    border: #e7e7e7 5px solid;
    width: 34.0%;
    margin: 10px 3px;
    padding: 20px 0;
}

section.pricing-col ul li h5 {
    color: #dc2036;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 12px;
}

section.pricing-col ul li h4 {
    font-size: 22px;
    color: #353535;
    font-weight: 800;
    margin-bottom: 17px;
}

a {
     */
     */
     transition: 0.5s ease-in-out; */
     transition: 0.5s ease-in-out;
     -webkit-transition: all .2s ease-in;
     -moz-transition: all .2s ease-in;
     -o-transition: all .2s ease-in;
     -ms-transition: all .2s ease-in;
     transition: all .2s ease-in;
}
section.pricing-col ul li a, .btn-orng-grd {
    display: inline-block;
    color: #fff;
    /* text-shadow: #000 0 1px 1px; */
    /* padding: 12px 24px; */
    /* font-weight: 600; */
    /* border-radius: 3px; */
    /* letter-spacing: 1px; */
    /* margin-top: 22px; */
    /* text-transform: uppercase; */
    /* background: rgba(245,30,55,1); */
    background: -moz-linear-gradient(top, rgba(245,30,55,1) 0%, rgba(188,21,51,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,30,55,1)), color-stop(100%, rgba(188,21,51,1)));
    /* background: -webkit-linear-gradient(top, rgba(245,30,55,1) 0%, rgba(188,21,51,1) 100%); */
    background: -o-linear-gradient(top, rgba(245,30,55,1) 0%, rgba(188,21,51,1) 100%);
    background: -ms-linear-gradient(top, rgba(245,30,55,1) 0%, rgba(188,21,51,1) 100%);
    /* background: linear-gradient(to bottom, rgba(245,30,55,1) 0%, rgba(188,21,51,1) 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f51e37', endColorstr='#bc1533', GradientType=0 );
}

section.pricing-col ul li:hover {
    border-color: #e81c36;
}

section.price_content {
    background: #f6f6f6;
    font-size: 18px;
}

section.price_content h2 {
    font-size: 36px;
    color: #000;
    margin-bottom: 32px;
    font-weight: 800;
    margin-top: 52px;
}

ul.list-checkbox li:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f14a";
    color: #bc1533;
    margin-right: 6px;
}

ul.list-checkbox li {
    margin-bottom: 16px;
}

section.price_content .col-md-7 a {
    display: inline-block;
    color: #fff;
    text-shadow: #000 0 1px 1px;
    padding: 12px 24px;
    font-weight: 600;
    border-radius: 3px;
    letter-spacing: 1px;
    margin-top: 22px;
    text-transform: uppercase;
    background: rgba(245,30,55,1);
    background: -moz-linear-gradient(top, rgba(245,30,55,1) 0%, rgba(188,21,51,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,30,55,1)), color-stop(100%, rgba(188,21,51,1)));
    background: -webkit-linear-gradient(top, rgba(245,30,55,1) 0%, rgba(188,21,51,1) 100%);
    background: -o-linear-gradient(top, rgba(245,30,55,1) 0%, rgba(188,21,51,1) 100%);
    background: -ms-linear-gradient(top, rgba(245,30,55,1) 0%, rgba(188,21,51,1) 100%);
    background: linear-gradient(to bottom, rgba(245,30,55,1) 0%, rgba(188,21,51,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f51e37', endColorstr='#bc1533', GradientType=0 );
}
section.price_content .col-md-7 a:hover, section.pricing-col ul li a:hover, .btn-orng-grd:hover {background: rgba(47,65,139,1);background: -moz-linear-gradient(-45deg, rgba(47,65,139,1) 0%, rgba(234,16,41,1) 100%);background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(47,65,139,1)), color-stop(100%, rgba(234,16,41,1)));background: -webkit-linear-gradient(-45deg, rgba(47,65,139,1) 0%, rgba(234,16,41,1) 100%);background: -o-linear-gradient(-45deg, rgba(47,65,139,1) 0%, rgba(234,16,41,1) 100%);background: -ms-linear-gradient(-45deg, rgba(47,65,139,1) 0%, rgba(234,16,41,1) 100%);background: linear-gradient(135deg, rgba(47,65,139,1) 0%, rgba(234,16,41,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f418b', endColorstr='#ea1029', GradientType=1 );}

.siderbar-nav .push-right ul.sidebar-nav li:hover:before {
    visibility: visible;
    height: 95%;
}

.siderbar-nav .push-right ul.sidebar-nav>li:after {
    background: #ffac45;
    width: 0;
    content: "";
    height: 2px;
    position: absolute;
    left: 20px;
    bottom: -5px;
    -webkit-transition: 0.5s ease-in-out;
    transition: .2s ease-in-out;
}

.siderbar-nav .push-right ul.sidebar-nav>li:hover:after {
    width: 200px;
}

section.inner-banner p+a {
    background: #de122e;
    color: #fff;
    padding: 12px 14px;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing:1px;
    font-weight: 600;
    display: inline-block;
}

section.who-we-are {
    padding: 50px 0;
    color: #858585;
}

section.who-we-are h2 {
    color: #000;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 13px;
}

section.who-we-are h6 {
    color: #56565e;
    font-size: 20px;
    font-style: italic;
    margin-bottom: 13px;
}

section.who-we-are h6+p {
    padding-left: 13px;
    border-left: #bc1533 1px solid;
}

section.home-col3 i {
    font-size: 39px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 7px;
    max-width: 62px;
}

section.home-col3 h6 {
    font-size: 22px;
    position: relative;
    display: inline-block;
    padding-left: 52px;
    text-align: left;
    font-weight: bold;
    margin-top: 7px;
}

section.home-col3 i.iconn-play-circle {
    top: 4px;
}

section.home-col3 i.iconn-thumb-client {
    top: 0;
    font-size: 48px;
}

section.home-col3 .col-md-4+.col-md-4+.col-md-4 h6 {
    padding-left: 41px;
}

section.home-col3 .border-right-1 {
    border-right: rgba(255, 255, 255, 0.36) 1px solid;
}

section.whychoose-col {
    padding: 70px 0;
    text-align: center;
}
.bg-fafafa{    background: #fafafa;}
section.whychoose-col h2 {
    color: #000;
    font-weight: 800;
    font-size: 36px;
    margin-bottom: 16px;
}

section.whychoose-col h2+p {
    padding: 0 110px;
    margin-bottom: 12px;
}

section.whychoose-col [class^="col-"] ul li {
    margin-bottom: 43px;
    padding-left: 82px;
    position: relative;
}

section.whychoose-col [class^="col-"] ul li i {
    position: absolute;
    left: 0;
    width: 100px;
}

section.whychoose-col [class^="col-"] ul li h6 {
    font-size: 22px;
    color: #353535;
    font-weight: 600;
    margin-bottom: 8px;
}

section.whychoose-col [class^="col-"] ul li p {}

section.whychoose-col [class^="col-"] ul {
    margin-top: 21px;
    text-align: left;
}

section.whychoose-col [class^="col-"] ul li.last {
    margin-bottom: 0;
}

i.iconn-globe:after {
    background: url(../images/globe-icon.png) no-repeat;
    width: 41px;
    height: 39px;
display:block;
    content: "";
}

i.iconn-globe:before {
    display: none;
}
.iconn-email-icon:before {
  content: "\e903";
}
.iconn-map-mark:before {
  content: "\e904";
}
.iconn-phone-icon:before {
  content: "\e905";
}
section.home-col3 i.iconn-globe {
    left: -12px;
    top: 5px;
}

.banner-with-img p {
    padding: 0 !important;
    text-align: left;
}

.banner-with-img {
    text-align: left !important;
}

.banner-with-img .col-md-7 {
    text-align: right;
}

.banner-with-img .col-md-7 a {
    padding: 0 !important;
    background: transparent;
}

.banner-with-img h2 {
    margin-top: 42px;
    margin-bottom: 23px !important;
}

.banner-with-img h2+p {
    margin-bottom: 22px;
}

section.gray-bar {
    padding: 14px 0;
    text-align: center;
    background: #f6f6f6;
}

section.gray-bar ul li {
    display: inline-block;
    margin: 0 21px;
}

section.whychoose-col [class^="col-"] h4 {
    font-size: 22px;
    display: block;
}

section.whychoose-col.whychoose-bg1 {
    background: url(../images/whychoose-bg1.jpg) no-repeat left top;
    background-size: cover;
}

span.img-guarnteed {
    background: url(../images/guarantee-stamp.png) no-repeat left top;
    background-size: cover;
    width: 75px;
    height: 67px;
    display: inline-block;
    position: relative;
    top: 17px;
}
section.contactus-section {
    position: relative;
    min-height: 590px;
    padding: 140px 0;
}

section.contactus-section iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
}

section.contactus-section:after {
    background: url(../images/map-overlay.png) repeat-x left bottom;
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
    height: 60%;
    content: "";
    background-size: 100% 40%;
}

section.contactus-section .container {
    z-index: 7;
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    padding: 0;
}

section.contactus-section .col-md-5>div {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#db6e18+0,b73e0d+100 */
      /* FF3.6-15 */
      /* Chrome10-25,Safari5.1-6 */
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      /* IE6-9 */
      padding: 60px 90px;
      color: #fff;
      height: 554px;
      background: rgba(245,30,55,1);
      background: -moz-linear-gradient(-45deg, rgba(245,30,55,1) 0%, rgba(188,21,51,1) 100%);
      background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(245,30,55,1)), color-stop(100%, rgba(188,21,51,1)));
      background: -webkit-linear-gradient(-45deg, rgba(245,30,55,1) 0%, rgba(188,21,51,1) 100%);
      background: -o-linear-gradient(-45deg, rgba(245,30,55,1) 0%, rgba(188,21,51,1) 100%);
      background: -ms-linear-gradient(-45deg, rgba(245,30,55,1) 0%, rgba(188,21,51,1) 100%);
      background: linear-gradient(135deg, rgba(245,30,55,1) 0%, rgba(188,21,51,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f51e37', endColorstr='#bc1533', GradientType=1 );
}

section.contactus-section .col-md-5>div h4 {
    font-size: 36px;
    border-left: 6px solid #fff;
    padding-left: 12px;
    font-weight: 800;
    line-height: 34px;
    margin-bottom: 28px;
}

section.contactus-section .col-md-5>div ul.contact-cta {}

section.contactus-section .col-md-5>div ul.contact-cta li {
    margin-bottom: 36px;
    padding-left: 33px;
    position: relative;
}

section.contactus-section .col-md-5>div ul.contact-cta li i {
    position: absolute;
    left: 0;
    font-size: 24px;
}

section.contactus-section .col-md-5>div ul.contact-cta li a {
    display: block;
    color: #fff;
}

section.contactus-section .col-md-5>div ul.contact-cta li h6 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 3px;
}

section.contactus-section .col-md-5>div ul.contact-cta li.last {
    margin: 0;
}

section.contactus-section .col-md-7>div {
    background: #fff;
    padding: 60px 50px;
}

section.contactus-section .col-md-7, section.contactus-section .col-md-5 {
    padding: 0;
}

section.contactus-section .col-md-7>div h4 {
    font-size: 36px;
    border-left: 6px solid #bc1533;
    padding-left: 15px;
    font-weight: 800;
    line-height: 34px;
    margin-bottom: 28px;
    color: #000;
}

section.contactus-section .col-md-7>div h4+p {}

section.contactus-section .col-md-7>div .footer_form {
    text-align: left;
}

section.contactus-section .col-md-7>div .footer_form li {
    width: 100%;
    margin-bottom: 0;
}

section.contactus-section .col-md-7>div .footer_form li textarea {
    height: 79px;
}

section.contactus-section .col-md-7>div .footer_form li.last {
    text-align: left;
}

section.contactus-section .col-md-5>div ul.contact-cta li i.iconn-email-icon {
    font-size: 16px;
}

section.contactus-section .col-md-5>div ul.contact-cta li i.iconn-map-mark {
    font-size: 28px;
}

ul.navigation li:before {
    background: #bc1533;
    width: 0;
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 3px;
    content: "";
    transition: 0.2s ease-in-out;
}

ul.navigation li:hover:before {
    width: 100%;
}
a.ftr-btn:hover {
    background: #de122e;
    color: #fff !important;
}

ul.social-footer li:hover a i {
    color: #de122e !important;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
 










#portfolio {
    margin: 20px 0 0 0;
}
.tile {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 700ms ease;
    transition: all 700ms ease;
    display: none;
}
.tile:hover { 

}

.scale-anm {
  transform: scale(1);
  display: block;
}
 
.tile img {
    max-width: 100%;
    width: 100%;
    height: auto;
    margin-bottom: 1rem;
  
}

.btn {
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    padding: 6px 36px;
    margin: 0;
    height: auto;
    border: 0px solid;
    vertical-align: middle;
    -webkit-appearance: none;
    color: #555;
    margin: 0;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.btn:hover {
  text-decoration: none;
} 

.btn:focus, .btn:hover, .active-pf {
  outline: none;
  background: #de122e;
  color: #fff;
}
 
 .toolbar.mb2.mt2 {
    /* background: #eeeeee; */
    padding: 18px 0;
    /* margin: 0 15px; */
}

.testimonail-overlay {
    background: rgba(0, 0, 0, 0.35);
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    border-radius: 11px;
}

.testimonail-thumb {
    position: relative;
    overflow: hidden;
}

.testimonail-overlay:before {
    background: url('../images/sprite.png') no-repeat -55px -1px;
    width: 49px;
    height: 49px;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: 50%;
    margin-top: -25px;
    content:"";
}
.rating {
    position: relative;
    margin-top: 12px;
}

span.rating-stars.stars-5 {
    background: url('../images/sprite.png') no-repeat -3px -68px;
    width: 96px;
    height: 15px;
    display: inline-block;
    margin: 0 8px;
}

.rating b {
    color: #000;
}

section.testimonial-list [class^="col-"] {
    min-height: 375px;
}

section.testimonial-list [class^="col-"]>div p {
    color: #73727c;
    font-size: 20px;
    line-height: 29px;
    margin: 19px 0 40px 0;
    font-style: italic;
    min-height: 146px;
}


section.testimonial-list {
    text-align: center;
    padding: 40px 0;
}

section.testimonial-list [class^="col-"]>div {
    border: #ededed 3px solid;
    padding: 20px;
}

section.testimonial-list [class^="col-"]>div h4 {
    color: #010101;
    font-size: 22px;
    margin-bottom: 8px;
}

section.testimonial-list [class^="col-"]>div h4+span {
    text-transform: uppercase;
    font-size: 12px;
    display: inline-block;
    border: #ccc 1px solid;
    padding: 6px 16px;
    border-radius: 8px;
    margin-bottom: 10px;
}


.siderbar-nav .push-right ul.sidebar-nav>li>ul>li {
    font-size: 14px;
    margin-bottom: 9px;
}

.siderbar-nav .push-right ul.sidebar-nav>li>ul>li>a {
    color: #fff;
}

.siderbar-nav .push-right ul.sidebar-nav>li>ul {
    padding-left: 15px;
    margin-top: 12px;
    border-left: #ffa643 1px solid;
}

ul.sidebar-nav li>ul>li>a {
    color: #fff;
}









 .navigation ul.submenu {
    display: none;
    background: #bc1533;
    position: absolute;
    left: 0;
    top: 20px;
    width: 230px;
    padding: 10px 0;
    border-radius: 0 0 5px 5px;
}
.navigation .submenu li{
    width: 100%;
    text-align: left;
    margin: 0 0 3px 0;
    border-bottom: rgb(167, 0, 29) 1px solid;
}



.navigation .submenu li a {
    padding: 8px 10px;
    display: block;
    color: #fff !important;
    font-size: 13px;
}

.navigation .submenu li:last-child {
    border: 0px none;
}

.navigation .submenu li a:before {
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-weight: bold;
    margin-right: 6px;
}

ul.navigation>li:hover a, .active_nav a, a.active_nav {
    border-radius: 6px 6px !important;
}


a {
    box-sizing: border-box;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

section.whychoose-col h4, .orng-hd {
    font-size: 33px;
    color: #de122e;
    margin-top: 22px;
    font-style: italic;
    text-shadow: rgba(0, 0, 0, 0.38) 0 1px 1px;
}
.portfolio-banner h2 {
    margin-top: 73px;
}

.portfolio-banner h2+p {
    font-size: 22px;
    line-height: normal;
}
section.order-thankyou {
    background: url(../images/thankyou-bg.jpg) no-repeat left top;
    background-size: cover;
    text-align: center;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100vh;
    width: 100%;
}


  .thankyou-logo {
    margin-bottom: 23px;
}

section.order-thankyou h2 {
    font-size: 52px;
    font-weight: 900;
    text-shadow: #000 0 1px 1px;
    margin-bottom: 24px;
}

section.order-thankyou h6 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 24px;
}

.amount-charged {
    color: #ffae00;
    font-size: 30px;
    margin-bottom: 24px;
    font-weight: 800;
    background: rgba(0, 0, 0, 0.27);
    padding: 13px 0;
    letter-spacing: 2px;
    border: #d38a5a 1px solid;
    margin: 0 120px 24px;
    text-shadow: rgba(0, 0, 0, 0.65) 0 1px 1px;
}

p.transaction-msg {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 18px;
}

.thankyou.cta {
    margin-bottom: 12px;
}

.thankyou.cta a, .back-home a {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    padding: 8px 13px;
    border-radius: 9px;
    margin: 0 10px;
}

.thankyou.cta a i, .back-home i {
    margin-right: 7px;
}

a.thankyou-phone, .back-home a {
    border: #fff 3px solid;
}

a.thankyou-chat {
    background: #f09415;
    box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 6px;
    padding: 11px 13px !important;
    text-shadow: #000 0 1px 1px;
}

section.order-thankyou h4 {
    font-size: 21px;
}

.back-home {
    margin-top: 24px;
    padding-top: 24px;
    border-top: rgba(0, 0, 0, 0.12) 1px solid;
}


.back-home a:hover {
    background: #f09415;
    border-color: #f09415;
}
.thankyou-logo {
    margin-bottom: 23px;
    margin-top: 20px;
}

section.order-thankyou h2 {
    font-size: 45px;
    font-weight: 900;
    text-shadow: rgba(0, 0, 0, 0.51) 0 1px 6px;
    margin-bottom: 11px;
}

section.order-thankyou h6 {
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 21px;
    letter-spacing: 1px;
}

.amount-charged {
    color: #ffae00;
    font-size: 27px;
    font-weight: 800;
    background: rgba(0, 0, 0, 0.36);
    padding: 11px 0;
    letter-spacing: 1px;
    border: #d38a5a 1px solid;
    margin: 0 180px 13px;
    border-radius: 3px;
}

section.order-thankyou h1 {
    font-size: 110px;
    font-weight: 900;
    text-shadow: rgba(0, 0, 0, 0.49) 0 1px 16px;
    margin-bottom: 24px;
}

section.order-thankyou h1+h6 {
    margin-bottom: 33px;
}


.testimonial-slider.owl-theme .owl-nav {
    display: none !important;
}
section.home-col2 h6 {
    color: #000000;
    margin-bottom: 11px;
    font-size: 22px;
    font-weight: 600;
}
footer a:hover {
    color: #de122e !important;
}
.testimonail_video_slider .owl-nav [class*=owl-] {
    position: absolute;
    top: 121px;
    background: #de122e;
    color: #000;
    font-size: 32px;
    padding: 0 16px;
}

.ft-12{font-size:12px !important}
.img-height-272{height: 272px !important;}
.hover-none-portfolio>div:hover .portfolio-content h4{color:#000 !important;}
.testimonail_video_slider .owl-nav .owl-prev {
    left: -14px;
}
.small-txt-opt{font-size:11px;display:block;display: none;position: absolute;bottom: 21px;width: 200px;}

.testimonail_video_slider .owl-nav .owl-next {
    right: 3px;
}
.padtop-34{padding-top:34px}
.testimonail_video_slider.owl-carousel .item-video {
    border-radius: 12px;
}

ul.row.portofolio-loader [class^="col-"]>div img {
    border: #e8e8e8 1px solid;
}
.portfolio-content a:hover {
    background: transparent !important;
    border-color: #fff !important;
}
 .colspArticle .moreContnt {
    display: none;
    text-align: justify;
}



.list-01 li a {
    color: #b0b0b0;
}

.list-01 {
    margin-top: 30px;
}


.list-01 li {
    margin-bottom: 13px;
    padding-left: 17px;
    position: relative;
    line-height: normal;
}
.list-01 li:before {
    content: "\f054";
    font-size: 13px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #de122e;
    position: absolute;
    left: 0;
}


.sub-heading {
    color: #de122e !important;
    text-transform: capitalize;
    font-size: 17px !important;
    margin-top: 15px;
    margin-bottom: 4px !important;
    }




















 
#checkbox, .btn2 span { /* Hide the checkbox input & word "Menu" in the button */
    display: none;
}

/* Menu button - starts */
.btn2 {
    display: block;
    background-color: #e01349;
    color: #fff;
    width: 55px;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    cursor: pointer;
    transition: width .3s ease-in-out;
}
/* Menu button - ends */

/* Sidebar - starts */
.sidebar {
    background-color: #2B2E33;
    position: fixed;
    width: 250px;
    height: 100%;
    z-index: 1111;
    transition: transform .3s ease-in-out;
    transform: translateX(-250px);
    top: 46px;
}

.sidebar ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.sidebar ul a {
    position: relative;
    text-decoration: none;
    display: block;
    background-color: transparent;
    color: #BAB5BD;
    padding: 9px 20px;
    font-size: 14px;
}

.sidebar ul a li i {
    margin-right: 15px;
}

/* Add the word "New" to the second item and "2" to the third item */
.sidebar ul a:nth-child(2)::after, .sidebar ul a:nth-child(3)::after {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -9px;
    color: #fff;
    font-size: 13px;
    padding: 0 7px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.sidebar ul a:nth-child(2)::after {
    content: "New";
    background-color: tomato;
}

.sidebar ul a:nth-child(3)::after {
    content: "2";
    background-color: #247D9E;
}

/* Add margin to the icon in the second item */
.sidebar ul a:nth-child(2) li i {
    margin-left: 4px;
    margin-right: 19px;
}

.sidebar ul a:hover, .sidebar ul a.active {
    background-color: #161920;
    color: #fff;
}
.desktop-hide{display:none }
.sidebar ul a:hover::before, .sidebar ul a.active::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background-color: #ffae00;
    width: 4px;
    height: 100%;
}
/* Sidebar - ends */

/* Effect of showing the sidebar - starts */
#checkbox:checked ~ .sidebar {
    transform: translateX(0);
}

ul.navigation li a i {
    position: relative;
    right: -2px;
    top: -2px;
    color: #de122e;
}


.sidebar h4 {
    color: #fff;
    font-size: 27px;
    margin: 10px 0;
}

.sidebar {
    padding: 12px;
    display: none;
}
#checkbox:checked + .btn2 {
    width: 250px;
    padding: 0;
    margin: 0;
}

#checkbox:checked + .btn2 span { /* Show again the word "Menu" in the button */
    display: inline;
}
.logo{
display:block;
}
.pd-right-0{padding-right:0px none !important}

header.header-order ul.top-cta {
    margin-top: 31px;
}

header.header-order {
    padding: 10px;
}

header.header-order ul.top-cta li a {
    font-size: 14px;
}


#ouibounce-modal .modal-body li {
    position: relative;
    width: 48%;
    display: inline-block;
    margin: 0 3px 6px;
}

#ouibounce-modal .modal-body li i {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    left: 13px;
}

#ouibounce-modal form textarea {
    height: 60px;
    resize: none;
}

#ouibounce-modal .modal-body li:nth-child(1), #ouibounce-modal .modal-body li:nth-child(4) {
    width: 98%;
}

#ouibounce-modal .modal-body li.last {
    width: 100%;
    margin-top: 0;
    text-align: left;
}
section.testimonials.bg-color-orange .owl-theme .owl-dots .owl-dot span {
    background: #f61616;
}

section.testimonials.bg-color-orange .owl-theme .owl-dots .owl-dot.active span {
    background: #ffffff;
}

section.banner.whitebanner-banner {
    background-image: url(../images/whiteboard-animation-banner.jpg) !important;
}
.sticky-header.affix-top {
    opacity: 0;
    text-decoration: none;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

#ouibounce-modal .modal-body li:nth-child(4) i {
    top: 24px;
}
.col-md-7.footer_form.lp_form_full h5 {
    color: #de122e;
}
.theme-background-color {
    background: #de122e !important;
}
section.inner-banner.portfolio-banner.banner-with-img .col-md-6 {
    width: 100%;
    text-align: center;
}

section.inner-banner.portfolio-banner.banner-with-img .col-md-6+.col-md-6 {
    display: none;
}

section.inner-banner.portfolio-banner.banner-with-img .col-md-6 {
    width: 70%;
    text-align: center;
    margin: 0 auto;
    float: none;
}
section.portfolio [class^="col-"]>div>i {
    overflow: hidden;
    height: 195px;
    display: block;
    width: 100%;
    border: #e8e8e8 2px solid;
    border-radius: 2px;
}

section.portfolio [class^="col-"]>div>i img {
    margin-top: -35px;
}

/* STICKY FOOTER */



div#btmsticky b {
    color: #f05a28;
    font-size: 24px;
}
div#btmsticky span {
    display: block;
    color: #f05a28;
    font-size: 27px;
}
div#btmsticky a {
    display: inline-block;
    width: 267px;
    position: relative;
    top: -20px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600 !important;
    border: 0px none;
    cursor: pointer;
    color: #fff;
    padding: 18px 6px !important;
    font-size: 14px;
    margin: 0 0 0 19px;
    border-radius: 2px;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    -ms-transition: all .1s linear;
    transition: all .1s linear;
    background: #f05a28;
}
div#btmsticky h2 {
    font-size: 24px;
    text-transform: uppercase;
    display: inline-block;
    font-weight: 600;
    width: 61%;
    color: #f5f5f5;
    margin: 13px 0 0 0;
}
.btm-sticky {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #2b2b2b;
    padding: 16px 0;
    border-top: #000 2px solid;
    z-index: 4;
    top: inherit !important;
}
.btm-sticky.affix-top {
    z-index: -6;
    bottom: initial;
    top: 0;
}

.btm-sticky.affix {
    z-index: 99 !important;
}

i.iconplay-play.custom-play {
    border: 2px solid;
    padding: 2px 11px;
    margin-right: 10px;
    font-size: 14px;
    padding-left: 13px;
 
    text-shadow: #000 0 0 8px;
}


.divider {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    font-style: italic;
    position: relative;
    overflow: hidden;
    padding: 11px 0;
    max-width: 220px;
    margin: 20px auto 5px;
}
a.btn-yellow.various.btn-blue.btn-blue-get {
    background: #f05a28;
    color: #ffffff;
    text-shadow: none;
    font-weight: 800;
}
.divider .text {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 0 8px;
}

.divider .text:before, .divider .text:after {
    content: "";
    position: absolute;
    right: 100%;
    width: 9999px;
    height: 1px;
    background: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.divider .text:after {
    right: auto;
    left: 100%;
}

a.showreel-link_new, a.showreel-link_new2 {
    display: block;
    color: #fff;
    padding: 10px 10px;
    margin-top: 0px;
}






/* FLOATING FORM STYLE */

.floating-form-wrap .form-handle:before {
    content: "GET FREE QUOTE";
    display: block;
    color: #fff;
    margin-left: 7px;
    width: 60px;
    font-size: 15px;
    padding-top: 10px;
    font-weight: 900;
    text-align: center;
    line-height: 17px;
    text-shadow: #000 0 1px 1px;
}
.floating-form-wrap {position: fixed;width: 600px;height: 341px;right: 0;margin-top: -109px;z-index: 999;margin-right: -536px;top: 50%;display: none;}
.floating-form-wrap .thanks p { color: #aaa; }
.field.pc { position: relative; }
#flform ul li{
    text-align: left;
    position: relative;
    width: 47.7%;
    margin: 7px 5px;
    display: inline-block;
}
#flform ul li i {
    position: absolute;
    top: 10px;
    left: 11px;
    font-size: 12px;
    color: #f12d46;
    font-weight: bold;
    }
#flform input[type="text"], #flform select {
    background: #fafafa;
    border: #dcdcdc 1px solid;
    padding: 10px 10px 10px 34px;
    width: 100%;
    border-radius: 7px;
    font-size: 14px;
    color: #000;
    box-shadow: none !important;
    outline: none 0px !important;
}
#flform input[type="text"], #flform input[type="phone"], #flform input[type="email"], #flform textarea {background: #fafafa;border: #f3f3f3 2px solid;padding: 7px 10px 8px 34px;width: 100%;border-radius: 7px;font-size: 13px;color: #000;box-shadow: none !important;outline: none 0px !important;} 
 #flform button, #flform input[type=submit] {background: #f12d46;color: #fff;font-weight: 600;border: none;text-transform: uppercase;display: inline-block;font-size: 17px;letter-spacing: 0.5px;padding: 9px 60px;margin: 0 auto;border-radius: 2px;text-shadow: #000 0 1px 1px;}
.floating-form-wrap .form-handle {background: #f12d46;width: 76px;height: 70px;float: left;cursor: pointer;margin-top: -355px;margin-left: -11px;border-radius: 4px 0 0 4px;overflow: hidden;}
.creativepg .form-handle, .copywritingpg .form-handle, .adpg .form-handle, .seopg .form-handle, .wcwpg .form-handle, .professionalpg .form-handle { background-position: -284px -1560px; }
.floating-form {width: 100%;float: right;height: 355px;}
.floating-form .formdv .inform {
    background: #ffffff;
    border-radius: 0 0 0 9px;
    padding: 0 0 0 18px;
    height: 321px;
    width: 100%;
    box-shadow: #000 0 1px 3px;
    border-left: #000 2px solid;
}
.floating-form h4 span {
    font-size: 12px;
    color: #f12d46;
    display: block;
    text-transform: none;
    text-shadow: none;
}
.floating-form .formdv {padding: 0 0 25px 64px;}
.floating-form h4 {position: relative;color: #f12d46;font-weight: 600;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0c4882+0,02213e+100 */ /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 */margin: 0 -9px;font-size: 26px;text-align: left;text-transform: uppercase;padding: 21px 24px 9px 36px;line-height: 24px;margin-bottom: 0;background: #fff;}
.floating-form h5 { font-size: 18px; color: #aaaaaa; font-weight: 400; margin: 0; text-align: center; padding: 5px 0 17px; text-align: left; }
.floating-form form {text-align: center;padding-right: 10px;}
.floating-form form p {margin-top: 0;color: #6d6d6d;padding: 10px;display: none;}
.floating-form .field {width: 50%;float: left;padding-right: 10px;}
.floating-form .fieldwrap { width: 50%; float: left; }
.floating-form .textarea { width: 100%; }
.floating-form textarea {width: 100%;padding: 9px;font-size: 11px;border-radius: 2px; height:60px;}
.side-bars {width: 228px;height: 53px;position: fixed;right: -215px;top: 50%;z-index: 9999;margin-top: -230px;display: block;right: -177px;margin-right: 0;display: none;}
.side-bars .s-bar { display: block; margin-bottom: 15px; position: relative; background: #232323; right: 0px; cursor: pointer; }
.side-bars .s-bar img { position: relative; left: -6px; float: left; }
.side-bars .s-bar a p {color: #FFF;font-size: 13px;padding: 6px 0 0 0;margin: 0px;width: 100%;display: block;float: none;padding-top: 15px;padding-bottom: 3px;}
.side-bars .s-bar a {font-size: 15px;padding: 0px;color: #fff;float: left;position: relative;height: 59px;margin-top: -10px;text-transform: uppercase;font-weight: 600;width: 235px;background: url(../images/form-bg-sidebar.html) repeat left top #2365a0;padding-left: 63px;text-shadow: #000 0 1px 1px;}
.side-bars .s-bar a.lchat { padding: 0px 0 0 0px; margin: 0px; line-height: 51px; }
.side-bars .s-bar a.lchat span { font-weight: normal }
.call-spr {background: url(../images/sprites-form.html) no-repeat -74px -4px;width: 64px;height: 64px;position: absolute;left: -13px;top: -3px;}
.chat-spr {background: url('../images/sprites-form.html') no-repeat -147px -3px;width: 64px;height: 64px;position: absolute;left: -13px;top: -3px;}


#flform ul li:nth-child(3), #flform ul li:nth-child(4) {
    width: 97%;
}

#flform ul li.last {
    width: 100%;
    text-align: center;
    margin-top: 0;
}
.floating-form h4:before {
    background: #f12d46;
    width: 5px;
    height: 51%;
    content: "";
    position: absolute;
    left: 15px;
    top: 21px;
    border-radius: 20px;
}
#ouibounce-modal h3 {
    font-size: 21px;
    color: #3c3c3c;
    line-height: 27px;
    font-weight: 600;
}
.cus-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQImWNguAkAANwA2ohRxm8AAAAASUVORK5CYII=) repeat;
    top: 0;
    left: 0;
    z-index: 998;
    display: none;
}
/*PRICING STYLING NEW*/

section.pricing-col ul li i a:before {
    background: rgba(0, 0, 0, 0.38);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
}
section.pricing-col ul li i a {
    display: block;
}
section.pricing-col ul li i img {
    margin-top: -41px;
}
section.pricing-col ul li i {
    overflow: hidden;
    position: relative;
    display: block;
    box-shadow: #ccc 0 0 2px;
    height: 205px;
}
section.pricing-col ul li {
    position: relative;
    display: inline-block;
    border: #e7e7e7 5px solid;
    width: 34%;
    margin: 15px;
    padding: 20px 0;
}
section.pricing-col ul li h5 {
    color: #ffffff;
    font-size: 18px;
    background: #f05a28;
    text-align: center;
    text-shadow: #000 0 1px 1px;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 0;
    font-style: italic;
    padding: 10px 0;
}

.pricing-features-list {
    width: 218px;
    margin: 17px auto 0;
}

.pricing-features-list span {
    display: block;
    width: 100%;
    font-weight: 600;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: #eaeaea 1px solid;
    text-align: left;
    font-size: 16px;
    color: #000;
}

.pricing-features-list span img {
    width: 24px;
    margin-right: 6px;
}

section.pricing-col ul li i span {
    position: absolute;
    z-index: 9;
    text-shadow: #000 1px 1px 1px;
    color: #ffffff;
    left: 34%;
    bottom: 40px;
    font-style: italic;
}

section.pricing-col ul li i span:before {
    content: "";
    position: absolute;
    background: #f05a28;
    width: 30px;
    height: 3px;
    left: 34%;
    bottom: -6px;
}


a.btn-yellow.various.btn-blue.btn-blue-get {
    background: #f05a28;
    color: #ffffff;
    text-shadow: none;
    font-weight: 800;
}

section.pricing-col ul li a.btn-blue, .btn-orng-grd {
    display: inline-block;
    color: #fff;
    text-shadow: #000 0 1px 1px;
    padding: 12px 4px;
    font-weight: 600;
    font-size: 13px;
    border-radius: 3px;
    letter-spacing: 0.5px;
    margin-top: 6px;
    text-transform: uppercase;
    background: rgb(101, 45, 144);
    width: 171px;
}
section.price_content .col-md-7 a:hover, section.pricing-col ul li a:hover, .btn-orng-grd:hover {
    background: rgba(47,65,139,1);
    background: -moz-linear-gradient(-45deg, rgba(47,65,139,1) 0%, rgba(234,16,41,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(47,65,139,1)), color-stop(100%, rgba(234,16,41,1)));
    background: -webkit-linear-gradient(-45deg, rgba(47,65,139,1) 0%, rgba(234,16,41,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(47,65,139,1) 0%, rgba(234,16,41,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(47,65,139,1) 0%, rgba(234,16,41,1) 100%);
    background: linear-gradient(135deg, rgba(47,65,139,1) 0%, rgba(234,16,41,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f418b', endColorstr='#ea1029', GradientType=1 );
}
section.pricing-col ul li i a:after {
    background: url(../images/owl.video.play.png) no-repeat left top;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 66px;
    height: 66px;
    background-size: cover;
    margin-left: -33px;
    margin-top: -33px;
}

div#ouibounce-modal h5 {
    font-size: 21px;
    color: #3c3c3c;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.4;
}
#ouibounce-modal h4{margin-bottom: 14px;}




.banner ul {
    background: rgba(0, 0, 0, 0.18);
    padding: 15px 0;
    letter-spacing: 2px;
    font-size: 17px;
    font-weight: bold;
    width: 90%;
    margin: 14px auto 20px;
}

.banner ul li {
    display: inline-block;
    margin: 0 12px;
    font-size: 13px;
}
section.banner h2 strong {
    clear: both;
    display: block;
    font-style: italic;
    color: #fbb03b;
    margin-top: 7px;
    display: block;
    margin-top: 18px;
}


ul.cr-footer li {
    display: inline-block;
    margin-right: 10px;
}

ul.cr-footer {
    margin-top: 20px;
}

ul.cr-footer li a {
    color: #fff;
}

section.lp-services-content a.acnhor_link {
    border: none;
    padding: 0;
    text-transform: inherit;
    color: #de122e;
    font-size: inherit;
    margin: 0;
    font-weight: normal;
    background: none !important;
} 

a.acnhor_link{
    
    color: #de122e;
}


body.ssale-home section.banner-new {
    background: url(../images/ns-ani-bg.jpg) no-repeat center center #8c1314;
    background-size: cover;
    padding-top: 3.5em;
    padding-bottom: 19em;
    position: relative;
    text-align: center;
}
 
body.ssale-home section.banner-new:after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: url(../images/ani-people-01.png) no-repeat center bottom;
    height: 350px;
    width: 100%;
    display: block;
    background-size: contain;
} 

body.ssale-home section.banner-new .col-md-8 h1 {
    font-size: 50px;
    line-height: normal;
    color: #fff;
    font-family: Lato, sans-serif;
    font-weight: 800;
    text-shadow: 0px 2px 3px #000;
    text-transform: capitalize;
} 
 
body.ssale-home section.banner-new .col-md-8 h1 + h2 {
    font-size: 29px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: Lato, sans-serif;
    color: #fff;
    text-shadow: 0px 2px 3px #000;
    font-weight: 800;
}

body.ssale-home section.banner-new .col-md-8 img.trustpilot_big {
    margin-top: 0;
    max-width: none;
}  

body.ssale-home section.banner-new .col-md-8 h1 + h2 br { display: none; }

body.ssale-home section.banner-new .col-md-8 h1 + h2 span.colo {    display: inline-block;    color: #ff9c00;   }

body.ssale-home section.banner-new .col-md-8 a {    padding: 13px 45px;    font-size: 18px;    font-weight: 600;        color: #fff;        background: #ff9c00;     border-radius: 3px;     text-transform: uppercase;
    display: table;     margin: 5px auto 20px; }

.popupform h2 br {    display: none;    }

@media only screen and ( max-width:850px ){
    
body.ssale-home section.banner-new .col-md-8 h1 {    font-size: 30px;   }

body.ssale-home section.banner-new .col-md-8 h1 + h2 {    font-size: 18px;    line-height: normal;  }

body.ssale-home section.banner-new {    padding-bottom: 4em;    }

body.ssale-home section.banner-new:after {    display: none;    } 
    
}