@charset "utf-8";
@import url("//fonts.googleapis.com/css?family=Roboto:wght@100,300,400,500,600,700,800,900|Playfair+Display:ital");
/* COMMON */
body{
	font-size: 18px;
	font-family: 'Roboto', arial, tahoma, sans-serif;
	font-weight: 400;
	line-height: 1.6;
	padding: 0;
	margin: 0;
	color: #000;	
	position: relative;
	word-break: normal;	
	background-color: #fff;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;	
}
html,
body {
	margin:0;
	padding:0;
	height:100%;
}
a:link,
a:visited{
	color:#0a2052;
	text-decoration:none;
	outline: none;
}
a:hover{
	color: #3a94d1;
}
p{
	margin-bottom: 30px;
}
p:last-child{
	margin-bottom: 0;
}
.text-justify{
	text-align: justify;
}
.mgt20{margin-top: 20px;}
.mgt30{margin-top: 30px;}
.mgt40{margin-top: 40px;}
.mgt50{margin-top: 50px;}
.mgt60{margin-top: 60px;}
.mgt70{margin-top: 70px;}
.mgt80{margin-top: 80px;}
.mgt90{margin-top: 90px;}
.mgt100{margin-top: 100px;}
.mgt120{margin-top: 120px;}
.sm-line{
	position: relative;
	display: block;
}
.text-medium{
	font-size: 20px;
	font-weight: 400;
	line-height: 1.5;	
}
.text-lg{
	font-size: 24px;
	font-weight: 500;
	line-height: 1.6;	
}
.text-x-lg{
	font-size: 30px;
	line-height: 45px;	
}
h2.title{	
	font-size: 36px;
    font-weight: 800;	
    color: #010000;
	margin-top: 0;
    margin-bottom: 30px;	
	line-height: 1.2;
}
h3.title{	
	font-size: 30px;
    font-weight: 800;
	line-height: 30px;
    text-transform: uppercase;
    color: #010000;
    margin-bottom: 20px;
	margin-top: 0;
}
h3.title.line{
	padding-bottom: 25px;
	position: relative;
	margin-bottom: 50px;
}
h3.title.line:after{
	content: "";
	display: block;
	width: 150px;
	height: 6px;
	background-color: rgba(219,102,62,1);
	position: absolute;
	bottom: 0;
}
hr.split{
	border-top-color: #d9d9d9;
	margin: 0 0;
}
.bg-cover {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}
.navbar-toggle{
	margin-right: 0;
	margin-top: 20px;
	border: 0px solid #999;
    border-radius: 0;
	padding: 6px 5px;
}
.navbar-toggle .icon-bar{
	background-color: #000;
}
.page-title{
	font-size: 36px;
    font-weight: 700;
	color: #000;
	line-height: 1.1;
	padding: 0 10%;
}
.page-description{
	font-size: 30px;
    font-weight: 400;
    line-height: 1.2;
    margin-top: 20px;
}
.page-description+.quote-name{
	font-weight: 700;
	font-size: 24px;
	margin-top: 30px;
}
.page-title+.page-description{
	margin-top: 50px;
}
#page-id{
	width: 100%;
    float: left;
	margin: 70px 0 70px 0;
}
#page-id.nmb{
	margin-bottom: 0;
}
#page-id.nmt{
	margin-top: 0;
}
i.ico{
	display: block;
	display: inline-block;
	width: 30px;
}
.img img{
	width: 100%;
	max-width: 100%;
}
.img img-small{
	width: 50%;
	max-width: 50%;
}
.img.auto img{
	width: auto;
	max-width: 100%;
}
.v-center{
	display: flex;
	align-items: center;
}
.row.flex{
	display: flex;	
}
.row.flex.wrap{
	flex-wrap: wrap;
}
.btn{
	min-width: 150px;
	padding: 9px 12px;
	border: 0;
	outline: none !important;
	font-size: 16px;
	font-weight: 600;
	border-radius: 6px;
}
.btn.btn-primary{
	background-color: #243865;
	color: #ffffff;	
}
.btn.btn-primary:hover{
	background-color: #40a2e1;
	color: #fff;
}
.btn.btn-info{
	background-color: #3587c3;
	color: #fff;	
}
.btn.btn-info:hover{
	background-color: #25a6f8;
	color: #fff;
}
ul.np{
	list-style: none;
	padding: 0;
	margin-bottom: 0;
}
ul.np li{
	padding: 3px 0;
	position: relative;
}
ul.np.bl li{	
	padding-left: 20px !important;
}
ul.np.bl li:before{
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    background-color: #666;
    position: absolute;
    left: 0;
    top: 14px;
}
.container-fluid.no-pd{
	padding-left: 0;
	padding-right: 0;
}
.container-fluid.no-pd .row{
	margin-right: 0;
    margin-left: 0;
}
.container-fluid.no-pd .row>div{
	padding-left: 0;
	padding-right: 0;
}
/* SLIDER */
.owl-theme .owl-dots .owl-dot span {
    border-radius: 0;
    margin: 0 3px;
}
.owl-carousel{
	touch-action: manipulation;
}
.owl-carousel .owl-item img.ico{
	width: auto;
	display: inline-block;
}
#feature-news{
	padding: 85px 100px;
	position: relative;
	background-color: #fff;
}
#feature-news .box{
	padding: 30px;
	background-color: #0a2052;
}
#feature-news .box .date{
	color: #fff;
}
#feature-news .box .title{
	color: #0cc639;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.1;
	margin-top: 15px;
	margin-bottom: 45px;
}
#feature-news .owl-carousel .owl-stage{
	display: flex;
}
#feature-news .owl-carousel.owl-drag .owl-item{
	background-color: #0a2052;
	padding-bottom: 50px;
}
#feature-news .owl-carousel.owl-drag .owl-item a.btn{
	position: absolute;
	bottom: 30px;
}
#feature-news-nav{
	position: absolute;
	height: 0;
	top: 50%;
	left: 5px;
	right: 5px;
	margin-top: -50px;
	z-index: 100;
}
#feature-news-nav .disabled{
	opacity:0.5;
}
#feature-news-nav.owl-nav>button{
	display:block;
	width: 30px;
	height: 60px;
	cursor:pointer;
	text-indent:-9999px;
	overflow: hidden;
	border: 0;
	outline: none;
}
#feature-news-nav .owl-prev{
	float:left;
	background: url(../images/icons/l-arrow.png) no-repeat right 0;
	background-size: auto 100%;
}
#feature-news-nav .owl-next{
	float: right;
	background: url(../images/icons/r-arrow.png) no-repeat right 0;
	background-size: auto 100%;
}
#enums{
	margin-top: 70px;
}
#enums .item{
	margin: 20px 0;
}
#enums .num{
	margin-bottom: 20px;
}
#enums .num span{
	display: inline-block;
	background-color: #0a2052;
	color: #fff;
	text-align:center;
	width: 98px;
	height: 98px;
	line-height: 98px;
	font-size: 60px;
	font-weight: 300;
	border-radius: 50%;
}
/* HEADER */
#header-bar{
	height: 130px;
	box-sizing: border-box;
	background-color: rgba(255,255,255,1);
	z-index: 2;
	position: relative;
	margin-bottom: -130px;
}
#header-bar .company-logo{
	position: absolute;
	top: 15px;
	left: -40px;
	display: block;	
	z-index: 2;
}
#header-bar .company-logo img{
	max-height: 90px;
}
#header-bar.fixed{
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 999999;
	height: 90px;
	background-color: rgba(255,255,255,1);
	box-shadow: 0 0 15px 0 rgb(0 0 0 / 25%);
}
#header-bar.fixed .company-logo{
	top: 15px;
}
#header-bar.fixed .company-logo img{
	max-height: 55px;
}
#header-bar.fixed #top-menu{
	top: 20px;
}
#top-menu{
	position: absolute;
	top: 53px;
	right: 0;
	z-index: 3;
}
#top-menu .dropdown.open,
#top-menu .dropdown.hover,
#top-menu .dropdown.hover a{
	background-color: transparent;
}
#top-menu .navbar-nav>li{
	padding: 8px 12px;
}
#top-menu .navbar-nav>li>a{
	font-size: 16px;	
	font-weight: 800;
	color: #0a2052;
	text-transform: uppercase;	
	padding: 8px 2px;	
	line-height: 25px;
	box-sizing: border-box;
	position: relative;
	font-family: 'Roboto', arial, tahoma, sans-serif;
}
#top-menu .navbar-nav>li>a:hover{
	color: #000 !important;
}
#top-menu .nav .open>a,
#top-menu .nav .open>a:hover,
#top-menu .navbar-nav>li>a:hover{	
	background-color: transparent !important;
	color: #000 !important;
}
#top-menu .nav .open>a:focus,
#top-menu .navbar-nav>li>a:focus{
	background-color: transparent;
}
#top-menu .dropdown-menu{
	padding: 0;
	margin: 0;	
	left: 18px;
	top: 50px;
	right: auto;
	border: 0;
	border-radius: 0;
	min-width: 227px;
	background-color: rgba(56,179,72,1);
}
#top-menu .dropdown-menu a{
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	text-transform: none;
	padding: 10px 12px;
}
#top-menu .dropdown-menu li{
	border-bottom: 1px solid #8ed498;
}
#top-menu .dropdown-menu a:hover,
#top-menu .dropdown-menu a:focus{
	background-color: rgba(40,131,52,1);
	color: #fff;
}
#wrap-content{
	width: 100%;
	float: left;
}
/* FOOTER */
#footer-bar{	
	padding: 18px 0 18px 0;
	font-size: 12px;
	font-weight: 400;
	color: #666;
	line-height: 20px;
	width: 100%;
	float:left;
	box-sizing: border-box;
	background-color: rgba(248,248,248,1);	
	font-family: 'Roboto', arial, tahoma, sans-serif;
}
#footer-bar .row{
	display: flex !important;
	align-items: center;
}
#footer-bar img.logo{
	height: 35px;
	margin-right: 15px;
	position: relative;
	top: -2px;
}
#footer-bar.bdt{
	border-top: 1px solid #f0f0f0;
}
#footer-bar  a{
	color: #0d7236;
	font-weight: 600;
}
#footer-bar a.linkedin{
	background-color: #9a9a9a;
	padding: 3px 5px;
	border-radius: 2px;
	color: #fff;
}
.footer.information{
	margin-bottom: 100px;
}
.footer.information h3{
	margin-top: 0;
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 6px solid #38b348;
	font-weight: 800;
}
.footer.information .logo{
	margin-bottom: 30px;
}
.footer.information .logo img{
	max-height: 90px;
}
.footer.information .text{
	font-weight: 500;
}
.footer.information ul.ql li{
	padding: 1px 0;
}
.footer.information ul.ql a{
	font-weight: 800;
	color: #3a94d1;
}
.footer.information ul.ql a:hover{
	color: #0a2052;
}
.footer.information ul.headquarters a{
	font-weight: 700;
}
.footer.information ul.headquarters .addr{
	font-weight: bold;	
}
.footer.information ul.headquarters li{
	padding-left: 30px;
}
.footer.information ul.headquarters li i{
	position: absolute;
	left: 0;
	top: 4px;
}

/* BANNER */
.banner{
	background-color: #f8f8f8;
	min-height: 550px;
	position: relative;
	color: #fff;
	width: 100%;
	float: left;	
	z-index: 0;
}
.banner .page-desc{
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 120px;
	padding: 10px 100px 10px 100px;
	color: #fff;
}
.banner .page-desc .text{
	color: #fff;
	font-weight: 600;
	font-size: 50px;
	line-height: 1.1;
}
.banner .page-desc .desc{
	font-weight: 400;
	font-size: 35px;
	line-height: 1.1;
	margin-top: 10px;
}
.banner.contact-us{
	background-image: url(../images/banner/contact-us.jpg);
}
.banner.about-us{
	background-image: url(../images/banner/about-us.jpg);
}
.banner.our-team{
	background-image: url(../images/banner/our-team.jpg);
}
.banner.services{
	background-image: url(../images/banner/services-banner.jpg);
}
.banner.sustainability{
	background-image: url(../images/sustainability/sustainability-banner.jpg);
}
.banner.careers{
	background-image: url(../images/banner/careers.jpg);
}

/* SERVICES BOX */
#services-box{
	background-color: #f2f5f4;
	padding: 85px 0;
}
#services-box.np{
	padding: 0;
	background-color: transparent;
}
#services-box .item{
	margin: 15px 0;
}
#services-box .item .box{
	background-color: #fafcfb;
}
#services-box .item .box:hover{
	background-color: #fff;
}
#services-box.np .item .box:hover{
	background-color: #edf8ff;
}
#services-box .item .box .wp{
	padding: 30px;
}
#services-box .item .box h3{
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 28px;
	font-weight: 800;
	text-transform: uppercase;
}
#services-box .item .box .text{
	font-size: 16px;
}
#services-box.w-b .item .box{
	padding-bottom: 65px;
}
#services-box.w-b .item .box .btn{
	position: absolute;
	bottom: 30px;
}

/* JOIN TEAM */
#join-team{	
	background: url(../images/home/bg.png) #f2f2f2 no-repeat;
	background-size: cover;
	background-position: right 20%;	
}
#join-team .bg{
	background-color: rgba(0,0,0,0.84);
	height: 100%;
	min-height: 450px;
	color: #fff;	
}
#join-team .bg .box{
	width: 100%;
	padding: 100px 10%;
}
#join-team h2{
	margin-top: 0;
	margin-bottom: 30px;
	padding-bottom: 25px;
	font-size: 60px;
	position: relative;
}
#join-team h2:before{
	content: "";
	display: block;
	width: 210px;
	height: 6px;
	background-color: #00fe21;
	position: absolute;
	bottom: 0;
	
}
#join-team div.text{
	margin-bottom: 30px;
}

/* HOME CAROUSEL */
#home-carousel {
	box-sizing: border-box;
	height:100%;
	min-height: 800px;
}
#home-carousel .item {
	height:100%;
	position: relative;
	min-height: 800px;
}
#home-carousel .item .text {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 12%;
}
#home-carousel h1{
	position: relative;
	font-size: 65px;
	font-weight: 600;
	margin-bottom: 0;
	padding-bottom: 50px;
}
#home-carousel h1:before{
	content: "";
	display: block;
	width: 210px;
	height: 6px;
	background-color: #ffffff;
	position: absolute;
	bottom: 0;	
}
#home-carousel .desc{	
	font-size: 24px;
	font-weight: 400;
	line-height: 1.3;
	margin-top: 50px;
}
#home-carousel h1 span{
	font-family: 'Playfair Display', arial, tahoma, sans-serif;
	font-weight: 400;
}
#home-carousel .link{
	margin-top: 40px;
}
#home-carousel .link a{
	color: #ffffff;
	font-weight: 600;	
}
#home-carousel .link a i{
	margin-left: 10px;
}

/* HOME PAGE */
#home-page #contact{
	margin-bottom: 100px;
}
#home-page #services-box{
	background-color: #f2f5f4;
	padding: 85px 0;
}
#home-page .quote .quote-icon{
	margin-bottom: 30px;
}
#home-page .quote .text{
	font-size: 16px;
}
#home-page .quote .name{
	margin-top: 30px;
	font-style: italic;
}
#home-page .quote .name strong{
	font-weight: 800;
	font-style: normal;
}
#home-page section h2.title{
	margin-bottom: 70px;
}
#home-page section.our-vision h2.title{
	margin-bottom: 25px;
}
#home-page .text-lg{
	font-weight: 800;
	color: #3a94d1;
}

/* ABOUT US */
#about-us-page .commitment .bg-main-img{
	background-image: url(../images/about/pic-1.jpg);
}
#about-us-page .commitment .bg-main-img img{
	opacity: 0;
	visibility: visibility;
}
#about-us-page .commitment .bg-img{
	background: url(../images/about/bg-c.png) #f2f2f2 no-repeat -150px center;
}
#about-us-page .commitment .bg-img .box{
	padding: 100px 7%;		
}
#about-us-page .commitment h3{
	margin-top: 0;
	margin-bottom: 30px;
	font-size: 36px;
	font-weight: 800;
	text-transform: uppercase;
}
#about-us-page .commitment .text{
	font-size: 24px;
	line-height: 1.4;
}
#about-us-page #partners .items{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
#about-us-page #partners .items .item{
	margin-top: 10px;
	margin-bottom: 10px;
}
#about-us-page hr{
	margin: 80px 0 0 0;
}

/* SERVICES */
#our-services-page .commitment .bg-main-img{
	background-image: url(../images/services/map.jpg);
}
#our-services-page .commitment .bg-main-img img{
	opacity: 0;
	visibility: visibility;
}
#our-services-page .commitment .bg-img{
	background: url(../images/about/bg-c.png) #f2f2f2 no-repeat -150px center;
}
#our-services-page .commitment .bg-img .box{
	padding: 100px 7%;		
}
#our-services-page .projects{
	background: url(../images/services/bg-g-logo.png) #38b348 no-repeat right center;
	height: 100%;	
	color: #fff;
}
#our-services-page .projects .bg{
	background-color: rgba(36,55,100,0.7);
	min-height: 500px;
	color: #fff;	
}
#our-services-page .projects .bg .box{
	padding: 100px 7%;
}
#our-services-page .projects h3{
	font-size: 36px;
	font-weight: 800;
	margin-top: 0;
	margin-bottom: 30px;
}
#our-services-page .projects .text{
	font-size: 24px;
	line-height: 1.3;
	margin-bottom: 40px;
}
#our-services-page .projects a{
	color: #00fe21;
	font-weight: 600;
}
#our-services-page .projects a:hover{
	color: #28db3f;
}
#our-services-page .projects a i{
	margin-left: 20px;
}
#our-services-page .map h3 {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 36px;
    font-weight: 800;
}
#our-services-page .map .text {
    font-size: 24px;
    line-height: 1.4;
}

/* SUSTAINABILITY */
#sustainability-page section.recycling{
	background-color: #d1eee2;
	padding: 100px 0;
}
#sustainability-page section.leed{
	background-color: #e9eeec;
	padding: 100px 0;
	font-size: 16px;
}
#sustainability-page .recycling .img,
#sustainability-page .leed .img{
	padding: 0 15px;
}
#sustainability-page .recycling h3,
#sustainability-page .leed h3{
	font-size: 36px;
	font-weight: 800;
	margin-top: 0;
	margin-bottom: 30px;
}
#sustainability-page .recycling hr{
	border-top-color: #000;
	margin: 60px 0 40px 0;
}
#sustainability-page .recycling .text{
	/*font-size: 22px;*/
	/*font-weight: 500;*/
}
#sustainability-page .recycling h4{
	font-size: 30px;
	font-weight: 800;
	margin-top: 0;
	margin-bottom: 10px;
}
#sustainability-page .recycling ul li{
	padding: 1px 0;
	line-height: 1.3;
}
#sustainability-page .recycling ul li span{
	color: #009500;
	font-size: 20px;
	font-weight: 500;
}

/* TEAM */
#our-team-page .item{
	margin: 40px 0;
}
#our-team-page .item .name {
    font-size: 24px;
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 10px;
    line-height: 1.3;
}
#our-team-page .item .position {
    font-size: 18px;
    font-weight: 500;
	font-style: italic;
    line-height: 1.2;
}

/* CONTACT */
#contact-us-page h3.title{
	font-size: 24px;
	font-weight: 800;
	position: relative;
	padding-bottom: 20px;	
	margin-bottom: 40px;
}
#contact-us-page h3:before{
	content: "";
	display: block;
	width: 100%;
	height: 11px;
	background-color: #38b348;
	position: absolute;
	bottom: 0;	
}
#contact-us-page .info a{
	font-weight: 800;
}
#contact-us-page .info hr{
	border-top-color: #000;
	margin: 50px 0;
}
#contact-us-page .info h4{
	font-weight: 800;
	margin-top: 0;
	margin-bottom: 5px;
}
#contact-us-page #page-id ul li{
	padding-left: 30px;
}
#contact-us-page #page-id ul li i{
	position: absolute;
	left: 0;
	top: 2px;
}
#contact-us-page .info h4.mg{
	margin-top: 40px !important;
}
#contact-us-page form{
	margin-top: 40px;
}
#contact-us-page .form-group{
	margin-bottom: 40px;
}
#contact-us-page form .btn{
	font-size: 24px;
}
#contact-us-page form .form-control{
	box-shadow: none;
	outline: none !important;
}
#contact-us-page form input[type="text"].form-control{
    height: 36px;
}
#contact-us-page form .form-control.error{
    border-color: #de0d0d;
}

/* CAREERS */
#careers-page .text-lg {
    font-weight: 800;
    color: #238f31;
}
#careers-page section.eliminator .line{
	border-bottom: 8px solid #38b348;
	padding-bottom: 40px;
}
#careers-page section.eliminator h3{
	font-weight: 800;
}
#careers-page section.eliminator .item{
	margin-bottom: 50px;
}
#careers-page section.download a{
	color: #3a94d1;
	font-weight: 700;
}
#careers-page section.download .line{
	border-bottom: 8px solid #ffffff;
	padding-bottom: 40px;
	padding-top: 50px;
}
#careers-page section.download a+span{
	font-style: italic;
}
#careers-page #join-team{
	background: url(../images/careers/bg.jpg) #292929 no-repeat right top;
	background-position: right top;
	background-size: auto 100%;
}
#careers-page #join-team .bg{
	background-color: rgba(41,41,41,1);
}
#careers-page .box-2 h3{
	font-size: 27px;
	font-weight: 800;
	position: relative;
	margin-top: 0;
	margin-bottom: 30px;
	padding-top: 30px;
}
#careers-page .box-2 h3:before{
	content: "";
	display: block;
	width: 250px;
	height: 8px;
	background-color: #38b348;
	position: absolute;
	top: 0;
}
#careers-page .box-2 a{
	color: #3a94d1;
}
#careers-page .box-2 p.join{
	font-size: 24px;
	line-height: 1.3;
}