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;
}
}