@charset "utf-8";
/* CSS Document */

body, .modal-dialog {
	font-family: aktiv-grotesk, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #000000;
}

header {
	background-color:#000000;
	color: #FFFFFF;
}
.navbar {
    padding: 0;
}
.navbar a {
	color: #ffffff;
}
/*
.navbar-brand {
	padding-top: 0;
	padding-bottom: 0;
}
*/
.left-logo, .right-tile {
	display: inline-block;
}
.left-logo {
	width: 100px;
	margin-right: 10px;
}
.right-tile {
	padding-left: 10px;
	border-left: solid 1px #ffffff;;
}
.right-tile, .navbar-nav, .sub-bar {
	font-size: 20px;
	line-height: 26px
}
.right-tile a {
	color: #ffffff;
}
.dropdown-2 {
	cursor: pointer;
}
.dropdown-menu-wide {
	left: 0;
	right: 0;
	margin: 0;
}
.nav-link, .dropdown-hover {
	padding: 0 20px;
	z-index: 1;
    position: relative;
}
.dropdown-hover:after {
    display: inline-block;
    margin-left: .745em;
/*    vertical-align: .255em;*/
    content: "";
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
	width: 12px;
    height: 12px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
}
.dropdown, .dropdown-2 {
    position: relative;
    padding: 24px 0;
	z-index: 1;
}
.dropdown-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000000;
}
.dropdown-menu-2 {
    min-width: 10rem;
    color: #000000;
    text-align: right;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #aaaaaa;
}
.dropdown-menu-2 a {
	color: #000000;
}
.dropdown-menu-2 a:hover {
	text-decoration: none;
    background-color: #F2F2F2;
}
.dropdown-item-2 {
	display: block;
	padding: 10px;
	border-bottom: 1px solid #aaaaaa;
    width: 100%;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
}
.dropdown-item-2:last-child {
	border-bottom: none;
}
.navbar-toggler {
    color: #ffffff;
    border-color: #ffffff;
}
.navbar-toggler-icon {
    background-image: url("../img/master/nav-icon white.svg");
}

.sub-bar {
	background-color: #FFFFFF;
	padding: 21px 0;
}
.sub-bar, .sub-bar a, .sub-bar a:hover, .sub-bar a,:focus  {
color: #181A1A;
}
.sub-bar a:hover {
	text-decoration: none;
}
.sub-bar ul {
	margin-bottom: 0;
	list-style: none;
	padding-left: 0;
}
.sub-bar ul li {
	display: inline-block;
	margin-right: 2px;
}
footer {
	padding-top:20px;
	padding-bottom: 20px;
	background-color: #000000;
}
.footer-logo {
    width: 136px;
}
.right-footer p {
    color: #ffffff;
    text-align: right;
	margin-bottom: 0;
}
.flex {
	display: flex;
}
.hero-text h1 {
	margin-bottom: 28px;
}
.hero-text p {
	max-width: 480px;
}
/* Section page */

.non-linebreak {
    white-space: nowrap;
}

.greybg { 
	background-color: #F2F2F2;
}
.lghtbrownbg {
	background-color: #EBE7DE;
}
.greenbg {
	background-color: #465C35;
	color: #CEE7B6;
}
.lightorangebg {
	background-color: #FEC8A6;
	color: #662F3C;
}
.section-padding {
	padding-top: 40px;
	padding-bottom: 40px;
}

.section-text h1 {
	font-size: 62px;
	line-height: 67px;
	font-weight: 500;
	font-style: normal;
}

.section-text h2 {
	font-size: 50px;
	line-height: 55px;
	font-weight: 500;
	font-style: normal;
	margin-bottom: 38px;
}
.section-text h3 {
	font-size:35px;
/*	line-height: 55px;*/
    line-height: 46px;
	font-weight: 520;
	font-style: normal;
	margin-bottom: 28px;
}
.section-text h6 {
	font-size: 26px;
	line-height: 33px;
	font-weight: 400;
	font-style: normal;
}

.section-text p {
	font-size: 20px;
	line-height: 26px;
}
.section-tile {
	margin-top: 40px;
}
.vertica-center { 
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
}
.modal-content {
    border-radius: 20px;
}
.modal-dialog h4 {
	font-weight: 400;
}
.inter-dropdown-box {
	background-color: #ffffff;
}
.inter-dropdown-box a {
	color: #000000;
}
.inter-dropdown-box a:hover {
	text-decoration: none;
} 
.row-35 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -35px;
    margin-left: -35px;
}
.col-lg-6-p35 {
    position: relative;
    width: 100%;
    padding-right: 35px;
    padding-left: 35px;
}
.border-box-center-tile, .border-box {
	display: flex;
	flex-wrap: wrap;
	border-radius: 20px;
	border: #202020 solid 1px;
	padding: 0 20px;
}
.border-box-center-tile {
	align-items: center;
	margin-bottom: 30px;
}
.border-box {
	margin-bottom: 50px;
}
.product-icon {
	max-width: 191px;
    width: 40%;
}
.product-icon img {
	width: 100%;
} 
.border-box-center-tile p, .border-box p {
	font-size: 19px;
	line-height: 24px;
	margin-bottom: 0;
	color: #888888;
}
.text-box, .text-box-2 {
	width: 60%;
}
.text-box-2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	align-items: flex-start;
    padding: 30px 0;
}
.black-cta, .black-outline-cta {
    display: inline-block;
    font-size: 20px;
    line-height: 25px;
    padding: 9px 26px;
    border: solid 1px #181A1A;
    border-radius: 23px;
}

.black-cta {
	color: #ffffff;
	background-color: #181A1A;
   
}
.black-cta:hover, .black-cta:focus {
	color: #FFFFFF;
	text-decoration: none;
}
.black-outline-cta {
	color: #181A1A;
	background-color: inherit;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.black-outline-cta:hover, .black-outline-cta:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #181A1A;
}
.contact-box {
	background-color: #F2F2F2;
	padding: 40px 50px;
	border-radius: 20px;
}
.contact-text {
	margin-bottom: 20px;
}
.center-icon {
	display: flex;
	justify-content: center;
	align-items: center;
}
.contact-img {
	max-width: 146px;
}
.dropdown-container {
	position: relative;
	padding-bottom: 40px;
}
.box-shadow {
/*	box-shadow: 0 12px 7px -10px #00000072;*/
	box-shadow: 0 14px 30px -18px #00000072;
    padding-bottom: 80px;
    /* position: relative; */
    margin-bottom: -75px;
}

.dropdown-button {
	position: absolute;
	left:0;
	bottom: 0;
	right: 0;
}
.dropdown-button span {
	display: none;
}
.dropdown-button .collapsed span {
	display: inherit;
}
.dropdown-button button:after {
	content: "Less";
}
.dropdown-button .collapsed:after {
	display: none;
}

@media (min-width: 992px) and  (max-width: 1199px) {
.border-box {
    padding: 0 10px;
	}
.section-text .border-box h6 {
    font-size: 24px;
	}
}

@media (min-width: 992px) {
/*@media (min-width: 576px) {*/
	.col-lg-6-p35 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
.dropdown-box {
	width: 100%;
	position: relative;
	height: 360px;
}
.inter-dropdown-box {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	padding-bottom: 40px;
	background-color: #ffffff;
}
	.overlay-1 {
		z-index: 4;
	}
	.overlay-2 {
		z-index: 3;
	}
}

@media (min-width: 768px) {
/*@media (min-width: 576px) {*/
	.col-md-6-p35 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
	.dropdown-2:hover .dropdown-menu-2 {
/*	display: block;*/
	margin-top: 0px;
}
	.dropdown-menu-2 {
    position: absolute;
    top: 100%;
    left: 0;
	margin-top: -246px;
/*    margin-top: -200px;    */
	transition: margin-top 0.5s ease-in-out;
	}
    .dropdown-2:hover .dropdown-hover:after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    } 
.contact-box {
	background-color: #F2F2F2;
	padding: 40px 50px;
	border-radius: 20px;
/*	margin-right: 60px;*/
	margin-bottom: 80px;
}	
/*
	.contact-img {
    margin-right: -110px;
    margin-bottom: -80px;
}
*/
}
/*@media (max-width: 575px) {*/
@media (max-width: 767px) {
    .section-text h1 {
    font-size: 52px;
    line-height: 57px;
}
    .section-text h2 {
    font-size: 38px;
    line-height: 45px;
    }
    .section-text h3 {
	font-size:30px;
/*	line-height: 55px;*/
    line-height: 42px;
    }
	.navbar {
		padding: 24px 0;
	}
	.dropdown-hover {
		padding: 0 0 20px 0;
	}
	.dropdown-overlay {
		display: none;
	}
	.footer-logo {
		margin-bottom: 20px;
	}
	.contact-img {
    margin-bottom: 40px;
}
	.hero-text {
		margin-bottom: 40px;
	}
    .dropdown-hover:after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}

@media (max-width: 500px) {
    .border-box {
        justify-content: center;
    }
	.text-box-2 {
		width: 100%;
        padding: 0 0 30px 0;
        align-items: center;
	}
    .text-box-2 h6 {
        margin-bottom: 20px;
    }
}