/* =======================   Default CSS   ======================= */


@import url('https://fonts.googleapis.com/css?family=Oswald:700&display=swap');
*,
*::after,
*::before {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}

html,
body {
     height: 100%;
}

body {
     line-height: 1.66;
     font-size: 0.9375rem;
     font-style: normal;
     font-weight: 400;
     visibility: visible;
     font-family: "Roboto", sans-serif;
     color: #555555;
     position: relative;
     background-color: #ffffff;
}
 
body.no-overflow {
     overflow: hidden;
}

h1, h2, h3, h4, h5, h6 {
     color: #2A2A2A;
     font-family: "Roboto", sans-serif;
     font-weight: 700;
     margin-top: 0;
     line-height: 1.23;
}

h1 { font-size: 2rem; }
h2 { font-size: 1.5625rem; }
h3 { font-size: 1.375rem; }
h4 { font-size: 1rem; }
h5 { font-size: 0.875rem; }
h6 { font-size: 0.5625rem; }

body {
     overflow-x: hidden;
}

a:visited,
a:focus, {
     text-decoration: none;
     box-shadow: none;
}
a:hover {
     color: #EB3C27;
     cursor: pointer !important;
     text-decoration: none !important;
}

.red-color {color: #D01C1F;}
.yellow-color{ color: #FDDB27;}
.orange-color{ color: #EB3C27;}
.gray-color{ color: #555555;}
.dark-color{ color: #2A2A2A;}
.white-color{ color: #ffffff !important;}

.bg-white {background-color: #fff !important;}
.bg-yellow {background-color: #FDDB27 !important;}

.w100 {width: 100%};
.thin {font-weight: 100;}
.normal {font-weight: 400;}
.bold {font-weight: 700}
.italic {font-style: italic;}

.title-size {font-size: 2.5rem;}
.title-size-sm {font-size: 2rem;}

.mt20 {margin-top: 20px;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}

@media (max-width: 1200px) {
     .title-size {
     font-size: calc(1.375rem + 1.5vw);
     }
}
/* =======================   COVER   ======================= */
.bg-cover {
     background: #FDDB27;
    background: -webkit-linear-gradient(180deg, #FDDB27, #ff7716);
    background: -o-linear-gradient(180deg, #FDDB27, #ff7716);
    background: -moz-linear-gradient(180deg, #FDDB27, #ff7716);
    background: linear-gradient(180deg, #FDDB27, #ff7716);
}


/* =======================   Menu   ======================= */
/* Delete shadow below the menu on desktop */
.header-area {
     background-color: #fff;
}
.mobile-menu-area {
     background-color: white;
}
/* Menu brackground transparente on mainpage */
.cover .header-area {
     box-shadow: none;
     -webkit-box-shadow: none;
     background-color: transparent;
}
/* Menu brackground white */
.intern {
     padding-top: 105px;
}
@media (max-width: 1199px) {
     .intern {
          padding-top: 0px;
     }
}
/* Align menu to the right */
.header-wrapper__inner .header-navigation__nav {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: flex-end;
     -webkit-justify-content: flex-end;
     -ms-flex-pack: flex-end;
     justify-content: flex-end;
}
.header-top-bar {
      background-color: #EB3C27;
      color: #fff;
      font-weight: 400;
      font-size: 0.8rem;
      line-height: 1;
      padding: 12px 0;
}
.header-top-bar i {
     color: #fff;
}
@media only screen and (max-width: 1499px) and (min-width: 1200px) {
     .header-navigation__nav nav > ul > li > a {
     padding: 25px 13px;
     }
}
.cover .header-navigation__nav nav > ul > li > a {
     color: #fff;
}
.submenu {
     min-width: 360px;
     font-size: 0.85em;
 }

 .submenu li > a {
     padding: 8px 20px;
     color: black;
 }
 .mobile-menu-content .mobile-navigation-icon {
     margin-left: 15px;
     margin-top: 5px;
 }
 @media screen and (max-width: 575px){
     .btn-mobile-menu {
          display: none !important;
     }
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li > a {
     font-size: 1.1rem;
     font-weight: 500;
 }
 .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li a {
     font-weight: 300;
     line-height: 1.2;
 }
 .header-navigation__nav nav > ul > li:hover > a {
     color: #EB3C27;
 }
 .header-navigation__nav nav > ul > li > a:before {
     background-color: #EB3C27;
 }
 .header-area.header-sticky.is-sticky.header-area--transparent .header-navigation__nav--transparent nav > ul > li > a:hover {
      color: #EB3C27;
 }
 .topicon {
     font-weight: 600;
    font-size: 16px;
    margin-right: 5px;;

 }
 .toptxt {
     position: relative;
     top: -3px;
 }
 .social-links--white-topbar ul li a {
     font-size: inherit;
     color: inherit;
}
.social-links--white-topbar ul li a i {
     font-size: 1rem;
}
.social-links ul li a {
     display: inherit;
}
.social-links ul li a:hover {
     display: inherit;
     color: #000;;
}
.social-links--white-topbar {
     margin-right: 0px;
}
.social-links--white-topbar .ion-social-facebook:hover,
.social-links--white-topbar .ion-social-youtube:hover {
     color: #000 !important;
}
/* =======================   / .menu   ======================= */

/* =======================   Brands   ======================= */

.opacity0 {opacity: 0; filter: alpha(opacity=0);}
.opacity10 {opacity: 0.1; filter: alpha(opacity=10);}
.opacity20 {opacity: 0.2; filter: alpha(opacity=20);}
.opacity30 {opacity: 0.3; filter: alpha(opacity=30);}
.opacity40 {opacity: 0.4; filter: alpha(opacity=40);}
.opacity50 {opacity: 0.5; filter: alpha(opacity=50);}
.opacity60 {opacity: 0.6; filter: alpha(opacity=60);}
.opacity70 {opacity: 0.7; filter: alpha(opacity=70);}
.opacity80 {opacity: 0.8; filter: alpha(opacity=80);}
.opacity90 {opacity: 0.9; filter: alpha(opacity=90);}
.opacity100 {opacity: 1; filter: alpha(opacity=100);}

.brand-logo-grid__single {
     padding: 20px 10px;
    margin-bottom: 20px;
     min-height: 100px;
}

/* =======================   Buttons   ======================= */
.btn-std {
     min-width: 160px;
     display: inline-block;
     height: 40px;
     line-height: 40px;
     padding: 0 30px;
     font-size: 0.8125rem;
     font-weight: 500;
     color: #2A2A2A;
     background-color: #FDDB27;
     letter-spacing: 0.5px;
     /* -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
     -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
     transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); */
}
.btn-std:hover {
     color: #ffffff;
     background-color: #EB3C27;
}
.btn-border {
     min-width: 160px;
     display: inline-block;
     height: 40px;
     line-height: 35px;
     padding: 0 30px;
     font-size: 0.8125rem;
     font-weight: 500;
     color: #2A2A2A;
     border: #2A2A2A solid 2px;
     letter-spacing: 0.5px;
     /* -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
     -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
     transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); */
}
.btn-border:hover {
     color: #ffffff;
     background-color: #EB3C27;
     border: #EB3C27 solid 2px;
}
.btn-menu {
     min-width: 200px;
     display: inline-block;
     height: 40px;
     padding: 10px 0px;
     font-size: 0.8125rem;
     font-weight: 500;
     color: #ffffff;
     background-color: #EB3C27;
     letter-spacing: 0.2px;
}
.btn-menu:hover {
     color: #2A2A2A;
     background-color: #FDDB27;
}
/* =======================   / .buttons   ======================= */

 .img-bg-center {
     background-position: center;
 }

 .half-bg-image {
     position: absolute;
     left: 0;
     top: 0;
     width: 50%;
     height: 100%;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
 }
.bg-img-cover {
     background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-position: center;
}
.w100 {width: 100%;}
.h100 {height: 100px;}
.pl-40 {padding-left:40px;}

/* =======================   MAIN   ======================= */
/* Align contento on autoadmin slider */
.testimonial-slider__single-item__content img {
     border-radius: 0.7rem;

}
.testimonial-slider__single-item__content {
     -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    width: 100%;
    text-align: center;
}
/* Align contento on autoadmin slider */
.testimonial-slider__single-item {
     text-align: center;
     padding: 30px 20px;
     border-radius: 0.7rem;
     -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}
.testimonial-slider__single-item:before {
     display: none;
}
.testimonial-slider__single-item__content p {
     line-height: 1.46;
     font-size: 0.8375rem;
}
.price {
     font-weight: 700;
     font-size: 1.9375rem;
     line-height: 1.8;
     color: #EB3C27;
     display: inline-block;
}
@media only screen and (max-width: 575px) {
     .industry-five-slider__single-slide {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
     }
     
     .industry-five-slider__single-slide__image {
          width: 100%;
          min-height: 330px;
     }
     
     .industry-five-slider__single-slide__content {
          width: 100%;
     }
     
     .industry-six-slider__background {
          min-height: 350px;
     }
}
/* .testimonial-slider__single-item {
     min-height: 400px;
} */
/* .testimonial-slider__content-area .swiper-pagination {
     display: none;
} */
/* =======================   WE ARE   ======================= */

.single-industry-icon-wrapper {
     flex-basis: 33.33%;
}
.project-counter-single-content__project-count {
     color: #EB3C27;
}
.about-list-wrapper .about-list-title:after {
     background-color: #EB3C27;
     display: none;
}
.line-up:before {
     content: '';
    display: block;
    margin-bottom: 13px;
    width: 100%;
    height: 3px;
    background-color: #FDDB27;
}
.fluid-cta {
     padding-right: 0px;
    padding-left: 0px;
}

/* =======================   MAIN CTA   ======================= */

.career-background__content {
     background-color: #fff;
     min-height: 350px;
}
/* =======================   FOOTER   ======================= */
.footer-area {
     font-size: 0.8375rem;
     font-weight: 300;
}
.footer-widget__navigation li {
     padding: 5px 0;
     line-height: 1;
 }


.footer-bg-orange {
     background-color: #EB3C27;

}
.footer-copyright-left {
     color: #ffffff90;
     font-size: 0.775rem;
}
.footer-copyright-wrapper {
     padding: 12px 0;
}
a.scroll-top.show {
     visibility: visible;
     opacity: 1;
     bottom: 80px;
 }
a.scroll-top {
     position: fixed;
     right: 15px;
     bottom: -60px;
     z-index: 999;
     -webkit-box-shadow: 0 30px 50px rgba(0, 0, 0, 0.03);
     box-shadow: 0 30px 50px rgba(0, 0, 0, 0.03);
     display: block;
     padding: 0;
     width: 50px;
     height: 50px;
     border-radius: 50%;
     text-align: center;
     font-size: 25px;
     line-height: 50px;
     cursor: pointer;
     opacity: 0;
     visibility: hidden;
     background-color: #ffc246;
     color: #ffffff;
     -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
     -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
     transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
 }
 .footer-area .social-links i {
      font-size: 1rem;
 }
/* =======================   CATEGORIES   ======================= */
.career-single__content {
     justify-content: initial;
     -webkit-justify-content: initial;
}

.service-details-list li:before {
     color: #555555;
     opacity: 0.5;
     filter: alpha(opacity=50)
}
.service-details-list li {
     margin-bottom: 0px;
     color: #555555;
}

.block-bg-yellow {background-color: #FDDB27;}
.block-bg-orange {background-color: #EB3C27;}
.block-bg-gray {background-color: #e6e6e6;}
.block-bg-red {background-color: #D01C1F;}
.block-bg-black {background-color: #000000;}

.block-bg-orange li,
.block-bg-red li {
     color: #f3f3f3;
}
.block-bg-black li {
     color: #cccccc;
}
.block-bg-orange h3,
.block-bg-red h3,
.block-bg-black h3 {
     color: #ffffff;
}

.block-bg-orange .service-details-list li:before,
.block-bg-red .service-details-list li:before,
.block-bg-black .service-details-list li:before {
     color: #ffffff;
     opacity: 0.5;
     filter: alpha(opacity=50)
}
.feature-background__image {
     min-height: 350px;
}
.feature-background__content {
     padding: 40px;
}

/* =======================   CONTACT   ======================= */
.login-form {
     background-color: initial;
     padding: 00px;
     -webkit-box-shadow: none;
     box-shadow: none;
}
.login-form label {
     text-transform: initial;
}

.whatsapp-float {
     position: fixed !important;
     left: 15px;
     bottom: 25px;
     z-index: 999;
 }
 .login-form input, textarea {
      background-color: white !important;
 }
 .single-icon-info__content {
      padding-top: 20px;
 }

 .link_f:hover {
     color: white !important;
 }
 .mt20 {margin-top: 20px;}

 textarea {
     width: 100%;
     background-color: transparent;
     border: 1px solid #999999;
     border-radius: 0;
     line-height: 23px;
     padding: 10px 20px;
     font-size: 14px;
     color: #888 !important;
     margin-bottom: 15px;
 }

/* =======================   FORM   ======================= */
/*.field-error {
    background-color: #d6f3c8;
}*/
/* Form validation styles */
.form-note {
     position: fixed;
     z-index: 1202;
     bottom: 0px;
     left: 0;
     width: 100%;
     display: block;
     color: #ffffff;
     font-size: 16px;
     line-height: 20px;
     border-radius: 2px;
     -moz-border-radius: 2px;
     -khtml-border-radius: 2px;
     -webkit-border-radius: 2px;
     text-align: center;
   }
   .no-display {
     display: none;
   }
   .form-alert {
     background: #ff5722;
     padding: 18px 0px 18px 0px;
     width: 100%;
   }
   
   .form-confirm {
     background: #1DC020;
     padding: 18px 0px 18px 0px;
     width: 100%;
   }
   
   .field-error {
   border: 1px solid #ff5722 !important;
   }
/* =======================   / .form   ======================= */