html { scroll-behavior: auto; } html body { overflow-x: hidden !important; } html body a { text-decoration: none !important; } .lang .separator-line-verticle-small { background-color: #d82a31; } .lang .fa-globe-americas { color: #fff; margin: 0px 5px; } .lang a { font-family: 'Barlow', sans-serif; font-size: 12px; font-weight: 500; line-height: normal; letter-spacing: normal; letter-spacing: 2px; color: #fff; text-transform: uppercase; } header .separator-line-verticle-small { background-color: #d82a31; line-height: 5; } header a.text-link-white-2:hover { color: #d82a31; } header a.text-link-white-2:focus { color: #d82a31; } header .navbar-default .navbar-toggler .icon-bar { background: #fff; } header.sticky.header-with-topbar .top-header-area { top: -50px; } header .top-header-area { background: #404042; padding: 5px 50px; } header .top-header-area a.phone { padding: 5px 0; font-family: 'Barlow', sans-serif; font-size: 12px; font-weight: 500; line-height: normal; letter-spacing: normal; letter-spacing: 2px; } header .top-header-area a.phone span { font-family: 'Barlow', sans-serif; font-size: 12px; font-weight: 400; line-height: normal; letter-spacing: normal; } header .top-header-area a.phone i { margin-right: 5px; } header .top-header-area a.phone:hover { color: #d82a31 !important; } header .top-header-area a.brands { border: solid #fff 1px; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 700; line-height: normal; letter-spacing: normal; padding: 5px 10px; margin-left: 2.5%; } header .logo .logo-dark.default { width: 170px; max-height: 40px; } header #navbar .logo .logo-dark.default { max-height: none; } header nav.navbar { padding: 5px 0px; } header nav.navbar.bootsnav { background: #fff; } header nav.navbar.bootsnav ul.nav > li.dropdown.on > a { color: #404042; } header nav.navbar.bootsnav ul.nav > li.dropdown .mega-menu-full ul li.dropdown-header { color: #fff; font-family: 'Barlow', sans-serif; font-size: 16px; font-weight: 600; line-height: normal; letter-spacing: normal; padding-bottom: 0px; margin-bottom: 0px; } header nav.navbar.bootsnav ul.nav > li.dropdown .mega-menu-full ul li a { color: #9b9b9b; font-family: 'Barlow', sans-serif; font-size: 16px; font-weight: 600; line-height: normal; letter-spacing: normal; padding-bottom: 0px; margin-bottom: 0px; } header nav.navbar.bootsnav ul.nav .simple-dropdown .dropdown-menu { background: #404042; } header nav.navbar.bootsnav ul.nav .simple-dropdown .dropdown-menu > li { padding-left: 35px; padding-right: 28px; } header nav.navbar.bootsnav ul.nav .simple-dropdown .dropdown-menu > li > a { color: #404042; font-family: 'Barlow', sans-serif; font-size: 16px; font-weight: 600; line-height: normal; letter-spacing: normal; text-transform: uppercase; } header nav.navbar.bootsnav ul.nav .simple-dropdown .dropdown-menu > li > a.active { color: #d82a31; } header nav.navbar.bootsnav ul.nav .simple-dropdown .dropdown-menu > li > a:hover { color: #d82a31 !important; text-decoration: none; } header nav.navbar.bootsnav ul.nav > li { margin: 0px 10px; } header nav.navbar.bootsnav ul.nav > li > a { color: #404042; font-family: 'Barlow', sans-serif; font-size: 16px; font-weight: 600; line-height: normal; letter-spacing: normal; } header nav.navbar.bootsnav ul.nav > li > a.active { color: #d82a31; } header nav.navbar.bootsnav ul.nav > li > a:hover { color: #d82a31 !important; text-decoration: none; } header nav.navbar.bootsnav li.dropdown .mega-menu-full { background: #404042; opacity: 0.95; } header nav.navbar.bootsnav li.dropdown .mega-menu-full > ul { background: #404042; } header nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li { border-right: 1px solid #d82a31; } header.sticky .top-header-area, header.blog_show .top-header-area, header.sticky .navbar, header.blog_show .navbar { background-color: #404042; } header.sticky .navbar, header.blog_show .navbar { padding-bottom: 10px; padding-top: 15px; } header.sticky .navbar.bootsnav ul.nav li a.cta, header.blog_show .navbar.bootsnav ul.nav li a.cta { border: solid #fff 1px; margin-top: 14px; padding: 5px 6px !important; } #navbar { min-height: 55px; } .project-nav-sticky { position: fixed; top: 0px !important; } .project-nav-sticky-extra { position: fixed; top: 82px !important; } .project-nav-sticky-normal { position: fixed; top: 115px !important; } .project-nav-sticky-normal-sm { position: fixed; top: 100px !important; } .main-slider-project { margin-top: 160px; } header .navbar-top-proyect { z-index: 10; } header .top-header-area2 { background: #1c1c26; padding: 10px 50px; } header .top-header-area2 a { font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: bold; line-height: normal; letter-spacing: normal; color: #d9d9d9; } header .top-header-area2 nav { height: 50px; } .header-with-topbar .top-header-area2 { font-size: 11px; position: fixed; top: 50px; z-index: 10004; width: 100%; transition: ease-in-out 0.3s; -webkit-transition: ease-in-out 0.3s; -moz-transition: ease-in-out 0.3s; -ms-transition: ease-in-out 0.3s; -o-transition: ease-in-out 0.3s; } .sticky.header-with-topbar-proyect .top-header-area2 { top: -50px; } .sticky.header-with-topbar-proyect.fixed-topbar .top-header-area2 { top: 0; } .header-with-topbar .navbar-top-proyect { top: 85px; } .header-with-topbar .navbar-top-proyect.navbar.bootsnav ul { padding-right: 0; } .header-with-topbar .navbar-top-proyect.navbar.bootsnav ul.nav { flex-wrap: inherit; } .header-with-topbar .navbar-top-proyect.navbar.bootsnav ul.nav > li > a { color: #404042; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: bold; line-height: normal; letter-spacing: normal; margin: 0 0 0 15px; } .header-with-topbar .navbar-top-proyect.navbar.bootsnav ul.nav > li > a.active { font-weight: 800; } .header-with-topbar .navbar-top-proyect.navbar.bootsnav ul.nav > li > a:hover { color: #404042 !important; text-decoration: none; font-weight: 800; } .header-with-topbar-proyect.sticky .top-header-area2 .navbar-top { top: -50px !important; } .header-with-topbar-proyect.sticky .navbar-top { top: 50px; } .header-with-topbar-proyect.sticky.header-appear .navbar-top { top: 50px; } #navbar { background-color: #dde0be; } .h-72px { height: 72px; } .swiper-slider-clients { min-height: 170px; } @media (max-width: 330px) { header .top-header-area2 a { font-size: 11px; } } @media (max-width: 767px) { header .top-header-area .header-num { display: none !important; } .lang { min-width: 90px; } } @media (max-width: 991px) { .project-nav-sticky-normal { top: 102px !important; } .bootsnav { padding-top: 15px !important; padding-bottom: 15px !important; } .main-slider-project { margin-top: 125px; } .header-with-topbar .navbar-top-proyect { top: 50px; } .header-with-topbar .navbar-top-proyect.navbar.bootsnav ul.nav > li > a { color: #fff; } .header-with-topbar .navbar-top-proyect.navbar.bootsnav ul.nav > li > a:hover { color: #d82a31 !important; } header .top-header-area2 { display: none; } nav.navbar { z-index: 200; } nav.navbar.bootsnav .navbar-nav { background-color: #fff; width: 100%; max-height: 450px !important; flex-wrap: nowrap; } nav.navbar.bootsnav.no-full .navbar-collapse { max-height: 450px !important; } nav#navbar { z-index: 100; } nav#navbar.bootsnav .navbar-collapse { max-height: 482px !important; overflow-x: hidden; } nav#navbar.bootsnav .navbar-collapse .navbar-nav { padding-left: 0; width: 100%; max-height: 482px !important; } nav#navbar.bootsnav .navbar-collapse .navbar-nav li a { margin-left: 0; } } @media (max-width: 450px) { .top-header-area .container { padding-right: 0px; padding-left: 0px; } .top-header-area .container div div { padding-left: 0px; } .top-header-area .container div .lang-container { padding: 0px; } } @media (max-width: 400px) { .top-header-area .container > div { padding: 0px; } } @media (max-width: 367px) { .hidden-separator { display: none !important; } .margin-15px-lr { margin-right: 7px !important; margin-left: 2px !important; } } @media (max-width: 426px) { header .top-header-area a.phone { font-family: 'Barlow', sans-serif; font-size: 10px; font-weight: 500; line-height: normal; letter-spacing: normal; line-height: 14px; } header .top-header-area a.phone span { font-family: 'Barlow', sans-serif; font-size: 10px; font-weight: 400; line-height: normal; letter-spacing: normal; } }