/* ************************ */
/*							*/
/*	custom theme			*/
/*							*/
/* ************************ */

@media (max-width: 1199px) {
	/* md */

	#main-nav > li+li{margin-left: 2rem;}
	.navbar-brand{margin-top: 2.5rem;}
	.slick-arrow{right: calc((100vw - 970px)/2);}
	#main-slider .item-wrap .container {
    padding-top: 11rem;
    padding-bottom: 11rem;
	}

	 .right-indent{padding-right: 2rem;}
	 .left-indent {padding-left: 2rem;}
	 .icon-listing{margin-left: -15px;margin-right: -15px;}
	 .icon-listing .item {
    width: calc(100% / 3 - 30px - 1px);
    margin-left: 15px;
    margin-right: 15px;
	}

	.displaced-image-section .displaced-image {left: calc((100vw - 970px) / -2);width: calc((100vw - 970px)/ 2 + 970px * 0.41666);}

	.internal-page-header .header-panel:before {
    left: calc((100vw - 970px) / -2 - 15px);
	}
	.breadcrumbs{padding-left: calc((100vw - 970px)/ 2 + 15px); left: calc((100vw - 970px) / -2);}
	.main-column{padding-left: 4rem;}
	.displaced-sidebar-block .displaced-image{
		left: calc((100vw - 970px) / -2 - 15px);
    width: calc(100% + (100vw - 970px) / 2 + 15px);
	}
	.panel-body .textbox>p {padding-right: 0;}
	.bg-yellow-cta:before{width: calc((100vw - 970px)/ 2 + 15px + 55%);  left: calc((100vw - 970px)/ -2);}

	.form-section{margin-left: -3rem; padding: 5rem 2rem 6rem 3rem;}
	.form-section:before{
		right: calc((100vw - 970px)/ -2 - 15px);
		width: calc((100vw - 970px)/ 2 + 15px);
	}


}

@media (max-width: 991px) {
	/* sm */
	#page-wrap, #footer{min-height:none; min-height:auto;}

	.container{ width:auto; padding-left:15px; padding-right:15px;}

	.content-section{padding-top: 4rem; padding-bottom: 4rem;}

	.mb-half-sm{margin-bottom:0.5rem;}
	.mb-big, .mb-big-sm{margin-bottom:3rem;}
	.mb-sm{margin-bottom:1.5rem;}

	.left-indent{padding-left: 15px;}
	.right-indent{padding-right: 15px;}
	.main-column{padding-left: 15px;}

	.inline-radio-wrap{ display:block;}
	label + .inline-radio-wrap{margin-left:0;}

	#header{height:auto;}
	.navbar{ position:relative; box-shadow:none;}
	.navbar.affix{box-shadow:none;}
	.navbar > .container{ display:block;}
	.navbar-header{width:auto; display:block; border-right:0;}

	.affix ~ #page-wrap .navbar-brand img{width: 100%;}
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-left: 0;
    margin-right: 0;
	}

	.affix #main-nav > li > a{padding-top:0.8rem;}
	.affix .navbar-brand{margin-top: 1.25rem;}
	.affix .navbar-brand img{width: 100%;}

	.navbar-brand{max-width: 15rem;margin-top: 1.25rem;}
	.navbar-brand img{max-width:100%;}

	#header{height:auto;}

	.navbar{ position:relative;}
	.affix ~ #page-wrap .navbar{ box-shadow:none; top:0;}

	#navigation{position:absolute; background-color: #f8f8f8; top:100%; width:100%; left:0; margin:0; padding-left:0; padding-right:0; box-shadow:0 14px 14px -12px rgba(0,0,0,0.1);}
		#navigation > .inner-wrap{display: block;}
		#main-nav {margin:0; padding-top: 1rem;width:100%; text-align:left; display:block; border-top-width:1px; background-color: #023a51;}
		#main-nav > li{ display:block; margin-bottom:0;}
		#main-nav > li+li{margin-top:1px; margin-left:0;}
		#main-nav > li > a{padding:0.8rem 1rem; text-align:left; letter-spacing: 0;}
		#main-nav>li.dropdown_split>a,
		#main-nav .dropdown-menu>li.dropdown_split>a {
		  padding-right: 1rem;
		  margin-right: 0;
		}
		#main-nav>li.dropdown_split>.dropdown-toggle,
		#main-nav .dropdown-menu>li.dropdown_split>.dropdown-toggle {
		  display: block;
		  right: 0;
		  top: 0;
		  width: 3.5rem;
		  padding-left: 1rem;
		  padding-right: 1rem;
		  text-align: center;
			padding: 0.8rem 1rem;
		}

		#main-nav > li > a{color:#fff; background-color:transparent;}
		#main-nav > li > a:hover, #main-nav > li > a:focus, #main-nav > .open > a{color:#ffba08; background-color:transparent;}

		#main-nav > .active > a{color:#ffba08; background-color:transparent;}
		#main-nav > .active > a:hover, #main-nav > .active > a:focus, #main-nav > .active.open > a{color:#ffba08; background-color:transparent;}

		#main-nav > li > a:after{display: none;}

		#main-nav .dropdown-menu{position:relative; padding:0; font-size: 1rem; float:none; box-shadow:none; -webkit-box-shadow:none; min-width:100%; background-color:transparent; margin-top:1px;}
		#main-nav .dropdown-menu > li > a{ padding: 0.8rem 1rem;}

		#main-nav .dropdown-menu > li > a{color:#fff; background:transparent;}

		#main-nav .dropdown-menu > li > a:focus,
		#main-nav .dropdown-menu > li > a:hover,
		#main-nav .dropdown-menu > .open > a,
		#main-nav .dropdown-menu > .active > a,
		#main-nav .dropdown-menu > .active > a:focus,
		#main-nav .dropdown-menu > .active > a:hover,
		#main-nav .dropdown-menu > .active.open > a{color:#ffba08; background-color:transparent;}

		#main-nav .dropdown-menu > li > .dropdown-toggle .fa{ transform:rotate(0deg); -webkit-transform:rotate(0deg);}
		#main-nav .dropdown-menu > li > .dropdown-toggle[aria-expanded="true"] .fa{ transform:rotate(-180deg); -webkit-transform:rotate(-180deg);}

		#main-nav .dropdown-menu > li:before{display: none;}

		#main-nav .dropdown-menu .dropdown-menu{left:0; top:0; right: auto;}
		#main-nav .dropdown-menu li a:not(.dropdown-toggle){padding-left:2rem!important;}
		#main-nav .dropdown-menu .dropdown-menu li a:not(.dropdown-toggle){padding-left:4rem!important;}

		#main-nav .dropdown-menu.open-left {left:0; right:auto;}
		#main-nav .dropdown-menu .dropdown-menu.open-left{left:0; right:auto;}


		.top-section{height: auto;background-color: #023a51;padding:0.5rem 15px;}
		.top-section .navbar-nav{float: left;}
		.top-section .navbar-nav li{display: inline-block;}
		.top-section .navbar-nav{margin: 0;}

		.slick-arrow{right: 15px;}
		.slick-arrow.slick-next{top: auto; bottom: 2rem;}
		.slick-arrow.slick-prev{top: auto; bottom: 2rem;right: 4.5rem;}

			h2, .h2-style{font-size:2.2rem;}
			h6, .h6-style{font-size: 1.1rem;}


		.displaced-block{margin-top: 0;}

		#main-slider .item-wrap .container {
	    height: calc(100vh - 70px);
			max-height: 30rem;
	    padding-top: 4rem;
	    padding-bottom: 6rem;
	}
	#main-slider{height: calc(100vh - 70px);max-height: 30rem;}

	.numbers-listing .item:first-child{margin-top: -145px;}
	.numbers-listing .item:nth-child(2){margin-top: -75px;}
	.numbers-listing .item:last-child{margin-top: 0;}

	.numbers-listing .item{
	  display: flex;
		align-items: flex-start;
		width: 100%;
		padding-right: 1rem;
		padding-top: 2rem;
	}
	.numbers-listing .number-title{margin-left: 1.5rem;margin-top:0.8rem;}
	.numbers-listing .simple-text{margin-left: 1.5rem;}
	.numbers-listing .number:after{display: none;}

	.icon-listing .item{margin-bottom: 2rem;}
	.icon-listing{margin-bottom: -2rem;}
	.displaced-image-section .displaced-image{left: 0px;bottom: -6rem;width: 41.66666%;}
	.displaced-image-section {margin-bottom: 1rem;}

	.project-listing{margin-left: -15px; margin-right: -15px;}
	.project-listing .item{padding: 0 15px;}
	 blockquote > p{padding-left: 0.5rem;}

	 .project-listing .item .more-link{opacity: 1;}

	 .displaced-block-row{flex-wrap:wrap;}
	 .displaced-block{min-height: 25rem;}

	 	.footer-bottom-section>*{max-width: 100%;}

		/* .cta-section .row{display: block} */
		.bg-yellow-cta:before{width: 55%; left: 0; top:-4rem; bottom: -4rem;}
		.internal-page-header .header-panel:before { left: -15px;}
		.breadcrumbs{left: 0; padding-left: 15px;}
		.panel-body .displaced-image{margin-left: 0;}
		.accordion .panel-body{padding-top: 2.5rem; padding-bottom: 2.5rem;}
		.accordion,.accordion .panel-body, .accordion .panel-title{margin-left: 0;}
		.internal-page-header {padding-top: 3rem;}

		.form-section{margin-left: 0; padding:2rem; margin-bottom: -4rem;}
		.form-section:before{
			display: none;
		}

		.staff-card .preview-block .card-content-wrapper{padding: 1.5rem;padding-top: 5rem;}
		.staff-card .info-block{padding: 2rem;}

		.staff-card .info-block .row{margin-left: -15px;margin-right: -15px;}
		.staff-card .info-block .row [class*="col-"]{padding-left: 15px;padding-right: 15px;}

		.staff-listing>.col-sm-6, .project-listing-module>.col-sm-6{width: calc(50% - 1px);}
		.staff-listing .item .image-block img {max-height: none;}

		.project-listing-module .content-block{position: relative; display: block;max-width: none; left: auto;background-color: #f6f7f8; padding-left: 0;}
		.project-listing-module .item .content-wrapper{display: none;}

		.modal-content-wrapper{padding: 2rem;}
		.icon-listing .icon-wrapper:before{width: 100%;}

		.contact-us-section{padding-bottom: 0;}

		.link-block {
			margin: -0.5rem -1.75rem;
		}
		.link-block li {
			margin:0.5rem 1.75rem;
		}

		.footer-bottom-section{flex-direction: column-reverse;;align-items: center; justify-content: center; padding-top: 2rem;padding-bottom: 2rem;}
		.social-wrapper{margin-bottom: 1rem;}
		.site-menu{margin-right: 0; margin-bottom: -0.5rem;overflow: hidden; align-items: center; justify-content: center;}
		.site-menu li{margin-bottom: 0.5rem;}
		.site-menu li:before{display: none;}
		.site-menu li+li{margin-left: 1.5rem;}

		select[multiple], select[size]{height: 100%;}
}


@media (max-width: 767px) {
	/* xs */
	html{font-size:14px;}

	.content-section {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.internal-page-header+.content-section{padding-top: 4.5rem;}
	.textbox, .form-wrap, .accordion, .mb, .side-nav, .tabs-wrap{margin-bottom: 2rem;}

	h1, .h1-style{font-size:2rem /*26px*/;}
	h2, .h2-style{font-size:1.8rem/*24px*/;}
	h3, .h3-style{font-size:1.5rem /*22px*/;}
	h4, .h4-style{font-size:1.3rem /*20px*/;}
	h5, .h5-style{font-size: 1.2rem /*14px*/;}
	h6, .h6-style{font-size:1.1rem /*13px*/;}
	.h4-simple{font-size: 1.3rem;}
	h1, h2, h3, h4, h5, h6, .h1-style, .h2-style, .h3-style, .h4-style, .h5-style, .h6-style{margin-bottom: 1rem;}

	.textbox img, .textbox .align-left, .textbox .align-right{ float:none; width:auto; display:inline-block; margin-left:0; margin-right:0; max-width:100%; margin-bottom:1.35rem;}

	.mb-half, .mb-half-sm, .mb-half-xs{margin-bottom:0.5rem;}
	.mb, .mb-sm, .mb-xs{margin-bottom:1.5rem;}
	.mb-big, .mb-big-md, .mb-big-sm, .mb-big-xs, .mb-big-md{margin-bottom:2.5rem;}

	.top-section .navbar-nav{margin-bottom: 1rem;}
	.top-section .navbar-nav li{display: block;}
	.top-section .navbar-nav li a{padding-left: 0;}
	.top-section {flex-direction: column; align-items: flex-start; padding-bottom: 0;}
	#main-slider{max-height: 22rem; height: calc(100vh - 60px);}
	#main-slider .item-wrap .container {
    height: calc(100vh - 60px);
		max-height: 22rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
	}

	#main-slider .item-wrap h1{margin-bottom: 2rem;}
	.slick-arrow{font-size: 1.5rem;width: 38px;height: 38px; bottom: 1rem;}
	.slick-arrow:before{width: 38px;height: 38px;}
	.slick-arrow .fa{width: 32px; height: 32px;}
	.slick-arrow.slick-prev{right: 4rem;}
	.slick-loading {min-height:10rem;}

	.project-listing{margin-bottom: 2.5rem;}
	.project-listing .item{margin-bottom: 2.5rem;}
	.project-listing .item:last-child{margin-bottom: 0;}

	.footer-menu{display: flex; flex-wrap:wrap;justify-content: center; margin-left: -2rem; margin-bottom: -1rem;}
	.footer-menu li{margin-left:2rem; margin-bottom: 1rem;}
	.footer-menu li+li{margin-top: 0;}

	#footer h6{text-align: center; margin-bottom: 1rem;}

	.footer-logo{margin: 0 auto 2.5rem;}
	#footer .contact-block{flex-direction: column;align-items: center;}
	#footer .contact-block>*{max-width: 100%; text-align: center;}
	#footer .contact-block h6{flex: none; margin-bottom: 1rem;}
	#footer .contact-block:not(.mb-big),	#footer .contact-block{margin-bottom: 1.5rem;}


	.project-listing .project-text:not(:last-child){margin-bottom: 1rem;}
	.accordion .panel-title{font-size: 1.3rem;}
	.accordion .panel-title a{padding: 1.5rem; padding-left: 3rem;}
	.accordion .panel-title a .fa{padding: 1.2rem 1rem;}
	.accordion .panel-body{padding: 1.5rem;}

	.cta-section .row{display: block;}
	.bg-yellow-cta:before{display: none;}

	.cta-section .bg-yellow-cta{display: block;}
	.cta-section .bg-yellow-cta .image-block{min-height: calc(100vh/3);}
	.internal-page-header .header-panel{padding: 2rem 2rem 4rem; padding-left: 0;}
	.textbox ul li:before{top: 0.8rem;}

	.form-section{margin-left: 0; padding:2rem 1rem; margin-bottom: -3rem;}
	.radio-check-control{top: -2px;}
	.disclaimer-block{padding-top: 1.78rem;padding-bottom: 1.78rem;}
	.input-label{top: 2.2rem;}

	.SumoSelect>.CaptionCont{padding-top: 2rem; padding-bottom: 2rem;}
	select[multiple], select[size]{height: 100%;}

	.staff-card .preview-block{display: block;}
	.staff-card .preview-block .card-content-wrapper{padding-top: 1.5rem;}
	.staff-card .preview-block .card-image-block{height: 35rem;}
	.staff-card .info-block{padding: 1.5rem;}

	button.close{z-index: 10; right: 1rem; top: 1rem; color: #fff;opacity: 0.6;}

	.staff-listing>.col-xs-12, .project-listing-module>.col-xs-12{width:100%;}

	.project-slider .slick-arrow.slick-prev{top: calc(4rem + 40px);right: 0.5rem;}
	.project-slider .slick-arrow.slick-next{right: 0.5rem; top: 4rem}

	.displaced-image-section .displaced-image{position: relative;left: 0;
	right: 0; height: calc(100vh / 3); width: 100%; top: -3rem;}

	.displaced-block {height: calc(100vw - 30px);}
	.numbers-listing {flex-direction: column; align-items: flex-start;;}
	.numbers-listing .item{width: auto;padding-right: 0;}
	.numbers-listing .item:first-child,.numbers-listing .item:nth-child(2), .numbers-listing .item:last-child{margin-top: 0;}

}

@media (max-width: 479px) {
	.icon-listing{margin-left: -10px;margin-right: -10px;}
	.icon-listing .item {
	    width: calc(100% / 2 - 20px);
	    margin-left: 10px;
	    margin-right: 10px;
	}
	.link-block{margin-left: 0; margin-right: 0;}
	.link-block li{width: 100%; margin: 0.5rem 0;}


	.modal-content-wrapper{padding: 1rem;}


}

@media (max-width: 320px) {
}

@media (max-width: 100px) {
	.navbar-brand {
		float: left;
		height: auto;
		max-width: 22.63rem;
		min-width: 4rem;
		padding: 0;
		margin: 2rem 0 0;
		font-size: inherit;
		line-height: inherit;
		transition: none;
	}
}
