@charset "UTF-8";
@media (min-width: 1921px) { .hero-section .hero-slider { height: 860px; }
.hero-14-img { top: 5%; right: -8%; width: 50%; }
.content-right-img { top: 2%; right: -3%; width: 50%; }
.content-left-img { top: 2%; left: -3%; width: 50%; } #contacts-1.bg-clouds { padding-bottom: 240px; }
#contacts-2.bg-clouds { padding-bottom: 170px; }
#contacts-3.bg-clouds { padding-bottom: 160px; } .page-hero-section { padding-top: 230px; padding-bottom: 220px; }
#contacts-map #gmap { height: 585px; }
}   @media (min-width: 1200px) {
}   @media (min-width: 992px) and (max-width: 1199.99px) {
html { font-size: 15px; }  .ind-5, .ind-10, .ind-15, .ind-20, .ind-25 { padding-right: 0; padding-left: 0; }
.ind-30, .ind-35, .ind-40 { padding-right: 20px; padding-left: 20px; }
.ind-45, .ind-50 { padding-right: 30px; padding-left: 30px; }
.ind-60 { padding-right: 40px; padding-left: 40px; }
.wide-100 { padding-top: 80px; padding-bottom: 80px; }
.wide-90 { padding-top: 80px; padding-bottom: 70px; }
.wide-80 { padding-top: 80px; padding-bottom: 60px; }
.wide-70 { padding-top: 80px; padding-bottom: 50px; }
.wide-60 { padding-top: 80px; padding-bottom: 40px; }
.wide-50 { padding-top: 80px; padding-bottom: 30px; }
.wide-40 { padding-top: 80px; padding-bottom: 20px; }
.wide-30 { padding-top: 80px; padding-bottom: 10px; }
.wide-20 { padding-top: 80px; padding-bottom: 0; }
.p-top-100, .division.p-top-100 { padding-top: 80px; }
.p-bottom-100 { padding-bottom: 80px; }
.p-left-0, .p-left-5, .p-left-10, .p-left-15 { padding-left: 0; }
.p-left-20, .p-left-25, .p-left-30, .p-left-35 { padding-left: 10px; }
.p-left-40, .p-left-45, .p-left-50 { padding-left: 20px; }
.p-left-50, .p-left-60, .p-left-70, .p-left-80, .p-left-90, .p-left-100 { padding-left: 30px; }
.p-right-0, .p-right-5, .p-right-10, .p-right-15 { padding-right: 0; } 
.p-right-20, .p-right-25, .p-right-30, .p-right-35 { padding-right: 10px; }
.p-right-40, .p-right-45, .p-right-50 { padding-right: 20px; }
.p-right-50, .p-right-60, .p-right-70, .p-right-80, .p-right-90, .p-right-100 { padding-left: 30px; } h5.h5-xs { font-size: 1.066rem; } h5.h5-sm { font-size: 1.111rem; } h5.h5-md { font-size: 1.14rem; } h5.h5-lg { font-size: 1.222rem; } h5.h5-xl { font-size: 1.333rem; }  h4.h4-xs { font-size: 1.44rem; } h4.h4-sm { font-size: 1.55rem; } h4.h4-md { font-size: 1.66rem; } h4.h4-lg { font-size: 1.77rem; } h4.h4-xl { font-size: 1.88rem; }  h3.h3-xs { font-size: 2.11rem; } h3.h3-sm { font-size: 2.22rem; } h3.h3-md { font-size: 2.33rem; } h3.h3-lg { font-size: 2.44rem; } h3.h3-xl { font-size: 2.66rem; }  h2.h2-xs { font-size: 2.88rem; } h2.h2-sm { font-size: 3rem; } h2.h2-md { font-size: 3.11rem; } h2.h2-lg { font-size: 3.33rem; } h2.h2-xl { font-size: 3.55rem; }  p.p-sm { font-size: 0.95rem; } p { font-size: 1rem; } p.p-md { font-size: 1.066rem; } p.p-lg { font-size: 1.133rem; } p.p-xl { font-size: 1.266rem; }  .btn.btn-sm { font-size: 0.9rem; padding: 0.8rem 1.75rem; }
.btn { font-size: 0.95rem; padding: 0.875rem 1.9rem; }
.btn.btn-md { font-size: 1rem; padding: 0.95rem 2.25rem; }
.btn.btn-lg { font-size: 1.05rem; padding: 1rem 2.35rem; }
.btn-arrow:hover span, .btn-arrow:focus span { -webkit-transform: translate3d(-8px, 0, 0); transform: translate3d(-8px, 0, 0); }
.btn-arrow:hover .svg-inline--fa, .btn-arrow:focus .svg-inline--fa { opacity: 1; right: -17px; } .modal-video { line-height: 2rem; }
.modal-video a span { font-size: 2rem; line-height: 2rem; margin-right: 3px; }
.modal-video a { line-height: 2rem; } .video-preview .video-btn-xs { margin-top: -35px; margin-left: -35px; }
.video-preview .video-btn-sm { margin-top: -40px; margin-left: -40px; }
.video-preview .video-btn-md { margin-top: -45px; margin-left: -45px; }
.video-preview .video-btn-lg { margin-top: -55px; margin-left: -55px; }
.video-btn-xs, .video-btn .video-btn-xs {width: 100px; height: 100px; }
.video-btn-sm, .video-btn .video-btn-sm { width: 110px; height: 110px; }
.video-btn-md, .video-btn .video-btn-md { width: 120px; height: 120px; }
.video-btn-lg, .video-btn .video-btn-lg { width: 140px; height: 140px; }
.video-btn-xs .svg-inline--fa { width: 70px; height: 70px; }
.video-btn-sm .svg-inline--fa { width: 80px; height: 80px; }
.video-btn-md .svg-inline--fa { width: 90px; height: 90px; }
.video-btn-lg .svg-inline--fa { width: 110px; height: 110px; }
.ico-bkg { top: 35px; left: 35px; }
.video-btn-xs .ico-bkg { top: 30px; width: 34px; height: 40px; }
.video-btn-sm .ico-bkg { top: 30px; width: 40px; height: 45px; }
.video-btn-md .ico-bkg { width: 50px; height: 50px; }
.video-btn-lg .ico-bkg { top: 40px; width: 65px; height: 60px; } .box-icon [class^="flaticon-"]:before, 
.box-icon [class*=" flaticon-"]:before,
.box-icon [class^="flaticon-"]:after, 
.box-icon [class*=" flaticon-"]:after {   
font-size: 3.75rem;
line-height: 3.75rem!important;
}
.box-icon-sm [class^="flaticon-"]:before, 
.box-icon-sm [class*=" flaticon-"]:before,
.box-icon-sm [class^="flaticon-"]:after, 
.box-icon-sm [class*=" flaticon-"]:after {   
font-size: 3.25rem;
line-height: 3.25rem!important;
}
.box-icon-md [class^="flaticon-"]:before, 
.box-icon-md [class*=" flaticon-"]:before,
.box-icon-md [class^="flaticon-"]:after, 
.box-icon-md [class*=" flaticon-"]:after {   
font-size: 4rem;
line-height: 4rem!important;
} .technologies { margin-top: 30px; }
.technologies p { font-size: 0.85rem; }
.technologies .svg-inline--fa { font-size: 2.5rem;  margin-right: 10px; } a.store { margin-right: 10px; }
.store img.appstore { width: 141px; height: 44px; }
.store img.googleplay { width: 150px; height: 44px; }
.store img.amazon { width: 139px; height: 44px; }
.store img.windows { width: 144px; height: 44px; } .section-title { margin-bottom: 50px; }
.section-title p { font-size: 1.2rem; padding: 0 10%; }  .navbar-brand { margin-right: 3rem; }
.navbar-expand-lg .navbar-nav .nav-link { font-size: 1rem; padding: 0.65rem 1.25rem; }
.header-socials { margin-top: 3px; margin-left: 0; }
.header-socials a { width: 36px; height: 36px; font-size: 0.95rem; line-height: 32px !important; margin-left: 2px; }
.navbar .btn { font-size: 0.95rem; padding: 0.785rem 2rem; margin-top: 0; margin-left: 10px; }  #hero-1 { padding-top: 200px; padding-bottom: 170px; }
#hero-3 { padding-top: 200px; padding-bottom: 150px; }
#hero-4 { padding-top: 140px; padding-bottom: 100px; }
#hero-5 { padding-top: 160px; padding-bottom: 80px; }
#hero-6-content { padding-top: 160px; padding-bottom: 380px; }
#hero-8 { padding-top: 150px; padding-bottom: 20px; }
#hero-10 { padding-top: 220px; padding-bottom: 180px; }
#hero-11-txt { padding-top: 170px; padding-bottom: 430px; }
#hero-12 { padding-top: 210px;}
#hero-13-txt { padding-top: 210px; padding-bottom: 80px; }
#hero-14 { padding-top: 230px; padding-bottom: 100px; }
#hero-15-txt { padding-top: 180px; padding-bottom: 180px; }
#hero-16 { padding-top: 120px; }
#hero-17 { padding-top: 160px; padding-bottom: 20px; }
#hero-18 { padding-top: 160px; } .hero-section .hero-slider { height: 720px; } .hero-content { width: 90%; } .hero-section h4, .hero-section h3, .hero-section h2 { margin-bottom: 20px; }
.hero-inner-txt h3  { margin-bottom: 25px; }
#hero-1.hero-section h2 { font-size: 3.5rem; line-height: 1.2; letter-spacing: -0.5px; margin-bottom: 35px; }
.slides h2 { font-size: 4.25rem; letter-spacing: -1px; margin-bottom: 15px; } 
#hero-9 .slides h2 { font-size: 4.75rem; }
#hero-4.hero-section h2 { font-size: 3.75rem; }
#hero-7.hero-section h2 { font-size: 4.75rem; letter-spacing: -2px; margin-bottom: 20px; }
#hero-10.hero-section h2 { font-size: 5rem; }
#hero-16 h2 { font-size: 5rem; letter-spacing: -1px; margin-bottom: 20px; }
#hero-18 h3.h3-xl { margin-bottom: 35px; }
.hero-section h4 span, .hero-section h3 span, .hero-section h2 span { letter-spacing: -1px; padding-bottom: 11px; } .hero-txt p.p-hero { font-size: 1.25rem; margin-bottom: 35px; }
.hero-inner-txt p { margin-bottom: 35px; }
#hero-14 .hero-txt p { padding-right: 10%; }
#hero-16 .hero-txt p { padding-left: 5%; }
#hero-18 .hero-txt p { padding: 0 5%; } .hero-inner-block { margin-top: -420px; } .hero-statistic { padding: 40px 20px 10px 20px; }
.hero-number { font-size: 2rem; margin-bottom: 5px; } .discount-banner {  margin-top: -280px ; padding: 45px 30px; }
.discount-banner h2.h2-xl { font-size: 5rem; } .hero-form form {  margin-right: 15px; } .hero-section .newsletter-form { margin: 0 15%; }
.hero-section .newsletter-form .form-control { height: 50px; font-size: 1.1rem; }
.hero-section .newsletter-form .btn { height: 50px; } .hero-6-image img { margin-top: -330px; }
.hero-14-img { top: 0; right: -45%; width: 85%; }   .page-hero-section { padding-top: 170px; padding-bottom: 90px; }
.page-hero-section h2 { font-size: 3.5rem; letter-spacing: -0.5px; }
.page-hero-section p { padding: 0 12%; margin-top: 8px; } .about-txt h3.h3-sm { margin-bottom: 25px; } #services-1.wide-20 { padding-bottom: 40px; }
.services-txt h3.h3-sm { margin-bottom: 25px; }
.sbox-1 { margin-bottom: 40px; } 
.sbox-2 { padding: 0 10px; }
.sbox-4 { margin-bottom: 35px; } 
.g-sboxes { padding-right: 30px; }
.sbox-1-txt, .sbox-3-txt { padding-left: 20px; } 
.sbox-4-txt { padding-left: 20px; }
.sbox-2 h5 { margin-top: 20px; margin-bottom: 10px; } #content-3, #content-4 { padding-top: 90px; padding-bottom: 50px; }
#content-7-title { padding-top: 80px; }
#content-9 .content-txt { padding: 0 25px 0 60px; }
#content-10 .content-txt { padding: 0 60px 0 25px; }
.content-txt h3.h3-sm, .content-txt h3.h3-xs, .content-txt h3.h3-xl { margin-bottom: 25px; }
.content-txt h5.h5-sm { margin-top: 20px; margin-bottom: 15px; }
#content-10 p.p-lg.m-bottom-25 { margin-bottom: 15px; }
.content-btn { margin-top: 30px; }
ul.content-list li { margin-bottom: 6px; }
.skills.m-top-40 { margin-top: 35px }
.content-right-img { top: 0; right: -42%; width: 85%; }
.content-left-img { top: 0; left: -42%; width: 85%; } #banner-1 { padding-top: 100px; padding-bottom: 100px; }
#banner-2 { padding-top: 80px; }
#banner-2 .banner-txt h2 { margin-bottom: 25px; }
#banner-1 .banner-txt h2, #banner-3 .banner-txt h3 { margin-bottom: 20px; } #video-1 { padding-top: 100px; padding-bottom: 100px; }
#video-2 { padding-top: 120px; padding-bottom: 120px; }
#video-3 p { margin-top: 20px; margin-bottom: 40px; padding: 0 5%; } .project-description h5.h5-sm { margin-top: 2px; }
.project-description span { font-size: 0.95rem; font-weight: 500; } #statistic-2 { padding-top: 80px; padding-bottom: 50px; }
.small-statistic { margin-top: 20px; }
.statistic-number { font-size: 3.65rem; letter-spacing: 2px; margin-bottom: 14px; }
.small-statistic .statistic-number { font-size: 4.25rem; } #pills-tab { margin: 20px auto 30px; }
.nav-pills .nav-link { font-size: 0.95rem; padding: 8px 26px; }
.pricing-table span.price { font-size: 62px; line-height: 62px; }
.pricing-table sup { font-size: 45px; top: -5px; right: 2px; }
p.validity { font-size: 1.1rem; margin-top: 5px; }
.pricing-table ul.features li { font-size: 1rem; padding: 10px 0; }
.pricing-txt { margin-top: 20px; margin-bottom: 30px; } .review-1 { padding: 0 10px; margin-bottom: 30px; }
.review-2 { margin-bottom: 60px; }
.review-1 .review-txt { padding: 40px 30px 50px; }
.review-1 .testimonial-avatar img, #reviews-2 img { width: 70px; height: 70px; }
.review-1 p { font-size: 1rem; } 
#reviews-2 .review-txt p { font-size: 1.45rem; padding: 20px 10% 20px; } #brands-1 { padding-top: 60px; padding-bottom: 40px; }
#brands-2 .brands-title { margin-bottom: 40px; }
.brands-title h5 { margin-bottom: 25px; } .questions-holder.ind-30 { padding: 0; }
.question { margin-bottom: 25px; }
.question h5 { margin-bottom: 8px; }
.faqs-btn { margin-top: 22px; } #cta-1 { padding-top: 100px; padding-bottom: 110px; }
.banner-logo img { width: 110px; height: 110px; }
.cta-txt h2.h2-lg { margin-bottom: 20px; }
#cta-1 .cta-txt p { padding: 0 5%; }
#cta-1 .cta-btn { margin-top: 30px; }
#cta-2 .cta-btn { margin-top: 25px; } #newsletter-1 .form-control { height: 54px; font-size: 1.2rem; }
#newsletter-1 .newsletter-form .btn { height: 54px; } #single-blog-page { margin-top: 65px; }
#search-field .btn { padding: 18px; } #contacts-map { margin-top: 65px; }
#contacts-1.bg-clouds { padding-bottom: 210px; }
#contacts-2.bg-clouds { padding-bottom: 140px; }
#contacts-3.bg-clouds { padding-bottom: 100px; }
.contact-form .form-control { height: 48px; margin-bottom: 20px; }
#contacts-3 .contact-box { margin-bottom: 30px; }
.contact-box .svg-inline--fa { font-size: 3.25rem; }
.contact-box h5 { margin-top: 15px; margin-bottom: 10px; }
span.support-number { font-size: 1.75rem; }
#gmap { height: 340px; }
#contacts-2 #gmap { height: 340px; }
#contacts-map #gmap { height: 390px; } .footer.bg-dark { padding-top: 80px; }
.bg-dark .bottom-footer { padding-bottom: 50px; }
.foo-links { margin: 15px auto 0; }
.foo-links a { width: 38px; height: 38px; font-size: 1.05rem; line-height: 34px!important; margin-right: 3px; }
.footer-form .form-control { font-size: 0.95rem; font-weight: 300; }
.footer-form .svg-inline--fa { font-size: 1.25rem; }
}   @media (min-width: 768px) and (max-width: 991.99px) { 
html { font-size: 15px; }  .ind-5, .ind-10, .ind-15, .ind-20, .ind-25, .ind-30,
.ind-35, .ind-40, .ind-45, .ind-50, .ind-60, .ind-70,
.ind-80, .ind-90, .ind-100 { padding: 0px; }
.wide-100 { padding-top: 80px; padding-bottom: 80px; }
.wide-90 { padding-top: 80px; padding-bottom: 70px; }
.wide-80 { padding-top: 80px; padding-bottom: 60px; }
.wide-70 { padding-top: 80px; padding-bottom: 50px; }
.wide-60 { padding-top: 80px; padding-bottom: 40px; }
.wide-50 { padding-top: 80px; padding-bottom: 30px; }
.wide-40 { padding-top: 80px; padding-bottom: 20px; }
.wide-30 { padding-top: 80px; padding-bottom: 10px; }
.wide-20 { padding-top: 80px; padding-bottom: 0; }
.p-top-100, .division.p-top-100 { padding-top: 80px; }
.p-bottom-100 { padding-bottom: 80px; }
.p-left-0, .p-left-5, .p-left-10, .p-left-15, .p-left-20, .p-left-25, 
.p-left-30, .p-left-35, .p-left-40, .p-left-45, .p-left-50, .p-left-50, 
.p-left-60, .p-left-70, .p-left-80, .p-left-90, .p-left-100 { padding-left: 0; }
.p-right-0, .p-right-5, .p-right-10, .p-right-15, .p-right-20, .p-right-25,
.p-right-30, .p-right-35, .p-right-40, .p-right-45, .p-right-50, .p-right-50,
.p-right-60, .p-right-70, .p-right-80, .p-right-90, .p-right-100 { padding-right: 0; } h5.h5-xs { font-size: 1.066rem; } h5.h5-sm { font-size: 1.111rem; } h5.h5-md { font-size: 1.14rem; } h5.h5-lg { font-size: 1.15rem; } h5.h5-xl { font-size: 1.2rem; }  h4.h4-xs { font-size: 1.222rem; } h4.h4-sm { font-size: 1.3rem; } h4.h4-md { font-size: 1.38rem; } h4.h4-lg { font-size: 1.475rem; } h4.h4-xl { font-size: 1.55rem; }  h3.h3-xs { font-size: 1.75rem; } h3.h3-sm { font-size: 1.85rem; } h3.h3-md { font-size: 1.95rem; } h3.h3-lg { font-size: 2.05rem; } h3.h3-xl { font-size: 2.21rem; }  h2.h2-xs { font-size: 2.26rem; } h2.h2-sm { font-size: 2.33rem; } h2.h2-md { font-size: 2.4rem; } h2.h2-lg { font-size: 2.4rem; } h2.h2-xl { font-size: 2.5rem; }  p.p-sm { font-size: 0.95rem; } p { font-size: 1rem; } p.p-md { font-size: 1rem; } p.p-lg { font-size: 1.05rem; } p.p-xl { font-size: 1.1rem; }  .btn.btn-sm { font-size: 0.9rem; padding: 0.8rem 1.75rem; }
.btn { font-size: 0.95rem; padding: 0.85rem 1.9rem; }
.btn.btn-md { font-size: 1rem; padding: 0.875rem 2rem; }
.btn.btn-lg { font-size: 1rem; padding: 0.925rem 2.15rem; }
.btn-arrow:hover span, .btn-arrow:focus span { -webkit-transform: translate3d(-8px, 0, 0); transform: translate3d(-8px, 0, 0); }
.btn-arrow:hover .svg-inline--fa, .btn-arrow:focus .svg-inline--fa { opacity: 1; right: -17px; } .modal-video { line-height: 1.75rem; }
.modal-video a span { font-size: 1.75rem; line-height: 1.75rem; margin-right: 3px; }
.modal-video a { font-size: 1.05rem; line-height: 1.75rem; } .video-preview .video-btn-xs { margin-top: -33px; margin-left: -33px; }
.video-preview .video-btn-sm { margin-top: -38px; margin-left: -38px; }
.video-preview .video-btn-md { margin-top: -43px; margin-left: -43px; }
.video-preview .video-btn-lg { margin-top: -45px; margin-left: -45px; }
.video-btn-xs, .video-btn .video-btn-xs { width: 96px; height: 96px; }
.video-btn-sm, .video-btn .video-btn-sm { width: 106px; height: 106px; }
.video-btn-md, .video-btn .video-btn-md { width: 116px; height: 116px; }
.video-btn-lg, .video-btn .video-btn-lg { width: 120px; height: 120px; }
.video-btn-xs .svg-inline--fa { width: 66px; height: 66px; }
.video-btn-sm .svg-inline--fa { width: 76px; height: 76px; }
.video-btn-md .svg-inline--fa { width: 86px; height: 86px; }
.video-btn-lg .svg-inline--fa { width: 90px; height: 90px; }
.ico-bkg { top: 35px; left: 35px; }
.video-btn-xs .ico-bkg { top: 30px; width: 34px; height: 36px; }
.video-btn-sm .ico-bkg { top: 30px; width: 40px; height: 45px; }
.video-btn-md .ico-bkg { width: 50px; height: 50px; }
.video-btn-lg .ico-bkg { width: 50px; height: 50px; } .box-icon [class^="flaticon-"]:before, 
.box-icon [class*=" flaticon-"]:before,
.box-icon [class^="flaticon-"]:after, 
.box-icon [class*=" flaticon-"]:after {   
font-size: 3.75rem;
line-height: 3.75rem!important;
}
.box-icon-sm [class^="flaticon-"]:before, 
.box-icon-sm [class*=" flaticon-"]:before,
.box-icon-sm [class^="flaticon-"]:after, 
.box-icon-sm [class*=" flaticon-"]:after {   
font-size: 3.25rem;
line-height: 3.25rem!important;
}
.box-icon-md [class^="flaticon-"]:before, 
.box-icon-md [class*=" flaticon-"]:before,
.box-icon-md [class^="flaticon-"]:after, 
.box-icon-md [class*=" flaticon-"]:after {   
font-size: 4rem;
line-height: 4rem!important;
} .technologies { margin-top: 25px; }
.technologies p { font-size: 0.85rem; }
.technologies .svg-inline--fa { font-size: 2.4rem;  margin-right: 8px; } a.store { margin-right: 10px; }
.store img.appstore { width: 141px; height: 44px; }
.store img.googleplay { width: 150px; height: 44px; }
.store img.amazon { width: 139px; height: 44px; }
.store img.windows { width: 144px; height: 44px; } .app-devices { padding: 5px 0 0 5px; }
.app-devices .svg-inline--fa { font-size: 2.15rem; }
.app-devices .svg-inline--fa.f-phone { margin-right: 1rem; }
.app-devices-desc p { font-size: 0.95rem; padding-right: 5%; } span.section-id { font-size: 0.85rem; font-weight: 600; letter-spacing: 0.5px; margin-bottom: 25px; } .section-title { margin-bottom: 50px; }
.section-title p { font-size: 1.1rem; padding: 0 8%; }  .bg-light { background-color: #fff!important; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); }
.navbar { text-align: center; }
.dropdown-menu { text-align: center; padding: 0; margin-top: 0; border-top: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.dropdown-divider { margin: 5px 0; }
.dropdown-item { padding: 10px 0; }
.navbar.bg-tra  { padding: 0.75rem 1.1rem; background-color: #fff!important; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); }
.navbar.scroll.bg-tra { padding: 0.75rem 1.1rem; }
.logo-white, .navbar-light.bg-tra .logo-white, .navbar-light.bg-light .logo-white, 
.navbar-dark.bg-tra .logo-white, .navbar-dark.bg-dark .logo-white { display: none; }
.navbar-dark.bg-tra .logo-black, .navbar-light.bg-tra .logo-black, 
.logo-black, .navbar-light.bg-light .logo-black { display: block; }
.bg-tra.navbar-dark .nav-link { color: #333; }
.bg-tra.navbar-dark .navbar-nav .active > .nav-link { color: rgba(0,0,0,.9); }
.navbar-dark .nav-link:focus, .navbar-dark .nav-link:hover { color: #333; background-color: rgba(200, 200, 200, 0.35); }
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: #333; }
.navbar-nav { padding-top: 15px; }
.navbar-expand-lg .navbar-nav .nav-link { font-size: 1.1rem; padding: 10px 0; margin-left: 0; -webkit-border-radius: 0;-moz-border-radius: 0; border-radius: 0; }
.navbar .btn {  margin-top: 8px; margin-left: 0; }
.navbar .btn-tra-white { color: #444; border-color: #444; }
.navbar .btn-semiwhite {color: #444; background-color: transparent; border-color: #444; }
.navbar .btn.tra-hover:hover, .navbar .btn.btn-purple.tra-hover:hover,
.navbar .btn.btn-lightgreen.tra-hover:hover,
.navbar .btn.btn-semiwhite.tra-hover:hover { color: #444; background-color: transparent; border-color: #444; }
.header-socials { margin: 4px auto 0; }
.header-socials a { margin-left: 2px; }
.header-socials a, .navbar.scroll .header-socials a { color: #fff; }
.header-socials a.ico-facebook, .navbar.scroll .header-socials a.ico-facebook { background-color: #3b5998; border-color: #3b5998; }
.header-socials a.ico-twitter, .navbar.scroll .header-socials a.ico-twitter { background-color: #00a9ed; border-color: #00a9ed; }
.header-socials a.ico-behance, .navbar.scroll .header-socials a.ico-behance { background-color: #2473f6; border-color: #2473f6; }
.header-socials a.ico-google-plus, .navbar.scroll .header-socials a.ico-google-plus { background-color: #cd1111; border-color: #cd1111; }
.header-socials a.ico-linkedin, .navbar.scroll .header-socials a.ico-linkedin { background-color: #015886; border-color: #015886; }
.header-socials a.ico-dribbble, .navbar.scroll .header-socials a.ico-dribbble { background-color: #d92d84; border-color: #d92d84; }
.header-socials a.ico-instagram, .navbar.scroll .header-socials a.ico-instagram { background-color: #beb3a8; border-color: #beb3a8; }
.header-socials a.ico-pinterest, .navbar.scroll .header-socials a.ico-pinterest { background-color: #ac281a; border-color: #ac281a; }
.header-socials a.ico-youtube, .navbar.scroll .header-socials a.ico-youtube { background-color: #cd1b20; border-color: #cd1b20; }
.header-socials a.ico-tumblr, .navbar.scroll .header-socials a.ico-tumblr { background-color: #3a5976; border-color: #3a5976; }
.header-socials a.ico-vk, .navbar.scroll .header-socials a.ico-vk { background-color: #3b5998; border-color: #3b5998; }
.header-socials a:hover { color: #fff; }  .hero-section { margin-top: 58px; }
#hero-1 { padding-top: 100px; padding-bottom: 140px; }
#hero-3 { padding-top: 100px; padding-bottom: 100px; }
#hero-4 { margin-top: 58px; padding-top: 120px; padding-bottom: 100px; }
#hero-5 { padding-top: 80px; padding-bottom: 80px; }
#hero-6-content { padding-top: 80px; padding-bottom: 300px; }
#hero-8 { padding-top: 80px; padding-bottom: 20px; }
#hero-10 { padding-top: 120px; padding-bottom: 120px; }
#hero-11-txt { padding-top: 90px; padding-bottom: 330px; }
#hero-12 { padding-top: 110px; }
#hero-13-txt { padding-top: 120px; padding-bottom: 60px; }
#hero-14 { padding-top: 120px; padding-bottom: 80px; }
#hero-15-txt { padding-top: 100px; padding-bottom: 140px; }
#hero-16 { padding-top: 80px; }
#hero-17 { padding-top: 80px; padding-bottom: 20px; }
#hero-18 { padding-top: 90px; } .hero-section .hero-slider { height: 530px; } .hero-content { width: 95%; } .hero-section h4, .hero-section h3, .hero-section h2 { margin-bottom: 20px; }
.hero-inner-txt h3  { margin-bottom: 16px; }
#hero-1.hero-section h2 { font-size: 2.75rem; line-height: 1.2; letter-spacing: -0.5px; margin-bottom: 30px; }
.slides h2 { font-size: 3.5rem; letter-spacing: -1px; margin-bottom: 15px; } 
#hero-9 .slides h2 { font-size: 4rem; }
#hero-4.hero-section h2 { font-size: 3rem; }
#hero-7.hero-section h2 { font-size: 4rem; letter-spacing: -2px; margin-bottom: 20px; }
#hero-10.hero-section h2 { font-size: 4rem; }
#hero-16 h2 { font-size: 4rem; letter-spacing: -1px; margin-bottom: 20px; }
#hero-18 h3.h3-xl { margin-bottom: 32px; }
.hero-section h4 span, .hero-section h3 span, .hero-section h2 span { letter-spacing: -1px; padding-bottom: 11px; } .hero-txt p.p-hero { font-size: 1.1rem; margin-bottom: 30px; }
.hero-inner-txt p { margin-bottom: 25px; }
#hero-1 .hero-txt p { padding: 0; }
#hero-2 .hero-txt p, #hero-3 .hero-txt p, #hero-6 .hero-txt p, #hero-9 .hero-txt p, 
#hero-11 .hero-txt p, #hero-15 .hero-txt p { padding: 0 5%; }
#hero-4 .hero-txt p { padding-right: 5%; }
#hero-5 .hero-txt p { padding-right: 8%; }
#hero-14 .hero-txt p { padding-right: 5%; }
#hero-16 .hero-txt p { padding-left: 0; }
#hero-18 .hero-txt p { padding: 0 2%; } .hero-btns { margin-top: 30px; } .hero-inner-block { margin-top: -320px; }
.hero-inner-txt { padding: 0 50px 0 0px; }
.hero-inner-txt .section-id { display: none; } .hero-statistic { margin: -70px 30px 0; padding: 35px 0 0 0; }
.hero-number { font-size: 1.75rem; margin-bottom: 5px; } .discount-banner {  margin-top: -280px ; padding: 45px 30px; }
.discount-banner h2.h2-xl { font-size: 4.5rem; } .hero-links span { font-size: 0.95rem; margin-right: 20px; } .hero-form form {  padding: 40px 30px 40px; margin-right: 0; } .hero-section .newsletter-form { margin: 0 10%; }
.hero-section .newsletter-form .form-control { height: 46px; font-size: 1rem; }
.hero-section .newsletter-form .btn { height: 46px; } .hero-6-image img { margin-top: -250px; }
.hero-14-img { top: 2%; right: -45%; width: 85%; }
#hero-18 .hero-img { margin-top: 50px; }   .page-hero-section { margin-top: 58px; padding-top: 80px; padding-bottom: 80px; }
.page-hero-section h2 { font-size: 3rem; letter-spacing: -0.5px; }
.page-hero-section p { padding: 0 2%; margin-top: 5px; } .about-txt h3.h3-sm { margin-bottom: 20px; }
.about-btn { margin-top: 25px; } #services-1.wide-40 { padding-bottom: 60px; }
.services-txt h3.h3-sm { margin-bottom: 20px; }
.sbox-1 { margin-bottom: 40px; } 
.sbox-2 { padding: 0 10px; }
.sbox-4 { margin-bottom: 30px; } 
.g-sboxes { padding-right: 30px; }
.sbox-1-txt, .sbox-3-txt { padding-left: 20px; } 
.sbox-4-txt { padding-left: 20px; }
.sbox-2 h5 { margin-top: 20px; margin-bottom: 10px; } #content-5, #content-6 { padding-top: 0; padding-bottom: 0; }
#content-7-title { padding-top: 80px; }
#content-3 .content-txt { padding-left: 30px; }
#content-4 .content-txt { padding-right: 30px; }
#content-7-title { padding-bottom: 220px; }
#content-7-boxes { margin-top: -240px; padding-bottom: 40px; }
#content-9 .content-txt { padding: 40px 10px 40px 35px; }
#content-10 .content-txt { padding: 40px 35px 40px 10px; }   
.content-txt h3.h3-sm, .content-txt h3.h3-xs, .content-txt h3.h3-xl { margin-bottom: 20px; }
.content-section .inner-block .content-txt h3.h3-xs { margin-bottom: 15px; }
.content-txt h5.h5-sm { margin-top: 20px; margin-bottom: 15px; }
.content-section .inner-block .content-txt h5.h5-sm { margin-top: 15px; margin-bottom: 0; }
.content-section .inner-block ul.content-list { margin-top: 15px; }
.content-section p.p-lg.m-bottom-25 { margin-bottom: 10px; }
.content-btn { margin-top: 30px; }
ul.content-list li { margin-bottom: 6px; }
.skills.m-top-40 { margin-top: 35px }
#content-7-boxes .col-md-4 { padding: 0 8px; }
.cbox-txt { padding: 25px 20px 20px; }
.cbox-txt h5 { margin-bottom: 10px; }
.content-right-img { top: 0; right: -50%; width: 92%; }
.content-left-img { top: 0; left: -50%; width: 92%; }
#content-9 .content-img { padding-right: 35px; }
#content-10 .content-img { padding-left: 35px; }  
.inner-block img { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
#content-10 .inner-block img { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #banner-1 { padding-top: 100px; padding-bottom: 100px; }
#banner-2 { padding-top: 80px; }
#banner-3 .banner-txt { margin-bottom: 40px; }
#banner-2 .banner-txt h2 { margin-bottom: 20px; }
#banner-1 .banner-txt h2, #banner-3 .banner-txt h3 { margin-bottom: 20px; }
#banner-2 .banner-txt h2 span { letter-spacing: -1.5px; }
#banner-1 .banner-txt p { padding-right: 12%; }
#banner-3 .banner-txt p {padding: 0; }
.banner-btn { margin-top: 30px; } #video-1 { padding-top: 100px; padding-bottom: 100px; }
#video-2 { padding-top: 120px; padding-bottom: 120px; }
#video-3 p { margin-top: 20px; margin-bottom: 40px; padding: 0; } #single-project { margin-top: 55px; }
.project-txt h3.h3-xs { margin-top: 0; }
.grid-item--width1 { width: 50%; }
.btn-toolbar { margin: 0 auto 50px; }
.portfolio-filter .btn-group > .btn { font-size: 0.8rem; font-weight: 600; margin-left: 7px; padding: 0.7rem 1.5rem; }
.project-description h5.h5-sm { margin-top: 2px; }
.project-description span { font-size: 0.95rem; font-weight: 500; } #statistic-1 { padding-top: 70px; padding-bottom: 40px; }
.statistic-title p { padding: 0; }
.small-statistic { margin-top: 25px; }
.statistic-number { font-size: 3rem; letter-spacing: 2px; margin-bottom: 15px; }
.statistic-block h5 { margin-bottom: 7px; }
.small-statistic .statistic-number { font-size: 3.5rem; margin-bottom: 10px; } #pills-tab { margin: 20px auto 30px; }
.nav-pills .nav-link { font-size: 0.95rem; padding: 8px 26px; }
.pricing-section .col-md-4, .pricing-page-section .col-md-4 { padding: 0 5px; }
.pricing-table { padding: 40px 20px; }
.pricing-plan { padding-bottom: 10px; }
.pricing-table span.price { font-size: 56px; line-height: 56px; }
.pricing-table sup { font-size: 35px; top: -5px; right: 2px; }
p.validity { font-size: 1.05rem; margin-top: 5px; }
.pricing-table ul.features { padding: 20px 0 25px; }
.pricing-table ul.features li { font-size: 1rem; padding: 9px 0; }
.pricing-table .btn {font-size: 0.85rem;padding: 0.8rem 1.75rem; }
.pricing-txt { margin-top: 10px; margin-bottom: 40px; }
.pricing-notice .col-md-10.m-top-30 { margin-top: 0; }
.pricing-notice .row.m-top-25.m-bottom-50 { margin-top: 10px; margin-bottom: 40px; } #reviews-2 .quote-icon { margin: 0 auto -65px; }
.review-1 { padding: 0 80px; margin-bottom: 30px; }
.review-2 { margin-bottom: 60px; }
.review-1 .review-txt { padding: 40px 25px 50px; }
.review-1 .testimonial-avatar img, #reviews-2 img { width: 70px; height: 70px; }
.review-1 p { font-size: 1rem; } 
#reviews-2 .review-txt p { font-size: 1.25rem; padding: 0px 5% 10px; }
#reviews-2 .review-author p { font-size: 1rem; margin-bottom: 0; }
#reviews-2 .review-author span { font-size: 0.8rem; } #brands-1 { padding-top: 60px; padding-bottom: 40px; }
#brands-2 .brands-title { margin-bottom: 40px; }
.brands-title h5 { margin-bottom: 25px; }
.brands-title p { padding: 0; }
#pricing-2 .brand-logo, #brands-1 .brand-logo { padding: 0 8px; }
#brands-2 .brand-logo { padding: 0 20px; }
.brand-logo img {padding: 0; } .questions-holder.ind-30 { padding: 0; }
.question { margin-bottom: 25px; }
.question h5 { margin-bottom: 5px; }
.question p { font-size: 1rem; line-height: 1.5; }
.more-questions-btn { margin-top: 25px; }
.faqs-btn { margin-top: 25px; } #cta-1 { padding-top: 80px; padding-bottom: 80px; }
.banner-logo img { width: 80px; height: 80px; }
#cta-2 {  }
#cta-3 {  }
.cta-txt h2.h2-lg { letter-spacing: 0px; margin-bottom: 20px; }
.cta-txt h2.h2-md, .cta-txt h2.h2-xs { margin-bottom: 15px; }
#cta-1 .cta-txt p { padding: 0 8%; }
#cta-2 .cta-txt p { padding: 0 5%; }
#cta-1 .cta-btn, #cta-2 .cta-btn { margin-top: 25px; } #newsletter-1 { padding-top: 70px; padding-bottom: 70px; text-align: center; }
#newsletter-1 .newsletter-txt { margin-bottom: 20px; }
#newsletter-1 .form-control { height: 54px; font-size: 1.2rem; }
#newsletter-1 .newsletter-form .btn { height: 54px; } #single-blog-page { margin-top: 55px; }
#search-field .btn { padding: 18px; }
.sidebar-div.m-bottom-40 { margin-bottom: 30px; }
.sidebar-div.m-bottom-50 { margin-bottom: 40px; }
#sidebar-left h5.h5-sm,
#sidebar-right h5.h5-sm { margin-bottom: 20px; }
.badge { font-size: 0.65rem; margin-bottom: 6px; padding: 3px 8px; }
a.share-ico { width: 70px; height: 30px; font-size: 15px; line-height: 30px !important; margin-right: 2px; }
.single-post-comments hr { margin-top: 20px; margin-bottom: 20px; }
.comment-form .form-control { height: 42px; font-size: 13px; margin-bottom: 15px; }
.comment-form .btn { font-size: 1rem; }
.blog-page-pagination.m-top-80 { margin-top: 50px; } #contacts-1.bg-clouds { padding-bottom: 210px; }
#contacts-2.bg-clouds { padding-bottom: 140px; }
#contacts-3.bg-clouds { padding-bottom: 80px; }
.contact-form .form-control { height: 48px; margin-bottom: 20px; }
#contacts-2 .contact-box { margin-bottom: 20px; }
#contacts-3 .contact-box { margin-bottom: 30px; }
.contact-box .svg-inline--fa { font-size: 3rem; }
.contact-box p { font-size: 1rem; }
.contact-box h5 { margin-top: 15px; margin-bottom: 8px; }
span.support-number { font-size: 1.5rem; }
#gmap { height: 320px; margin-top: 20px; }
#contacts-2 #gmap { height: 280px; margin-bottom: 30px; }
#contacts-map { margin-top: 40px; }
#contacts-map #gmap { height: 330px; } .footer.bg-dark { padding-top: 80px; }
.bg-dark .bottom-footer { padding-bottom: 50px; }
.footer-info { padding-right: 20%;  }
.footer h4, .footer h5 { margin-bottom: 15px; }
.footer-links li { margin: 0 0 8px 0; }
.foo-links { margin: 8px auto 0; }
.foo-links a { width: 38px; height: 38px; font-size: 1.05rem; line-height: 34px!important; margin-right: 3px; }
.footer-form .form-control { font-size: 0.95rem; font-weight: 300; }
.footer-form .svg-inline--fa { font-size: 1.25rem; } .bottom-form { min-width: 240px; max-width: 240px; }
.bottom-form-header { padding: 11px 20px; }
}   @media (max-width: 768px) { 
.animated { visibility: visible; }
@keyframes fadeIn {
from { opacity: 1; }
to {opacity: 1;}
}
@keyframes fadeInRight {
from { opacity: 1; transform: translate3d(0, 0, 0);}
to { opacity: 1; transform: none; }
}
@keyframes fadeInLeft {
from { opacity: 1; transform: translate3d(0, 0, 0);}
to { opacity: 1; transform: none;}
}
@keyframes fadeInUp {
from { opacity: 1; transform: translate3d(0, 0, 0); }
to { opacity: 1; transform: none; }
}
html { font-size: 15px; }  body .vc_section.vc_section-has-fill, 
body .vc_section.vc_section-has-fill + .vc_row-full-width + .vc_section, 
body .vc_section.vc_section-has-fill + .vc_section {
padding-top: 80px;
}
.wide-100 { padding-top: 80px; padding-bottom: 80px; }
.wide-90 { padding-top: 80px; padding-bottom: 70px; }
.wide-80 { padding-top: 80px; padding-bottom: 60px; }
.wide-70 { padding-top: 80px; padding-bottom: 50px; }
.wide-60 { padding-top: 80px; padding-bottom: 40px; }
.wide-50 { padding-top: 80px; padding-bottom: 30px; }
.wide-40 { padding-top: 80px; padding-bottom: 20px; }
.wide-30 { padding-top: 80px; padding-bottom: 10px; }
.wide-20 { padding-top: 80px; padding-bottom: 0; }
.p-top-100, .division.p-top-100 { padding-top: 80px; }
.p-bottom-100 { padding-bottom: 80px; }
.p-bottom-60 { padding-bottom: 40px; }
.ind-5, .ind-10, .ind-15, .ind-20, .ind-25, .ind-30,
.ind-35, .ind-40, .ind-45, .ind-50, .ind-60, .ind-70,
.ind-80, .ind-90, .ind-100 { padding: 0px; }
.p-left-0, .p-left-5, .p-left-10, .p-left-15, .p-left-20, .p-left-25, 
.p-left-30, .p-left-35, .p-left-40, .p-left-45, .p-left-50, .p-left-50, 
.p-left-60, .p-left-70, .p-left-80, .p-left-90, .p-left-100 { padding-left: 0; }
.p-right-0, .p-right-5, .p-right-10, .p-right-15, .p-right-20, .p-right-25,
.p-right-30, .p-right-35, .p-right-40, .p-right-45, .p-right-50, .p-right-50,
.p-right-60, .p-right-70, .p-right-80, .p-right-90, .p-right-100 { padding-right: 0; }  .navbar-brand { margin-right: 0.5rem; }
.bg-light { background-color: #fff!important; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); }
.navbar { text-align: center; }
.dropdown-menu { text-align: center; padding: 0; margin-top: 0; border-top: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.dropdown-divider { margin: 5px 0; }
.dropdown-item { padding: 10px 0; }
.navbar.bg-tra  { padding: 0.75rem 1.1rem; background-color: #fff!important; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); }
.navbar.scroll.bg-tra { padding: 0.75rem 1.1rem; }
.logo-white, .navbar-light.bg-tra .logo-white, .navbar-light.bg-light .logo-white, 
.navbar-dark.bg-tra .logo-white, .navbar-dark.bg-dark .logo-white { display: none; }
.navbar-dark.bg-tra .logo-black, .navbar-light.bg-tra .logo-black, 
.logo-black, .navbar-light.bg-light .logo-black { display: block; }
.bg-tra.navbar-dark .nav-link { color: #333; }
.bg-tra.navbar-dark .navbar-nav .active > .nav-link { color: rgba(0,0,0,.9); }
.navbar-dark .nav-link:focus, .navbar-dark .nav-link:hover { color: #333; background-color: rgba(200, 200, 200, 0.35); }
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: #333; }
.navbar-nav { padding-top: 15px; }
.navbar-expand-lg .navbar-nav .nav-link { font-size: 1.1rem; padding: 10px 0; margin-left: 0; -webkit-border-radius: 0;-moz-border-radius: 0; border-radius: 0; }
.navbar .btn {  margin-top: 8px; margin-left: 0; }
.navbar .btn-tra-white { color: #444; border-color: #444; }
.navbar .btn-semiwhite {color: #444; background-color: transparent; border-color: #444; }
.navbar .btn.tra-hover:hover, .navbar .btn.btn-purple.tra-hover:hover,
.navbar .btn.btn-lightgreen.tra-hover:hover,
.navbar .btn.btn-semiwhite.tra-hover:hover { color: #444; background-color: transparent; border-color: #444; }
.header-socials { margin: 4px auto 0; }
.header-socials a { margin-left: 2px; }
.header-socials a, .navbar.scroll .header-socials a { color: #fff; }
.header-socials a.ico-facebook, .navbar.scroll .header-socials a.ico-facebook { background-color: #3b5998; border-color: #3b5998; }
.header-socials a.ico-twitter, .navbar.scroll .header-socials a.ico-twitter { background-color: #00a9ed; border-color: #00a9ed; }
.header-socials a.ico-behance, .navbar.scroll .header-socials a.ico-behance { background-color: #2473f6; border-color: #2473f6; }
.header-socials a.ico-google-plus, .navbar.scroll .header-socials a.ico-google-plus { background-color: #cd1111; border-color: #cd1111; }
.header-socials a.ico-linkedin, .navbar.scroll .header-socials a.ico-linkedin { background-color: #015886; border-color: #015886; }
.header-socials a.ico-dribbble, .navbar.scroll .header-socials a.ico-dribbble { background-color: #d92d84; border-color: #d92d84; }
.header-socials a.ico-instagram, .navbar.scroll .header-socials a.ico-instagram { background-color: #beb3a8; border-color: #beb3a8; }
.header-socials a.ico-pinterest, .navbar.scroll .header-socials a.ico-pinterest { background-color: #ac281a; border-color: #ac281a; }
.header-socials a.ico-youtube, .navbar.scroll .header-socials a.ico-youtube { background-color: #cd1b20; border-color: #cd1b20; }
.header-socials a.ico-tumblr, .navbar.scroll .header-socials a.ico-tumblr { background-color: #3a5976; border-color: #3a5976; }
.header-socials a.ico-vk, .navbar.scroll .header-socials a.ico-vk { background-color: #3b5998; border-color: #3b5998; }
.header-socials a:hover { color: #fff; }  .hero-section { margin-top: 58px; }   .page-hero-section { margin-top: 58px; padding-top: 80px; padding-bottom: 80px; }
.page-hero-section p { padding: 0 2%; margin-top: 5px; } #services-1.wide-40 { padding-bottom: 60px; }
.sbox-1 { margin-bottom: 40px; }
.sbox-4 { margin-bottom: 30px; }
.sbox-2 h5 { margin-top: 15px; margin-bottom: 10px; } #content-5, #content-6 { padding-top: 0; padding-bottom: 0; }
#content-7-title { padding-top: 80px; }
#content-9 .section-title, #content-10 .section-title { margin-bottom: 45px; }
.content-section .inner-block ul.content-list { margin-top: 15px; }
.content-section p.p-lg.m-bottom-25 { margin-bottom: 10px; }
ul.content-list li { margin-bottom: 6px; }
.image-right.inner-block img,
.image-left.inner-block img { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
#content-10 .inner-block img { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #banner-2 { padding-top: 80px; padding-bottom: 20px; } .project-img { margin-bottom: 40px; }
#single-project { margin-top: 55px; }
.project-txt h3.h3-xs { margin-top: 0; }
.project-description h5.h5-sm { margin-top: 2px; }
.project-description span { font-size: 0.95rem; font-weight: 500; } #statistic-1 { padding-top: 70px; padding-bottom: 40px; }
.small-statistic { margin-top: 25px; } .review-1 { margin-bottom: 30px; }
.review-2 { margin-bottom: 60px; } #cta-2 {  }
#cta-3 {  }
#cta-2 .cta-btn { margin-top: 25px; }
.about-img{ margin-bottom: 0;  } #newsletter-1 { padding-top: 70px; padding-bottom: 70px; text-align: center; }
#newsletter-1 .newsletter-txt { margin-bottom: 20px; } #blog-page.wide-80 { padding-top: 80px; padding-bottom: 40px; }
#sidebar-left,
#sidebar-right { margin-top: 50px; }
#single-blog-page { margin-top: 55px; }
#search-field .btn { padding: 18px;}
.sidebar-div.m-bottom-40 { margin-bottom: 30px; }
.sidebar-div.m-bottom-50 { margin-bottom: 40px; }
#sidebar-left h5.h5-sm,
#sidebar-right h5.h5-sm { margin-bottom: 20px; }
.blog-page-pagination.m-top-80 { margin-top: 50px; } #contacts-map { margin-top: 40px; } .footer.bg-dark { padding-top: 80px; }
.bg-dark .bottom-footer { padding-bottom: 50px; }
}   @media (min-width: 576px) and (max-width: 767.99px) { 
.animated { visibility: visible; }
@keyframes fadeIn {
from { opacity: 1; }
to {opacity: 1;}
}
@keyframes fadeInRight {
from { opacity: 1; transform: translate3d(0, 0, 0);}
to { opacity: 1; transform: none; }
}
@keyframes fadeInLeft {
from { opacity: 1; transform: translate3d(0, 0, 0);}
to { opacity: 1; transform: none;}
}
@keyframes fadeInUp {
from { opacity: 1; transform: translate3d(0, 0, 0); }
to { opacity: 1; transform: none; }
}
html { font-size: 15px; } 
.double-section.wide-50 { padding-bottom: 0; }   h5.h5-xs { font-size: 1.066rem; } h5.h5-sm { font-size: 1.111rem; } h5.h5-md { font-size: 1.14rem; } h5.h5-lg { font-size: 1.15rem; } h5.h5-xl { font-size: 1.2rem; } h4.h4-xs { font-size: 1.23rem; } h4.h4-sm { font-size: 1.3rem; } h4.h4-md { font-size: 1.3rem; } h4.h4-lg { font-size: 1.366rem; } h4.h4-xl { font-size: 1.4rem; }  h3.h3-xs { font-size: 1.45rem; } h3.h3-sm { font-size: 1.54rem; } h3.h3-md { font-size: 1.625rem; } h3.h3-lg { font-size: 1.7rem; } h3.h3-xl { font-size: 1.85rem; }  h2.h2-xs { font-size: 1.9rem; } h2.h2-sm { font-size: 1.95rem; } h2.h2-md { font-size: 2rem; } h2.h2-lg { font-size: 2.1rem; } h2.h2-xl { font-size: 2.2rem; }  p.p-sm { font-size: 0.95rem; } p { font-size: 1rem; } p.p-md { font-size: 1rem; } p.p-lg { font-size: 1rem; } p.p-xl { font-size: 1.05rem; }  .btn.btn-sm { font-size: 0.875rem; padding: 0.7rem 1.6rem; }
.btn { font-size: 0.95rem; padding: 0.8rem 1.75rem; }
.btn.btn-md { font-size: 0.975rem; padding: 0.85rem 1.9rem; }
.btn.btn-lg { font-size: 1rem; padding: 0.875rem 2rem; }
.btn-arrow:hover span, .btn-arrow:focus span { -webkit-transform: translate3d(-7px, 0, 0); transform: translate3d(-7px, 0, 0); }
.btn-arrow:hover .svg-inline--fa, .btn-arrow:focus .svg-inline--fa { opacity: 1; right: -15px; } .modal-video { line-height: 1.75rem; }
.modal-video a span { font-size: 1.75rem; line-height: 1.75rem; margin-right: 3px; }
.modal-video a { font-size: 1.05rem; line-height: 1.75rem; } .video-btn-xs, .video-btn-sm, .video-btn-md, .video-btn-lg { padding: 10px; }
.video-preview .video-btn-xs { margin-top: -30px; margin-left: -30px; }
.video-preview .video-btn-sm { margin-top: -35px; margin-left: -35px; }
.video-preview .video-btn-md { margin-top: -40px; margin-left: -40px; }
.video-preview .video-btn-lg { margin-top: -40px; margin-left: -40px; }
.video-btn-xs, .video-btn .video-btn-xs {width: 80px; height: 80px; }
.video-btn-sm, .video-btn .video-btn-sm { width: 90px; height: 90px; }
.video-btn-md, .video-btn .video-btn-md { width: 100px; height: 100px; }
.video-btn-lg, .video-btn .video-btn-lg { width: 100px; height: 100px; }
.video-btn-xs .svg-inline--fa { width: 60px; height: 60px; }
.video-btn-sm .svg-inline--fa { width: 70px; height: 70px; }
.video-btn-md .svg-inline--fa { width: 80px; height: 80px; }
.video-btn-lg .svg-inline--fa { width: 80px; height: 80px; }
.ico-bkg { top: 30px; left: 30px; }
.video-btn-xs .ico-bkg { top: 25px; width: 30px; height: 30px; }
.video-btn-sm .ico-bkg { top: 25px; left: 30px; width: 33px; height: 45px; }
.video-btn-md .ico-bkg { width: 40px; height: 40px; }
.video-btn-lg .ico-bkg { width: 40px; height: 45px; } .box-icon [class^="flaticon-"]:before, 
.box-icon [class*=" flaticon-"]:before,
.box-icon [class^="flaticon-"]:after, 
.box-icon [class*=" flaticon-"]:after {   
font-size: 3.75rem;
line-height: 3.75rem!important;
}
.box-icon-sm [class^="flaticon-"]:before, 
.box-icon-sm [class*=" flaticon-"]:before,
.box-icon-sm [class^="flaticon-"]:after, 
.box-icon-sm [class*=" flaticon-"]:after {   
font-size: 3.5rem;
line-height: 3.5rem!important;
}
.box-icon-md [class^="flaticon-"]:before, 
.box-icon-md [class*=" flaticon-"]:before,
.box-icon-md [class^="flaticon-"]:after, 
.box-icon-md [class*=" flaticon-"]:after {   
font-size: 3.75rem;
line-height: 3.75rem!important;
} .technologies { margin-top: 25px; }
.technologies p { font-size: 0.85rem; }
.technologies .svg-inline--fa { font-size: 2.4rem;  margin-right: 8px; } a.store { margin-right: 10px; }
.store img.appstore { width: 141px; height: 44px; }
.store img.googleplay { width: 150px; height: 44px; }
.store img.amazon { width: 139px; height: 44px; }
.store img.windows { width: 144px; height: 44px; } .app-devices { padding: 5px 0 0 5px; }
.app-devices .svg-inline--fa { font-size: 2.15rem; }
.app-devices .svg-inline--fa.f-phone { margin-right: 1rem; }
.app-devices-desc p { font-size: 0.95rem; padding-right: 5%; } span.section-id { font-size: 0.85rem; font-weight: 600; letter-spacing: 0.5px; margin-bottom: 20px; } .section-title { margin-bottom: 50px; }
.section-title p { font-size: 1.05rem; padding: 0; }  #hero-1 { padding-top: 100px; padding-bottom: 140px; }
#hero-3 { padding-top: 100px; padding-bottom: 100px; }
#hero-4 { margin-top: 58px; padding-top: 120px; padding-bottom: 100px; }
#hero-5 { padding-top: 80px; padding-bottom: 80px; }
#hero-6-content { padding-top: 80px; padding-bottom: 250px; }
#hero-8 { padding-top: 80px; padding-bottom: 20px; }
#hero-10 { padding-top: 120px; padding-bottom: 120px; }
#hero-11-txt { padding-top: 80px; padding-bottom: 530px; }
#hero-12 { padding-top: 90px; }
#hero-13-txt { padding-top: 80px; padding-bottom: 110px; }
#hero-14 { padding-top: 70px; padding-bottom: 80px; }
#hero-15-txt { padding-top: 90px; padding-bottom: 140px; }
#hero-16 { padding-top: 80px; }
#hero-17 { padding-top: 80px; padding-bottom: 20px; }
#hero-18 { padding-top: 90px; }
#hero-5 .hero-txt, #hero-8 .hero-txt,  #hero-13-txt .hero-txt, 
#hero-14 .hero-txt, #hero-16 .hero-txt, #hero-17 .hero-txt { text-align: center; } .hero-section .hero-slider { height: 500px; } .hero-content { width: 98%; } .hero-section h4, .hero-section h3, .hero-section h2 { margin-bottom: 15px; }
.hero-inner-txt h3  { margin-bottom: 20px; }
.hero-section h4 span, .hero-section h3 span, .hero-section h2 span { letter-spacing: -1px; padding-bottom: 11px; }
#hero-1.hero-section h2 { font-size: 2.25rem; line-height: 1.2; letter-spacing: -0.5px; margin-bottom: 30px; }
.slides h2 { font-size: 2.75rem; letter-spacing: -1px; margin-bottom: 10px; } 
#hero-9 .slides h2 { font-size: 3.25rem; }
#hero-4.hero-section h2 { font-size: 2.5rem; }
#hero-7.hero-section h2 { font-size: 3.25rem; letter-spacing: -2px; margin-bottom: 20px; }
#hero-10.hero-section h2 { font-size: 3.25rem; }
#hero-16 h2 { font-size: 3.25rem; letter-spacing: -1px; margin-bottom: 15px; }
#hero-18 h3.h3-xl { margin-bottom: 28px; padding: 0 5%; }
.hero-section h4 span, .hero-section h3 span, .hero-section h2 span { letter-spacing: -1px; padding-bottom: 11px; } .hero-txt p.p-hero { font-size: 1.05rem; margin-bottom: 25px; }
.hero-inner-txt p { margin-bottom: 25px; }
#hero-1 .hero-txt p, #hero-15 .hero-txt p { padding: 0; }
#hero-2 .hero-txt p, #hero-6 .hero-txt p, #hero-8 .hero-txt p, #hero-11 .hero-txt p { padding: 0 8%; }
#hero-3 .hero-txt p, #hero-5 .hero-txt p, #hero-9 .hero-txt p, #hero-11 .hero-txt p, #hero-18 .hero-txt p { padding: 0 5%; }
#hero-4 .hero-txt p { padding-right: 12%; }
#hero-14 .hero-txt p { padding-right: 5%; }
#hero-16 .hero-txt p { padding: 0 8%; margin-bottom: 10px; } .hero-btns { margin-top: 20px; } .hero-inner-block { margin: -510px 5px 0; }
.hero-inner-txt { padding: 50px; text-align: left!important; }
.hero-inner-img img { -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .discount-banner { margin: -65px 15% 0; text-align: center; padding: 45px 5%; }
.discount-banner h2.h2-xl { font-size: 5rem; } .hero-links { margin-top: 5px; }
.hero-links span { font-size: 0.95rem; margin-right: 18px; } .hero-statistic { margin: -70px 0 0; padding: 35px 10px 0; }
.hero-number { font-size: 1.65rem; margin-bottom: 5px; } .hero-form form { padding: 55px 40px 55px; margin: 40px 8% 0; } .hero-section .newsletter-form { margin: 0 10%; }
.hero-section .newsletter-form .form-control { height: 46px; font-size: 1rem; }
.hero-section .newsletter-form .btn { height: 46px; } .hero-6-image img { margin-top: -210px; }
#hero-8 .hero-img { margin: 40px 15% 0; } 
.hero-14-img { position: relative!important; top: 0; right: 0; width: 95%; margin: 30px 10px 0; }
#hero-16 .hero-img { margin: 0 10%; }
#hero-17 .hero-img { margin: 30px 10% 0; } 
#hero-18 .hero-img { margin-top: 40px; }   .page-hero-section h2 { font-size: 2.25rem; letter-spacing: -0.5px; } #about-2 .about-txt { margin-bottom: 0; }
.about-txt h3.h3-sm { margin-bottom: 15px; }
.skills.m-top-30 { margin-top: 15px; }
.about-btn { margin-top: 25px; } #services-3 { padding-top: 80px; padding-bottom: 40px; }
.g-sboxes { margin-bottom: 50px; }
.sbox-2 { padding: 0 15%; }
.sbox-3 { margin-bottom: 40px; } 
.services-txt h3.h3-sm { margin-bottom: 15px; }
.sbox-1-txt, .sbox-3-txt { padding-left: 22px; } 
.sbox-4-txt { padding-left: 22px; } #content-5, #content-6 { padding-top: 0; padding-bottom: 0; }
#content-7-title { padding-bottom: 140px; }
#content-7-boxes { margin-top: -150px; padding-bottom: 40px; }
#content-3 .content-txt { padding-left: 0; margin-bottom: 50px; }
#content-4 .content-txt { padding-right: 0; margin-bottom: 50px; }
#content-9 .content-txt, #content-10 .content-txt { padding: 50px 40px; }
.content-txt h3.h3-sm, .content-txt h3.h3-xs, .content-txt h3.h3-xl { margin-bottom: 15px; }
.content-txt h5.h5-sm { margin-top: 20px; margin-bottom: 15px; }
.cbox-txt { padding: 30px 30px 20px; }
.cbox-txt h5 { margin-bottom: 10px; }
.content-btn { margin-top: 20px; }
.skills.m-top-40 { margin-top: 30px }
.content-3-img, .content-4-img { 
background-position: center center; 
position: relative;
left: 0;
height: 350px; 
width: auto!important; 
margin-left: 30px; 
margin-right: 30px; 
}
.content-right-img { position: relative!important; display: inline-block; top: 0; right: 0; width: 90%; margin: 30px 35px 0; }
.content-left-img { position: relative!important; display: block; top: 0; left: 0; width: 90%; margin: 30px auto 0; } #banner-1 { padding-top: 80px; padding-bottom: 80px; }
#banner-3 { padding-top: 80px; }
#banner-1, #banner-2 { text-align: center; }
#banner-3 .banner-txt { margin-bottom: 40px; }
#banner-1 .banner-txt h2, #banner-2 .banner-txt h2 { margin-bottom: 15px; }
#banner-3 .banner-txt h3 { margin-bottom: 15px; }
#banner-2 .banner-txt h2 span { letter-spacing: -1.5px; }
#banner-1 .banner-txt p, #banner-2 .banner-txt p { padding: 0 5%; }
#banner-3 .banner-txt p { padding: 0 5%; }
.banner-btn { margin-top: 25px; }
#banner-2 .banner-img { margin: 0 15%; } #video-1 { padding-top: 80px; padding-bottom: 80px; }
#video-2 { padding-top: 100px; padding-bottom: 100px; }
#video-1 .video-btn.m-top-25 { margin-top: 15px; }
#video-3 p { margin-top: 15px; margin-bottom: 40px; padding: 0 5%; } .btn-toolbar { margin: 0 auto 50px; }
.portfolio-filter .btn-group > .btn { font-size: 0.75rem; font-weight: 600; margin-left: 5px; padding: 0.7rem 1.5rem; }
.grid-item--width1 { width: 50%; }
.grid-item--width1 img{ width: 100%;  } #statistic-2 p { padding: 0; }
.statistic-number { font-size: 3.5rem; letter-spacing: 2px; margin-bottom: 15px; }
.small-statistic .statistic-number { font-size: 3.25rem; margin-bottom: 10px; }
.statistic-block h5 { margin-bottom: 7px; } #pills-tab { margin: 20px auto 30px; }
.nav-pills .nav-link { font-size: 0.95rem; padding: 8px 26px; }
.pricing-section .col-md-4, .pricing-page-section .col-md-4 { padding: 0 12%; }
.pricing-txt { margin-top: 15px; margin-bottom: 40px; }
.pricing-notice .col-md-10.m-top-30 { margin-top: 10px; }
.pricing-notice .row.m-top-25.m-bottom-50 { margin-top: 10px; margin-bottom: 40px; } #reviews-2 { padding-top: 60px; padding-bottom: 60px; }
.review-1 { padding: 0 30px; }
.review-1 .testimonial-avatar img, #reviews-2 img { width: 70px; height: 70px; }
.review-1 p { font-size: 1rem; } 
#reviews-2 .review-txt p { font-size: 1.25rem; padding: 0px 5% 10px; }
#reviews-2 .review-author p { font-size: 1rem; margin-bottom: 0; }
#reviews-2 .review-author span { font-size: 0.8rem; } #brands-1 { padding-top: 60px; padding-bottom: 40px; }
#brands-2 .brands-title { margin-bottom: 40px; }
.brands-title h5 { margin-bottom: 25px; }
.brands-title p { padding: 0; }
#pricing-2 .brand-logo, #brands-1 .brand-logo { width: 33.333%; display: inline-block; padding: 0 20px; margin-bottom: 20px; }
#brands-2 .brand-logo { padding: 0 20px; }
.brand-logo img {padding: 0; } .questions-holder.ind-30 { padding: 0; }
.question { margin-bottom: 25px; }
.question h5 { margin-bottom: 5px; }
.question p { font-size: 1rem; line-height: 1.5; }
.more-questions-btn { margin-top: 25px; }
.faqs-btn { margin-top: 25px; } #cta-1 { padding-top: 80px; padding-bottom: 70px; }
.banner-logo img { width: 80px; height: 80px; }
#cta-3, #cta-3 .col-lg-6.text-right { text-align: center!important; }
#cta-3, .cta-txt { margin-bottom: 15px; }
.cta-txt h2.h2-lg { padding: 0 2%; letter-spacing: 0px; margin-bottom: 15px; }
.cta-txt h2.h2-md, .cta-txt h2.h2-xs { margin-bottom: 15px; }
#cta-1 .cta-txt p { padding: 0 5%; }
#cta-2 .cta-txt p { padding: 0 5%; }
#cta-3 .cta-txt p { padding: 0 8%; }
#cta-1 .cta-btn, #cta-2 .cta-btn { margin-top: 25px; } .all-posts-btn.m-top-30 { margin-top: 10px; } #newsletter-1 .newsletter-txt { margin-bottom: 20px; }
#newsletter-1 .newsletter-form  { margin: 0 10%; }
#newsletter-1 .form-control { height: 54px; font-size: 1.05rem; }
#newsletter-1 .newsletter-form .btn { height: 54px; } #contacts-4 { text-align: center; }
#contacts-1.bg-clouds { padding-bottom: 180px; }
#contacts-2.bg-clouds { padding-bottom: 100px; }
#contacts-3.bg-clouds { padding-bottom: 100px; }
#contacts-4 .contact-info { padding: 0 10%; }
.contact-form .form-control { height: 48px; margin-bottom: 20px; }
#contacts-2 .contact-box { margin-bottom: 20px; }
#contacts-3 .contact-box { margin-bottom: 30px; }
.contact-box .svg-inline--fa { font-size: 2.75rem; }
.contact-box p { font-size: 1rem; }
.contact-box h5 { margin-top: 10px; margin-bottom: 8px; }
.contacts-section h3.h3-lg { margin-bottom: 15px; }
p.support-number-txt { margin-top: 20px; }
span.support-number { font-size: 1.5rem; }
#gmap { height: 320px; margin-top: 20px; }
#contacts-2 #gmap { height: 280px; margin-bottom: 35px; }
#contacts-map #gmap { height: 300px; } .footer-info { padding-right: 5%;  }
.footer h4, .footer h5 { margin-bottom: 15px; }
.footer-links li { margin: 0 0 8px 0; }
.foo-links { margin: 8px auto 0; }
.foo-links a { width: 38px; height: 38px; font-size: 1.05rem; line-height: 34px!important; margin-right: 3px; }
.footer-form .form-control { font-size: 0.95rem; font-weight: 300; }
.footer-form .svg-inline--fa { font-size: 1.25rem; } .bottom-form { min-width: 240px; max-width: 240px; right: 3.5em; }
.bottom-form-header { padding: 11px 20px; }
}   @media (max-width: 575px) { 
.animated { visibility: visible; }
@keyframes fadeIn {
from { opacity: 1; }
to {opacity: 1;}
}
@keyframes fadeInRight {
from { opacity: 1; transform: translate3d(0, 0, 0);}
to { opacity: 1; transform: none; }
}
@keyframes fadeInLeft {
from { opacity: 1; transform: translate3d(0, 0, 0);}
to { opacity: 1; transform: none;}
}
@keyframes fadeInUp {
from { opacity: 1; transform: translate3d(0, 0, 0); }
to { opacity: 1; transform: none; }
}
html { font-size: 14px; } 
.double-section.wide-50 { padding-bottom: 0; }   p.p-sm { font-size: 0.95rem; } p { font-size: 1rem; } p.p-md { font-size: 1rem; } p.p-lg { font-size: 1.035rem; } p.p-xl { font-size: 1.07rem; }  .btn.btn-sm { font-size: 0.875rem; padding: 0.7rem 1.6rem; }
.btn { font-size: 0.95rem; padding: 0.8rem 1.75rem; }
.btn.btn-md { font-size: 0.975rem; padding: 0.85rem 1.9rem; }
.btn.btn-lg { font-size: 1rem; padding: 0.875rem 2rem; }
.btn-arrow:hover span, .btn-arrow:focus span { -webkit-transform: translate3d(-7px, 0, 0); transform: translate3d(-7px, 0, 0); }
.btn-arrow:hover .svg-inline--fa, .btn-arrow:focus .svg-inline--fa { opacity: 1; right: -15px; } .modal-video { line-height: 1.75rem; }
.modal-video a span { font-size: 1.75rem; line-height: 1.75rem; margin-right: 3px; }
.modal-video a { font-size: 1.05rem; line-height: 1.75rem; } .video-btn-xs, .video-btn-sm, .video-btn-md, .video-btn-lg { padding: 10px; }
.video-preview .video-btn-xs { margin-top: -30px; margin-left: -30px; }
.video-preview .video-btn-sm { margin-top: -35px; margin-left: -35px; }
.video-preview .video-btn-md { margin-top: -40px; margin-left: -40px; }
.video-preview .video-btn-lg { margin-top: -40px; margin-left: -40px; }
.video-btn-xs, .video-btn .video-btn-xs {width: 80px; height: 80px; }
.video-btn-sm, .video-btn .video-btn-sm { width: 90px; height: 90px; }
.video-btn-md, .video-btn .video-btn-md { width: 100px; height: 100px; }
.video-btn-lg, .video-btn .video-btn-lg { width: 100px; height: 100px; }
.video-btn-xs .svg-inline--fa { width: 60px; height: 60px; }
.video-btn-sm .svg-inline--fa { width: 70px; height: 70px; }
.video-btn-md .svg-inline--fa { width: 80px; height: 80px; }
.video-btn-lg .svg-inline--fa { width: 80px; height: 80px; }
.ico-bkg { top: 30px; left: 30px; }
.video-btn-xs .ico-bkg { top: 25px; width: 30px; height: 30px; }
.video-btn-sm .ico-bkg { top: 25px; left: 30px; width: 33px; height: 45px; }
.video-btn-md .ico-bkg { width: 40px; height: 40px; }
.video-btn-lg .ico-bkg { width: 40px; height: 45px; } .box-icon [class^="flaticon-"]:before, 
.box-icon [class*=" flaticon-"]:before,
.box-icon [class^="flaticon-"]:after, 
.box-icon [class*=" flaticon-"]:after {   
font-size: 3.75rem;
line-height: 3.75rem!important;
}
.box-icon-sm [class^="flaticon-"]:before, 
.box-icon-sm [class*=" flaticon-"]:before,
.box-icon-sm [class^="flaticon-"]:after, 
.box-icon-sm [class*=" flaticon-"]:after {   
font-size: 3.5rem;
line-height: 3.5rem!important;
}
.box-icon-md [class^="flaticon-"]:before, 
.box-icon-md [class*=" flaticon-"]:before,
.box-icon-md [class^="flaticon-"]:after, 
.box-icon-md [class*=" flaticon-"]:after {   
font-size: 3.75rem;
line-height: 3.75rem!important;
} .technologies { margin-top: 25px; }
.technologies p { font-size: 0.85rem; }
.technologies .svg-inline--fa { font-size: 2.4rem;  margin-right: 8px; } a.store { margin-right: 8px; }
.store img.appstore { width: 128px; height: 40px; }
.store img.googleplay { width: 137px; height: 40px; }
.store img.amazon { width: 126px; height: 44px; }
.store img.windows { width: 131px; height: 40px; } .app-devices { padding: 5px 0 0 5px; }
.app-devices .svg-inline--fa { font-size: 2.15rem; }
.app-devices .svg-inline--fa.f-phone { margin-right: 1rem; }
.app-devices-desc p { font-size: 0.95rem; padding-right: 5%; }  .navbar-brand { width: 50%; text-align: left; }
.logo-black img { height: 82%; }  .hero-section { margin-top: 52px; } 
#hero-4 .hero-txt, #hero-5 .hero-txt, #hero-8 .hero-txt, #hero-12 .hero-txt, #hero-13-txt .hero-txt,
#hero-14 .hero-txt, #hero-16 .hero-txt, #hero-17 .hero-txt { text-align: center; } .image-left .hero-inner-img img,
.image-right .hero-inner-img img { -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; }   .page-hero-section { margin-top: 58px; padding-top: 60px; padding-bottom: 60px; }
.page-hero-section h2 { font-size: 2.15rem; letter-spacing: -0.5px; }
.page-hero-section p { padding: 0 5%; margin-top: 5px; } #about-2 .about-txt { margin-bottom: 0; }
.about-txt h3.h3-sm { margin-bottom: 15px; }
.about-btn { margin-top: 25px; } #services-3 { padding-top: 80px; padding-bottom: 40px; }
.g-sboxes { margin-bottom: 50px; }
.sbox-2 { padding: 0 15%; }
.sbox-3 { margin-bottom: 40px; } 
.services-txt h3.h3-sm { margin-bottom: 15px; }
.sbox-1-txt, .sbox-3-txt { padding-left: 20px; } 
.sbox-4-txt { padding-left: 20px; }
#services-4 .services-img { margin: 0 10%; } #content-5, #content-6 { padding-top: 0; padding-bottom: 0; }
#content-7-title { padding-bottom: 140px; }
#content-7-boxes { margin-top: -150px; padding-bottom: 40px; }
#content-3 .content-txt { padding-left: 0; margin-bottom: 40px; }
#content-4 .content-txt { padding-right: 0; margin-bottom: 40px; }
#content-5 .content-txt, #content-6 .content-txt { padding-left: 15px; padding-right: 15px; }
#content-9 .content-txt { padding: 40px 25px; }
#content-10 .content-txt { padding: 40px 25px 30px; }
.content-txt h3.h3-sm, .content-txt h3.h3-xs, .content-txt h3.h3-xl { margin-bottom: 15px; }
.content-txt h5.h5-sm { margin-top: 20px; margin-bottom: 15px; }
.content-btn { margin-top: 25px; }
.skills.m-top-40 { margin-top: 30px }
.cbox-txt { padding: 20px 20px 15px; }
.cbox-txt h5 { margin-bottom: 10px; }
.content-3-img, .content-4-img { 
background-position: center center; 
position: relative;
left: 0;
height: 300px; 
width: auto!important; 
margin-left: 15px; 
margin-right: 15px; 
}
.content-right-img { position: relative!important; display: inline-block; top: 0; right: 0; width: 90%; margin: 30px 35px 0; }
.content-left-img { position: relative!important; display: inline-block; top: 0; left: 0; width: 90%; margin: 0 35px 40px; } #pills-tab {display: block; width: 100%; margin-top: 20px; margin-bottom: 25px; }
.nav-pills { background-color: transparent;border: none; }
.nav-pills .nav-link { 
width: 100%; 
float: none!important; 
font-size: 0.9rem; 
padding: 9px 22px; 
border: 1px solid #ccc; 
margin-left: 0; 
margin-bottom: 7px; 
}
.pricing-notice .col-md-10.m-top-30 { margin-top: 0; }
.pricing-notice .row.m-top-25.m-bottom-50 { margin-top: 10px; margin-bottom: 40px; }
.pricing-txt { margin-top: 15px; margin-bottom: 40px; } #banner-1 { padding-top: 80px; padding-bottom: 80px; }
#banner-3 { padding-top: 80px; }
#banner-1, #banner-2 { text-align: center; }
#banner-3 .banner-txt { margin-bottom: 30px; }
#banner-1 .banner-txt h2, #banner-2 .banner-txt h2 { margin-bottom: 15px; }
#banner-3 .banner-txt h3 { margin-bottom: 15px; }
#banner-2 .banner-txt h2 span { letter-spacing: -1.5px; }
#banner-1 .banner-txt p, #banner-2 .banner-txt p, #banner-3 .banner-txt p { padding: 0 2%; }
.banner-btn { margin-top: 25px; }
#banner-2 .banner-img { margin: 0 10%; } #video-1 { padding-top: 80px; padding-bottom: 80px; }
#video-2 { padding-top: 100px; padding-bottom: 100px; }
#video-1 .video-btn.m-top-25 { margin-top: 15px; }
#video-3 p { margin-top: 15px; margin-bottom: 40px; padding: 0 5%; } #single-project { margin-top: 50px; }
.btn-toolbar { display: block; width: 100%; margin-bottom: 50px; }
.btn-group {display: block; }
.portfolio-filter .btn-group > .btn  { width: 100%; float: none!important; font-size: 0.8rem; padding: 0.85rem 1.65rem; margin-left: 0; margin-bottom: 7px; }
.grid-item--width1 { width: 100%; }
.grid-item--width1 img{
width: 100%;
} #statistic-2 p { padding: 0; }
.statistic-title { margin-bottom: 30px; }
.small-statistic { margin-top: 25px; }
.small-statistic .col-sm-4 { width: 40%; float: left; }
.statistic-number { font-size: 3.25rem; letter-spacing: 2px; margin-bottom: 15px; }
.small-statistic .statistic-number { font-size: 2.75rem; margin-bottom: 8px; }
.statistic-block h5 { margin-bottom: 5px; }
.small-statistic .statistic-block h5 { margin-left: 0; } #reviews-2 {  }
.review-1 { padding: 0 10px; }
.review-1 .testimonial-avatar img, #reviews-2 img { width: 70px; height: 70px; }
.review-1 p { font-size: 1rem; } 
#reviews-2 .review-txt p { font-size: 1.25rem; padding: 0px 5% 10px; }
#reviews-2 .review-author p { font-size: 1rem; margin-bottom: 0; }
#reviews-2 .review-author span { font-size: 0.8rem; } #brands-1 {  }
.brands-section { text-align: center; }
#brands-2 .brands-title { margin-bottom: 40px; }
.brands-title p { padding: 0; }
#pricing-2 .brand-logo, #brands-1 .brand-logo { width: 50%; display: inline-block; padding: 0 5px; }
#brands-3 .brand-logo { padding: 0 5px; margin-bottom: 0; }
.brand-logo img {padding: 0; } .questions-holder.ind-30 { padding: 0; }
.question { margin-bottom: 25px; }
.question h5 { margin-bottom: 5px; }
.question p { font-size: 1rem; line-height: 1.5; }
.more-questions-btn { margin-top: 25px; }
.faqs-btn { margin-top: 25px; } #cta-1 {  }
#cta-3 {  }
.banner-logo { margin-bottom: 15px; }
.banner-logo img { width: 80px; height: 80px; }
#cta-3, #cta-3 .col-lg-6.text-right { text-align: center!important; }
#cta-3 .cta-txt { margin-bottom: 15px; }
.cta-txt h2.h2-lg { padding: 0 2%; letter-spacing: 0px; margin-bottom: 15px; }
.cta-txt h2.h2-md, .cta-txt h2.h2-xs { margin-bottom: 15px; }
.cta-txt h2.h2-xs { padding: 0 8%; }
#cta-1 .cta-txt p { padding: 0 5%; }
#cta-2 .cta-txt p { padding: 0 5%; }
#cta-3 .cta-txt p { padding: 0 8%; }
#cta-1 .cta-btn, #cta-2 .cta-btn { margin-top: 25px; } #newsletter-1 .newsletter-txt { margin-bottom: 20px; }
#newsletter-1 .newsletter-form  { margin: 0 10%; }
#newsletter-1 .form-control { height: 54px; font-size: 1.05rem; }
#newsletter-1 .newsletter-form .btn { height: 54px; } a.share-ico { width: 70px; height: 30px; font-size: 15px; line-height: 30px !important; margin-right: 2px; }
.comment-form .form-control { height: 42px; font-size: 13px; margin-bottom: 15px; }
.comment-form .btn { font-size: 1rem; } #contacts-4 { text-align: center; }
#contacts-1.bg-clouds { padding-bottom: 160px; }
#contacts-2.bg-clouds { padding-bottom: 100px; }
#contacts-3.bg-clouds { padding-bottom: 80px; }
#contacts-4 .contact-info { padding: 0 5%; }
.contact-form .form-control { height: 48px; margin-bottom: 20px; }
#contacts-2 .contact-box { margin-bottom: 20px; }
#contacts-3 .contact-box { margin-bottom: 30px; }
.form-btn.text-right { text-align: left!important; }
.contact-box .svg-inline--fa { font-size: 2.75rem; }
.contact-box p { font-size: 1rem; }
.contact-box h5 { margin-top: 10px; margin-bottom: 8px; }
.contacts-section h3.h3-lg { margin-bottom: 15px; }
p.support-number-txt { margin-top: 20px; }
span.support-number { font-size: 1.5rem; }
#gmap { height: 320px; margin-top: 20px; }
#contacts-2 #gmap { height: 280px; margin-bottom: 35px; }
#contacts-map #gmap { height: 280px; } .footer-info { padding-right: 5%;  }
.footer h4, .footer h5 { margin-bottom: 15px; }
.footer-links li { margin: 0 0 8px 0; }
.foo-links { margin: 8px auto 0; }
.foo-links a { width: 38px; height: 38px; font-size: 1.05rem; line-height: 34px!important; margin-right: 3px; }
.footer-form .form-control { font-size: 0.95rem; font-weight: 300; }
.footer-form .svg-inline--fa { font-size: 1.25rem; }
.vc_row-fluid.vc_row-no-padding .vc_column_container, .vc_row-fluid.vc_row-no-padding{
position: relative !important;
}
}   @media (min-width: 416px) and (max-width: 575.99px) { 
html { font-size: 14px; }   h5.h5-xs { font-size: 1.125rem; } h5.h5-sm { font-size: 1.15rem; } h5.h5-md { font-size: 1.15rem; } h5.h5-lg { font-size: 1.16rem; } h5.h5-xl { font-size: 1.16rem; } h4.h4-xs { font-size: 1.2rem; } h4.h4-sm { font-size: 1.2rem; } h4.h4-md { font-size: 1.232rem; } h4.h4-lg { font-size: 1.283rem; } h4.h4-xl { font-size: 1.35rem; }  h3.h3-xs { font-size: 1.415rem; } h3.h3-sm { font-size: 1.47rem; } h3.h3-md { font-size: 1.55rem; } h3.h3-lg { font-size: 1.625rem; } h3.h3-xl { font-size: 1.7rem; }  h2.h2-xs { font-size: 1.74rem; line-height: 1.3; } h2.h2-sm { font-size: 1.8rem; line-height: 1.3; } h2.h2-md { font-size: 1.9rem; line-height: 1.3; } h2.h2-lg { font-size: 2rem; line-height: 1.3; } h2.h2-xl { font-size: 2.1rem; line-height: 1.3; }  span.section-id { font-size: 0.85rem; font-weight: 600; letter-spacing: 0.5px; margin-bottom: 20px; } .section-title { margin-bottom: 50px; }
.section-title p { font-size: 1.05rem; padding: 0; }  #hero-1 { padding-top: 100px; padding-bottom: 140px; }
#hero-3 { padding-top: 100px; padding-bottom: 100px; }
#hero-4 { margin-top: 58px; padding-top: 100px; padding-bottom: 100px; }
#hero-5 { padding-top: 80px; padding-bottom: 80px; }
#hero-6-content { padding-top: 80px; padding-bottom: 170px; }
#hero-8 { padding-top: 80px; padding-bottom: 20px; }
#hero-10 { padding-top: 100px; padding-bottom: 100px; }
#hero-11-txt { padding-top: 80px; padding-bottom: 560px; }
#hero-12 { padding-top: 70px; }
#hero-13-txt { padding-top: 80px; padding-bottom: 110px; }
#hero-14 { padding-top: 70px; padding-bottom: 80px; }
#hero-15-txt { padding-top: 80px; padding-bottom: 120px; }
#hero-16 { padding-top: 70px; }
#hero-17 { padding-top: 70px; padding-bottom: 20px; }
#hero-18 { padding-top: 80px; } .hero-section .hero-slider { height: 450px; }
.hero-section .slides { top: 49%; } .hero-content { width: 98%; } .hero-section h4, .hero-section h3, .hero-section h2 { margin-bottom: 15px; }
.hero-inner-txt h3  { margin-bottom: 20px; }
.hero-section h4 span, .hero-section h3 span, .hero-section h2 span { letter-spacing: -1px; padding-bottom: 11px; }
#hero-1.hero-section h2 { font-size: 1.9rem; line-height: 1.4; letter-spacing: -0.5px; margin-bottom: 30px; }
.slides h2 { font-size: 2.25rem; letter-spacing: -1px; margin-bottom: 10px; } 
#hero-9 .slides h2 { font-size: 2.5rem; }
#hero-4.hero-section h2 { font-size: 2rem; }
#hero-7.hero-section h2 { font-size: 2.5rem; letter-spacing: -2px; margin-bottom: 20px; }
#hero-10.hero-section h2 { font-size: 2.5rem; }
#hero-10.hero-section h4 {  padding: 0 15%; line-height: 1.4; }
#hero-16 h2 { font-size: 2.5rem; letter-spacing: -1px; margin-bottom: 15px; }
#hero-17 h2 { padding: 0 4%; }
#hero-18 h3.h3-xl { line-height: 1.3; margin-bottom: 25px; padding: 0 2%; }
.hero-section h4 span, .hero-section h3 span, .hero-section h2 span { letter-spacing: -1px; padding-bottom: 11px; } .hero-txt p.p-hero { font-size: 1.05rem; margin-bottom: 25px; }
.hero-inner-txt p { margin-bottom: 25px; }
#hero-1 .hero-txt p, #hero-5 .hero-txt p, #hero-15 .hero-txt p { padding: 0; }
#hero-2 .hero-txt p, #hero-4 .hero-txt p, #hero-6 .hero-txt p, #hero-8 .hero-txt p, #hero-11 .hero-txt p,
#hero-3 .hero-txt p, #hero-9 .hero-txt p, #hero-11 .hero-txt p, #hero-18 .hero-txt p { padding: 0 2%; }
#hero-14 .hero-txt p { padding-right: 5%; }
#hero-16 .hero-txt p { padding: 0 5%; margin-bottom: 5px; } .hero-btns { margin-top: 18px; } .hero-inner-block { margin: -540px 5px 0; }
.hero-inner-txt { padding: 40px; text-align: left!important; }
.hero-inner-img img { -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .discount-banner { margin: -65px 15% 0; text-align: center; padding: 35px 5%; }
.discount-banner h2.h2-xl { font-size: 4rem; } .hero-links { margin-top: 8px; }
.hero-links span { display: block; font-size: 0.95rem; margin: 0; margin-bottom: 12px; } .hero-statistic { margin: -70px 15% 0; padding: 30px 20px 0; }
.hero-number { font-size: 1.65rem; margin-bottom: 5px; } .hero-form form { padding: 55px 40px 55px; margin: 40px 4% 0; } .hero-section .newsletter-form { margin: 25px 5% 0; }
.hero-section .newsletter-form .form-control { height: 44px; font-size: 1rem; }
.hero-section .newsletter-form .btn { height: 44px; } .hero-6-image img { margin-top: -130px; }
#hero-8 .hero-img { margin: 40px 12% 0; } 
.hero-14-img { position: relative!important; top: 0; right: 0; width: 90%; margin: 30px 4% 0; }
#hero-16 .hero-img { margin: 0 10%; }
#hero-17 .hero-img { margin: 30px 10% 0; } 
#hero-18 .hero-img { margin-top: 40px; }   .brands-section { width: 100%; text-align: center; }
#pricing-2 .brand-logo, #brands-1 .brand-logo { padding: 0 20px; margin-bottom: 0px; }
#brands-2 .col-sm-4 { width: 50%; float: left!important; }
#brands-2 .brand-logo { padding: 0 20px; margin-bottom: 15px; } #quick-form { display: none; }
}   @media (min-width: 321px) and (max-width: 415px) { 
html { font-size: 14px; }   h5.h5-xs { font-size: 1rem; } h5.h5-sm { font-size: 1.05rem; } h5.h5-md { font-size: 1.1rem; } h5.h5-lg { font-size: 1.1rem; } h5.h5-xl { font-size: 1.1rem; }  h4.h4-xs { font-size: 1.1rem; line-height: 1.3; } h4.h4-sm { font-size: 1.15rem; line-height: 1.3; } h4.h4-md { font-size: 1.15rem; line-height: 1.3; } h4.h4-lg { font-size: 1.15rem; line-height: 1.3; } h4.h4-xl { font-size: 1.2rem; line-height: 1.3; }  h3.h3-xs { font-size: 1.283rem; line-height: 1.3; } h3.h3-sm { font-size: 1.35rem; line-height: 1.3; } h3.h3-md { font-size: 1.415rem; line-height: 1.3; } h3.h3-lg { font-size: 1.465rem; line-height: 1.3; } h3.h3-xl { font-size: 1.465rem; line-height: 1.3; }  h2.h2-xs { font-size: 1.515rem; line-height: 1.3; } h2.h2-sm { font-size: 1.52rem; line-height: 1.3; } h2.h2-md { font-size: 1.58rem; line-height: 1.3; } h2.h2-lg { font-size: 1.7rem; line-height: 1.3; } h2.h2-xl { font-size: 1.7rem; line-height: 1.3; }  a.store { display: block; margin-right: 0; margin-bottom: 8px; } span.section-id { font-size: 0.85rem; font-weight: 600; letter-spacing: 0.5px; margin-bottom: 20px; } .section-title { margin-bottom: 50px; }
.section-title p { font-size: 1rem; padding: 0; }  #hero-1 { padding-top: 60px; padding-bottom: 80px; }
#hero-3 { background-position: right center; padding-top: 80px; padding-bottom: 80px; }
#hero-4 { background-position: left bottom;  margin-top: 52px; padding-top: 80px; padding-bottom: 80px; }
#hero-5 { padding-top: 60px; padding-bottom: 60px; }
#hero-6-content { padding-top: 60px; padding-bottom: 130px; }
#hero-8 { padding-top: 60px; padding-bottom: 20px; }
#hero-10 { padding-top: 80px; padding-bottom: 80px; }
#hero-11-txt { padding-top: 60px; padding-bottom: 500px; }
#hero-12 { padding-top: 60px; }
#hero-13-txt { padding-top: 70px; padding-bottom: 110px; }
#hero-14 { padding-top: 60px; padding-bottom: 60px; }
#hero-15-txt { padding-top: 70px; padding-bottom: 140px; }
#hero-16 { padding-top: 60px; }
#hero-17 { padding-top: 60px; padding-bottom: 20px; }
#hero-18 { padding-top: 70px; } .hero-section .hero-slider { height: 420px; }
.hero-section .slides { top: 49%; } .hero-content { width: 98%; } .hero-section h4, .hero-section h3, .hero-section h2 { margin-bottom: 15px; }
.hero-inner-txt h3  { margin-bottom: 20px; }
.hero-section h4 span, .hero-section h3 span, .hero-section h2 span { letter-spacing: -1px; padding-bottom: 11px; }
#hero-1.hero-section h2 { font-size: 1.5rem; line-height: 1.4; letter-spacing: -0.5px; margin-bottom: 25px; }
.slides h2 { font-size: 1.65rem; letter-spacing: -1px; margin-bottom: 10px; } 
#hero-9 .slides h2 { font-size: 1.75rem; }
#hero-4.hero-section h2 { font-size: 1.9rem; }
#hero-7.hero-section h2 { font-size: 1.75rem; letter-spacing: -2px; margin-bottom: 10px; }
#hero-10.hero-section h2 { font-size: 1.75rem; }
#hero-10.hero-section h4 {  padding: 0 15%; line-height: 1.4; }
#hero-7.hero-section h4 { font-size: 1.05rem; line-height: 1.4; padding: 0 15%; }
#hero-8.hero-section h2 { padding: 0 4%; }
#hero-16 h2 { font-size: 1.75rem; letter-spacing: -1px; margin-bottom: 15px; }
#hero-17 h2 { padding: 0 3%; }
#hero-18 h3.h3-xl { margin-bottom: 25px; padding: 0 2%; }
.hero-inner-txt h3  { margin-bottom: 20px; } 
.hero-section h4 span, .hero-section h3 span, .hero-section h2 span { letter-spacing: -1px; padding-bottom: 11px; } .hero-txt p.p-hero { font-size: 1rem; margin-bottom: 20px; }
.hero-inner-txt p { margin-bottom: 25px; }
#hero-1 .hero-txt p, #hero-15 .hero-txt p { padding: 0; }
#hero-4 .hero-txt p, #hero-5 .hero-txt p, #hero-8 .hero-txt p, 
#hero-11 .hero-txt p, #hero-17 .hero-txt p, #hero-18 .hero-txt p { padding: 0 2%; }
#hero-2 .hero-txt p, #hero-3 .hero-txt p, #hero-6 .hero-txt p, #hero-9 .hero-txt p { padding: 0 5%; }
#hero-14 .hero-txt p { padding-right: 5%; }
#hero-16 .hero-txt p { padding: 0 2%; margin-bottom: 5px; } .hero-btns { margin-top: 18px; }
#hero-7 .hero-btns { padding: 0 10%; }
#hero-7 .btn.m-right-15 { margin: 0 0 12px; } .hero-inner-block { margin: -490px 5px 0; }
.hero-inner-txt { padding: 40px 30px; text-align: left!important; } .discount-banner { margin: -65px 4% 0; text-align: center; padding: 35px 5%; }
.discount-banner h2.h2-xl { font-size: 4rem; } .hero-links { margin-top: 8px; }
.hero-links span { display: block; font-size: 0.95rem; margin: 0; margin-bottom: 12px; } .hero-statistic { margin: -90px 10% 0; padding: 30px 20px 0; }
.hero-number { font-size: 1.65rem; margin-bottom: 5px; } .hero-form form { padding: 40px 30px 40px; margin: 40px 2% 0; } .hero-section .newsletter-form { margin: 25px 2% 0; }
.hero-section .newsletter-form .form-control { height: 44px; font-size: 1rem; }
.hero-section .newsletter-form .btn { height: 44px; } .hero-6-image img { margin-top: -90px; }
#hero-8 .hero-img { margin: 35px 5% 0; } 
.hero-14-img { position: relative!important; top: 0; right: 0; width: 90%; margin: 30px 4% 0; }
#hero-16 .hero-img { margin: 0 5%; }
#hero-17 .hero-img { margin: 30px 5% 0; } 
#hero-18 .hero-img { margin-top: 40px; }   .page-hero-section { margin-top: 50px; } .content-3-img, .content-4-img { height: 200px; } .small-statistic .col-sm-4 { width: 50%; float: left; } .brands-section { width: 100%; text-align: center; }
#pricing-2 .brand-logo, #brands-1 .brand-logo { padding: 0 10px; }
#brands-2 .col-sm-4 { width: 50%; float: left!important; }
#brands-2 .brand-logo { padding: 0 10px; } #contacts-1.bg-clouds { padding-bottom: 140px; }
#contacts-4 .contact-info { padding: 0; }
#contacts-map { margin-top: 30px; } #quick-form { display: none; }
}
@media (max-width: 991px) { 
.dropdown-menu{
border-left: none;
border-right: none; 
}
li.show > .dropdown-toggle:after{
border-bottom:  .3em solid;
border-top: transparent;
}
.navbar-text,
.navbar-text .search-menu-item{ display: block; }
#headersearch{
min-width: auto !important;
max-width: 500px !important;
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
}
#headersearch .btn{margin-top: 0;}
#headersearch .form-control{border: 1px solid rgba(0,0,0,.15);}
.navbar-expand-lg .navbar-nav a.cart-contents{display: inline-block; margin-top: 20px;}
}
@media (max-width: 540px) { 
.comment-list .children{ margin-left: 30px  }
.comment-avatar img{
width: 48px;
height: auto;
}
.woocommerce div.product .woocommerce-tabs ul.tabs, 
.woocommerce div.product .woocommerce-tabs ul.tabs{
border: none;
border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{ padding: 10px 15px; }
}
@media (max-width: 480px) { 
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count,
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{float: none;}
#headersearch .btn{ padding: 0.785rem 1.5rem; }
}   @media (max-width: 320px) { 
html { font-size: 14px; }   h5.h5-xs { font-size: 1rem; } h5.h5-sm { font-size: 1.05rem; } h5.h5-md { font-size: 1.1rem; } h5.h5-lg { font-size: 1.1rem; } h5.h5-xl { font-size: 1.1rem; }  h4.h4-xs { font-size: 1.1rem; line-height: 1.3; } h4.h4-sm { font-size: 1.15rem; line-height: 1.3; } h4.h4-md { font-size: 1.15rem; line-height: 1.3; } h4.h4-lg { font-size: 1.15rem; line-height: 1.3; } h4.h4-xl { font-size: 1.2rem; line-height: 1.3; }  h3.h3-xs { font-size: 1.283rem; line-height: 1.3; } h3.h3-sm { font-size: 1.35rem; line-height: 1.3; } h3.h3-md { font-size: 1.415rem; line-height: 1.3; } h3.h3-lg { font-size: 1.465rem; line-height: 1.3; } h3.h3-xl { font-size: 1.465rem; line-height: 1.3; }  h2.h2-xs { font-size: 1.515rem; line-height: 1.3; } h2.h2-sm { font-size: 1.52rem; line-height: 1.3; } h2.h2-md { font-size: 1.58rem; line-height: 1.3; } h2.h2-lg { font-size: 1.7rem; line-height: 1.3; } h2.h2-xl { font-size: 1.7rem; line-height: 1.3; }  a.store { display: block; margin-right: 0; margin-bottom: 8px; } span.section-id { font-size: 0.85rem; font-weight: 600; letter-spacing: 0.5px; margin-bottom: 20px; } .section-title { margin-bottom: 50px; }
.section-title p { font-size: 1rem; padding: 0; }  #hero-1 { padding-top: 60px; padding-bottom: 80px; }
#hero-3 { background-position: right center; padding-top: 80px; padding-bottom: 80px; }
#hero-4 { background-position: left bottom;  margin-top: 52px; padding-top: 80px; padding-bottom: 80px; }
#hero-5 { padding-top: 60px; padding-bottom: 60px; }
#hero-6-content { padding-top: 60px; padding-bottom: 130px; }
#hero-8 { padding-top: 60px; padding-bottom: 20px; }
#hero-10 { padding-top: 80px; padding-bottom: 80px; }
#hero-11-txt { padding-top: 60px; padding-bottom: 500px; }
#hero-12 { padding-top: 60px; }
#hero-13-txt { padding-top: 70px; padding-bottom: 110px; }
#hero-14 { padding-top: 60px; padding-bottom: 60px; }
#hero-15-txt { padding-top: 70px; padding-bottom: 140px; }
#hero-16 { padding-top: 60px; }
#hero-17 { padding-top: 60px; padding-bottom: 20px; }
#hero-18 { padding-top: 70px; } .hero-section .hero-slider { height: 400px; }
.hero-section .slides { top: 49%; } .hero-content { width: 98%; } .hero-section h4, .hero-section h3, .hero-section h2 { margin-bottom: 15px; }
.hero-inner-txt h3  { margin-bottom: 20px; }
.hero-section h4 span, .hero-section h3 span, .hero-section h2 span { letter-spacing: -1px; padding-bottom: 11px; }
#hero-1.hero-section h2 { font-size: 1.5rem; line-height: 1.4; letter-spacing: -0.5px; margin-bottom: 25px; }
.slides h2 { font-size: 1.65rem; letter-spacing: -1px; margin-bottom: 10px; } 
#hero-9 .slides h2 { font-size: 1.75rem; }
#hero-4.hero-section h2 { font-size: 1.9rem; }
#hero-7.hero-section h2 { font-size: 1.75rem; letter-spacing: -2px; margin-bottom: 10px; }
#hero-10.hero-section h2 { font-size: 1.75rem; }
#hero-10.hero-section h4 {  padding: 0 15%; line-height: 1.4; }
#hero-7.hero-section h4 { font-size: 1.05rem; line-height: 1.4; padding: 0 15%; }
#hero-8.hero-section h2 { padding: 0 4%; }
#hero-16 h2 { font-size: 1.75rem; letter-spacing: -1px; margin-bottom: 15px; }
#hero-17 h2 { padding: 0 3%; }
#hero-18 h3.h3-xl { margin-bottom: 25px; padding: 0 2%; }
.hero-inner-txt h3  { margin-bottom: 20px; }
.hero-section h4 span, .hero-section h3 span, .hero-section h2 span { letter-spacing: -1px; padding-bottom: 11px; } .hero-txt p.p-hero { font-size: 1rem; margin-bottom: 20px; }
.hero-inner-txt p { margin-bottom: 25px; }
#hero-1 .hero-txt p, #hero-15 .hero-txt p { padding: 0; }
#hero-4 .hero-txt p, #hero-5 .hero-txt p, #hero-8 .hero-txt p, 
#hero-11 .hero-txt p, #hero-17 .hero-txt p, #hero-18 .hero-txt p { padding: 0 2%; }
#hero-2 .hero-txt p, #hero-3 .hero-txt p, #hero-6 .hero-txt p, #hero-9 .hero-txt p { padding: 0 5%; }
#hero-14 .hero-txt p { padding-right: 5%; }
#hero-16 .hero-txt p { padding: 0 2%; margin-bottom: 5px; } .hero-btns { margin-top: 18px; }
#hero-7 .hero-btns { padding: 0 10%; }
#hero-7 .btn.m-right-15 { margin: 0 0 12px; } .hero-inner-block { margin: -510px 5px 0; }
.hero-inner-txt { padding: 40px 30px; text-align: left!important; } .discount-banner { margin: -65px 4% 0; text-align: center; padding: 35px 5%; }
.discount-banner h2.h2-xl { font-size: 4rem; } .hero-links { margin-top: 8px; }
.hero-links span { display: block; font-size: 0.95rem; margin: 0; margin-bottom: 12px; } .hero-statistic { margin: -90px 10% 0; padding: 30px 20px 0; }
.hero-number { font-size: 1.65rem; margin-bottom: 5px; } .hero-form form { padding: 40px 30px 40px; margin: 40px 2% 0; } .hero-section .newsletter-form { margin: 25px 2% 0; }
.hero-section .newsletter-form .form-control { height: 44px; font-size: 1rem; }
.hero-section .newsletter-form .btn { height: 44px; } .hero-6-image img { margin-top: -90px; }
#hero-8 .hero-img { margin: 35px 5% 0; } 
.hero-14-img { position: relative!important; top: 0; right: 0; width: 90%; margin: 30px 4% 0; }
#hero-16 .hero-img { margin: 0 5%; }
#hero-17 .hero-img { margin: 30px 5% 0; } 
#hero-18 .hero-img { margin-top: 40px; }   .page-hero-section { margin-top: 50px; } .content-3-img, .content-4-img { height: 200px; } .small-statistic .col-sm-4 { width: 50%; float: left; margin-bottom: 20px; } .brands-section { width: 100%; text-align: center; }
#pricing-2 .brand-logo, #brands-1 .brand-logo { padding: 0 10px; }
#brands-2 .col-sm-4 { width: 50%; float: left!important; }
#brands-2 .brand-logo { padding: 0 10px; } #contacts-1.bg-clouds { padding-bottom: 140px; }
#contacts-map { margin-top: 30px; } #quick-form { display: none; }
}
 .tmm .tmm_wrap {width:100%; margin-bottom:30px; text-align:center;}
.tmm .clearer {clear:both;}
.tmm .tmm_container {display:inline;}
.tmm .tmm_container:last-child {display:block; text-align:center !important;}
.tmm .tmm_container:last-child .tmm_member {float:none !important;}
.tmm .tmm_columns_containers_desktop {display:block; clear:both;}
.tmm .tmm_member {
vertical-align:top;
display:inline-block;
margin-top:25px;
margin-bottom:25px;
height:auto;
float: left;
position:relative;
text-align:center;
-webkit-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.04);
-moz-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.04);
box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.04);
border-top:5px solid lightgrey;
border-left: solid 1px #eee;
border-right: solid 1px #eee;
border-bottom:5px solid whitesmoke;
background:white;
box-sizing:border-box;}
.tmm .tmm_1_columns .tmm_member { 
width: 96%; 
margin-right:2%; margin-left:2%;
margin-top:140px; margin-bottom:25px;}
.tmm .tmm_2_columns .tmm_member {
width: 42%;
margin-right:4%; margin-left:4%;
margin-top:120px; margin-bottom:25px;}
.tmm .tmm_3_columns .tmm_member {
width: 29%;
margin-right:2.16%; margin-left:2.16%;
margin-top:100px; margin-bottom:25px;}
.tmm .tmm_4_columns .tmm_member {
width: 23%;
margin-right:1%; margin-left:1%;
margin-top:80px; margin-bottom:20px;}
.tmm .tmm_5_columns .tmm_member {
width: 18%; 
margin-right:1%; margin-left:1%;
margin-top:50px; margin-bottom:35px;}
.tmm .tmm_three_entries {clear:both;}
.tmm .tmm_member .tmm_photo {
margin-left: auto;
margin-right: auto;
background-size: cover !important;
background-position: center center !important;
width: 60%;
padding-bottom: 60%;
border:none;
-webkit-box-shadow: 2px 0px 1px 0px rgba(0,0,0,0.05);
-moz-box-shadow: 2px 0px 1px 0px rgba(0,0,0,0.05);
box-shadow: 2px 0px 1px 0px rgba(0,0,0,0.05);
border-radius:60px !important;
margin-top:-30%;
border:6px solid #eeeeee;}
.tmm_1_columns .tmm_member .tmm_photo { 
width:35%; padding-bottom:35%; margin-top: -18%; }
.tmm_2_columns .tmm_member .tmm_photo { 
width:50%; padding-bottom:50%; margin-top: -25%; }
.tmm .tmm_member .tmm_textblock .tmm_scblock {padding-top:10px;}
.tmm .tmm_member .tmm_textblock {padding:10px 12px;}
.tmm .tmm_member .tmm_textblock .tmm_sociallink {clear:both; margin-bottom:20px; border:none; box-shadow:0 0 0;}
.tmm .tmm_member .tmm_textblock .tmm_sociallink img {
display:inline-block;
border:none; width:24px;
height:24px;
box-shadow: 0 0 0 0;
margin:10px 4px;}
.tmm .tmm_5_columns .tmm_member .tmm_textblock .tmm_sociallink img {width:19px; height:19px; margin:6px 2px;}
.tmm .tmm_4_columns .tmm_member .tmm_textblock .tmm_sociallink img {width:21px; height:21px; margin:6px 3px;}
.tmm .tmm_member .tmm_textblock .tmm_sociallink img:hover {opacity:0.8;}
.tmm .tmm_fname {display:inline;}
.tmm .tmm_lname {display:inline;} .tmm .tmm_names span,
.tmm .tmm_names span.tmm_fname,
.tmm .tmm_names span.tmm_lname,
.tmm .tmm_names {
color: #222222;
}
.tmm .tmm_desc,
.tmm .tmm_desc span,
.tmm .tmm_desc p {
color: #555555;
word-break: break-word;
}
.tmm .tmm_job,
.tmm .tmm_job p {
color: #888888;
} .tmm .tmm_plugin_f .tmm_names {
font-size:20px; 
font-weight:400; 
line-height:24px;
margin-bottom:8px; 
margin-top:10px; }
.tmm .tmm_plugin_f .tmm_job {
font-size:16px; 
font-weight:400;}
.tmm .tmm_plugin_f .tmm_desc {
padding:0px; 
margin-top:19px; 
margin-bottom:10px; 
font-weight:400;
font-size:14px; 
line-height:23px;}
.tmm .tmm_theme_f .tmm_names {
font-size: 1.1em;
font-weight:400; 
margin-bottom:8px; 
margin-top:10px; }
.tmm .tmm_theme_f .tmm_job {
font-size: 1em;
font-weight:400;}
.tmm .tmm_theme_f .tmm_desc {
font-size:0.9em;
line-height:165%;
padding:0px; 
font-weight:400;
margin-top:19px; 
margin-bottom:10px; } @media only screen and (max-width: 64.063em) {
.tmm .tmm_columns_containers_desktop {display:none; clear:none;}
.tmm_two_containers_tablet {display:block; clear:both;}
.tmm .tmm_member,
.tmm .tmm_2_columns .tmm_member,
.tmm .tmm_3_columns .tmm_member,
.tmm .tmm_4_columns .tmm_member,
.tmm .tmm_5_columns .tmm_member {
width: 40%; 
margin-left:5%; margin-right:5%;
margin-top:80px; margin-bottom:25px;}
.tmm .tmm_1_columns .tmm_member {
margin-top:100px; margin-bottom:15px;}
.tmm .tmm_member .tmm_photo,
.tmm .tmm_2_columns .tmm_member .tmm_photo,
.tmm .tmm_3_columns .tmm_member .tmm_photo,
.tmm .tmm_4_columns .tmm_member .tmm_photo,
.tmm .tmm_5_columns .tmm_member .tmm_photo {
width:50%; padding-bottom:50%; margin-top: -25%; }
} @media only screen and (max-width: 40em) {
.tmm .tmm_columns_containers_desktop {display:none; clear:none;}
.tmm .tmm_member,
.tmm .tmm_1_columns .tmm_member,
.tmm .tmm_2_columns .tmm_member,
.tmm .tmm_3_columns .tmm_member,
.tmm .tmm_4_columns .tmm_member,
.tmm .tmm_5_columns .tmm_member {
width: 96%;
margin:0 2%;
margin-top:110px;
margin-bottom:25px;}
.tmm .tmm_member .tmm_photo,
.tmm .tmm_1_columns .tmm_member .tmm_photo,
.tmm .tmm_2_columns .tmm_member .tmm_photo,
.tmm .tmm_3_columns .tmm_member .tmm_photo,
.tmm .tmm_4_columns .tmm_member .tmm_photo,
.tmm .tmm_5_columns .tmm_member .tmm_photo { 
width:45%; padding-bottom:45%; margin-top: -24%; }
.tmm .tmm_plugin_f .tmm_desc {
padding: 0 10px;
font-size:16px; 
line-height:27px;}
}
.tmm_plugin_f,
.tmm_plugin_f .tmm_names span,
.tmm_plugin_f .tmm_job,
.tmm_plugin_f .tmm_desc,
.tmm_plugin_f .tmm_desc a,
.tmm_plugin_f .tmm_desc span,
.tmm_plugin_f .tmm_desc p,
.tmm_plugin_f .tmm_desc h1,
.tmm_plugin_f .tmm_desc h2,
.tmm_plugin_f .tmm_desc h3,
.tmm_plugin_f .tmm_desc h4,
.tmm_plugin_f .tmm_desc h5,
.tmm_plugin_f .tmm_desc h6,
.tmm_plugin_f .tmm_desc ul li,
.tmm_plugin_f .tmm_desc ol li {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}