/* ************************ */
/*							*/
/*	custom theme			*/		 
/*							*/
/* ************************ */


@media (max-width: 1199px) {
/* md */
#page-wrap{border-left:0px dashed red;}

.mb-big-md{margin-bottom:var(--space-big);}
	
	.navbar > .container{margin-left:calc(50vw - 970px/2);}
	
#navigation{width:calc(50vw - 970px/2 + 970px*0.833 - 15px);}
#navigation .nav-top{padding:10rem calc(50vw - 970px/2 + 22px) 3.5rem 3.5rem;}
#navigation .nav-bottom{padding:2rem calc(50vw - 970px/2 + 22px) 2rem 3.5rem;}
	
	.slick-slider .slick-prev{left:calc(50vw - 970px/2 + 7px);}
	.slick-slider .slick-next{left:calc(50vw - 970px/2 + 3rem + 7px);}
	.slick-slider .slick-dots{left:calc(50vw - 970px/2 + 7px + 7.5rem);}
	
	.featured-section::before {width:calc(50vw - 970px/2 + 970px*0.6666);}
	.about-section::before {width:calc(50vw - 970px/2 + 970px*0.6666);}
	
	.cta-section .cta-wrap::after{left:calc(970px/2 - 50vw - 970px*0.1666 - 7px);}
	.cta-section .cta-wrap::before {right:calc(970px/2 - 50vw - 7px);}
	.cta-section .cta-wrap{padding-left:11rem; padding-right:11rem;}
	.cta-section .cta-wrap .row-wrap div + div{margin-left:1.5rem;}
	
	.intro-block{padding:3.5rem 13.5rem 3.5rem 3.5rem;}
	.internal-contacts-wrap .contact-item+.contact-item{margin-left:1rem;}

	.anchors-nav-wrap .anchors-nav li{margin-right:1.5rem;}
	.anchors-nav-wrap .nav-label{margin-right:1.5rem;}
	
	.featured-image-right .primary-image{margin-right:calc(970px/2 - 50vw - 15px); height:calc((970px*0.5833)/1.618);}
	
	.featured-image-left .primary-image{margin-left:calc(970px/2 - 50vw - 15px); height:calc((970px*0.5833)/1.618);}
	
	

}

@media (max-width: 991px) {
/* sm */
#page-wrap{border-left:0px dashed green;}

html{font-size:14px;}
	h2, .h2-style{font-size:2.5rem;}

.lead, .big{ font-size:1.2rem}
.small{ font-size:0.83rem}

.anchor-link{top:-1rem;}

.container{ width:auto; padding-left:15px; padding-right:15px; margin-left:auto;}
.slick-slider .container{width:100%;}

.content-section{ padding-top:4.5rem; padding-bottom:4.5rem; }
.large-padding-top{ padding-top:6.5rem;}
.large-padding-bottom{ padding-bottom:6.5rem;}

.mb-half-sm{margin-bottom:var(--space-small);}
.mb-big-sm{margin-bottom:var(--space-big);}
.mb-sm{margin-bottom:var(--space-normal);}
/*.in-form-header:not(:first-child){margin-top:1.5rem;}*/

input[type="checkbox"] + .radio-check-control::before{font-size: 0.8rem;}

[class*='col-'].indent-right{padding-right:15px;}
[class*='col-'].indent-left{padding-left:15px;}

#header{height:auto;}

.navbar{ position:relative; width:auto; padding:0; background-color: var(--color-dark-green);}
.navbar > .container{height:auto; display: block; margin-left:auto;}
.navbar.affix{top:0; box-shadow:none;}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{margin-left:0; margin-right:0;}

.navbar-header{ display:flex; align-items:center;}
.navbar-brand{margin-left:0; margin-top:0.25rem; margin-bottom:0.25rem;}
	
	#menu-toggle{display: none;}	
	
	#navigation{transform:none; width:auto; left:0; top:auto;}
	#navigation .nav-top{padding:2.5rem 3.5rem;}
	#navigation .nav-bottom{padding-right:3.5rem;}


.breadcrumbs-section{padding:0.5rem 0;}
.breadcrumbs-section ol li+li:before{margin:0 0.5rem;}
	
	#hero-slider .item{padding-top:5rem; padding-bottom:5rem; min-height:calc(100vw/1.618);}
	.slick-slider .slick-dots{left:15px;}
	
	.featured-listing .section-intro{padding:3rem; background-size: 12rem auto;}
	.featured-listing .item .title{padding:3rem;}
	.featured-listing .col{width:calc(50% - 0.5rem);}
.featured-listing .item+.item{margin-top:1rem;}
	
	
	.textbox blockquote{padding-left:4rem; background-position: 2.37rem top;}
	
	.section-header{display: block;}
	.section-header > div:first-child{margin-right:0;}
	.section-header > div:last-child{margin-left:0; margin-top:1.5rem;}
	
	.news-listing .item.featured .content{padding:3rem;}
	.news-listing .item .content{padding-left:1rem; padding-right:1rem;}
	.news-listing > .inner-wrap{margin:0 -0.5rem -1rem -0.5rem}
	.news-listing .item{width:calc(33.33% - 1rem); margin:0 0.5rem 1rem 0.5rem;}
	
	.cta-section .cta-wrap::after{left:calc((30px - 100vw)*0.1666); background-size: 5.5rem auto;}
	.cta-section .cta-wrap::before{right:-15px;}
	.cta-section .cta-wrap{padding-left:7rem; padding-right:7rem; background:url("../img/bg-sign-half-right.png") left bottom / 6rem auto no-repeat , url("../img/bg-sign-top.png") right top / 12rem auto no-repeat , var(--color-grey);}
	
	.site-map .col + .col{margin-left:2rem;}
	
	.masthead-internal-section{padding-top:4.5rem;}
	
	.sd-listing .sd-item{width:calc(33.33% - 2rem);}
	
	.intro-block{background-size: 7rem auto; padding:3rem 10rem 3rem 3rem;}
	
	.featured-image-right .primary-image{margin-right:-15px; height:calc(50vw/1.618);}
	.featured-image-right .col-image .text-image-wrap{margin-left:6.25rem;}
	
	.featured-image-left .primary-image{margin-left:-15px; height:calc(50vw/1.618);}
	.featured-image-left .col-image .text-image-wrap{margin-right:6.25rem;}
	
	.awards-block .item{width:100%;}
	
	.items-listing > .inner-wrap{margin:0 -0.5rem -1rem -0.5rem}
	.items-listing .item{margin:0 0.5rem 1rem 0.5rem;}
	.items-listing.four-cols .item{width:calc(25% - 1rem);}
	.items-listing.three-cols .item{width:calc(33.33% - 1rem);}
	.items-listing.two-cols .item{width:calc(50% - 1rem);}
	.items-listing .item .content{padding-left:1rem; padding-right:1rem;}
	
	.leaders-listing .item .content{padding:1.5rem 1rem;}
	
	.decorated-header span{opacity: 1; right:0;}
	.decorated-header span:before{left:2.5rem;}
	
	

	}


@media (max-width: 767px) {
/* xs */
#page-wrap{border-left:0px dashed blue;}
	
:root{
	--space-small:0.5rem;
	--space-normal:1rem;
	--space-big:2.5rem;
	}

.content-section{ padding-top:3.5rem; padding-bottom:3.5rem; }
.large-padding-top{ padding-top:5rem;}
.large-padding-bottom{ padding-bottom:5rem;}

.btn:not(.btn-link){height:auto; white-space:normal; padding-top:0.85rem; padding-bottom:0.85rem;}

.upload-control .btn{width:8rem;}
.upload-control .file-name{padding-right:9rem;}
.upload-control .input-label{margin-right:9rem;}

h1{font-size:2.14rem;}
h2, .h2-style{font-size:1.78rem;}
h3, .h3-style{font-size:1.50rem;}
h4, .h4-style{font-size:1.28rem;}
h5, .h5-style{font-size:1.14rem;}
h6, .h6-style{font-size:1.00rem;}

.display1{font-size:2.75rem;}
	
	.decorated-header span::before{height:0.75rem;}
	
	.textbox blockquote{padding-right:4rem;}
	
	.sp-link::after{ background-size: contain;}

h1, h2, h3, h4, h5, h6, .textbox p, .textbox ul, .textbox ol{/*margin-bottom:1rem;*/ margin-top:0;}
.text-image-wrap.align-left, .text-image-wrap.align-right{float:none; width:auto; max-width:100%; margin-right:0; margin-left:0; margin-bottom:1.35rem;}
.text-image-wrap.align-left img, .text-image-wrap.align-right img, .text-image-wrap.align-left figure, .text-image-wrap.align-right figure{width:auto;}

/*.textbox, .form-wrap, .accordion, .side-nav, .tabs-wrap{margin-bottom:2.5rem;}*/

.textbox ol{padding-left: 2.5rem;}
.textbox ul{padding-left: 1.5rem;}
	.textbox ul li{background:url(../img/list-marker.png) no-repeat 0 0.5rem;}

.mb-half-xs{margin-bottom:var(--space-small);}
.mb-big-xs{margin-bottom:var(--space-big);}
.mb-xs{margin-bottom:var(--space-normal);}
/*.in-form-header:not(:first-child){margin-top:1rem;}*/
	
	.featured-section::before {width:66.66%;}
	.featured-listing{display: block; padding-bottom:6.5rem; }
	.featured-listing .col{width:auto; position: static;}
	.featured-listing .col+.col{margin-top:1rem;}
	.featured-listing .right-col{margin-top:0;}
	.featured-listing .section-intro{padding:2rem;}
	.featured-listing .item .title{padding:2rem;}
	.featured-listing .button-wrap{padding-top:0; position: absolute; right:0; bottom:0; z-index: 2;}
	
	.about-section::before {width:66.66%;}
	
	.news-listing .item{width:auto;}
	.news-listing .item .content{padding:2rem;}
	.news-listing .item.featured .item-inner{display: block;}
	.news-listing .item.featured .image{width:100%; height:calc((100vw - 30px)/1.618);}
	.news-listing .item.featured .content{width:auto; padding:2rem;}
	
	.cta-section .cta-wrap .row-wrap{display: block;}
	.cta-section .cta-wrap .row-wrap div + div{margin-left:0; margin-top:1rem;}
	
	.contacts-wrap{ display: flex; flex-direction: column; align-items: center;}
	
	.site-map{padding-top:0; display: block; text-align: center;}
	.site-map .col + .col{margin-left:0; margin-top:2.5rem;}
	.site-map ul{display: flex; align-items: flex-start; flex-wrap:wrap; justify-content: center;}
	.site-map ul li + li{margin-top:0;}
	.site-map ul li{margin:0 0.5rem 1rem 0.5rem;}
	
	#footer .contact-item{text-align: center;}
	#footer .footer-bottom{justify-content: center;}
	
	#navigation .contact-item + .contact-item{margin-top:1rem;}
	
	.masthead-internal-section{padding-top:3.5rem; padding-bottom:3.5rem;}
	
	.sd-listing .sd-item{width:calc(50% - 2rem);}
	.sd-flex-form {display: block;}
	.sd-flex-form .form-group{margin-bottom: 1.5rem;}

	.sd-modal-body .sd-card{display: block;}
	.sd-modal-body .sd-card .sd-image-block{margin-right: 0; margin-bottom: 1.5rem; flex: none;}

	.sd-abc-filter {flex-wrap: wrap;}
	.sd-abc-filter span{width: auto;}
	.sd-abc-filter a{padding: 0.25rem 1rem;}
	
	.sd-contact-body{ display:block;}
	.sd-scrool-block{height: auto; overflow-y: visible;}
	.sd-scrool-block .textbox{padding-right: 0;}
	.sd-scrool-block .jspVerticalBar{opacity: 0;}
	
	.intro-block{background-size: 5rem auto; padding:2rem 6rem 2rem 2rem;}
	
	.anchors-nav-wrap{display: block;}
	.anchors-nav-wrap .nav-label{padding-left:0.25rem; margin-bottom:0.5rem;}
	
	.featured-image-right > .row{display: block;}
	.featured-image-right .primary-image, .featured-image-left .primary-image{height:calc(100vw/1.618);}
	.featured-image-right .col-image .text-image-wrap{text-align: right;}
	.featured-image-right .text-image-wrap figcaption{text-align: left;}
	
	.items-listing.four-cols .item{width:calc(50% - 1rem);}
	.items-listing.three-cols .item{width:calc(100% - 1rem);}
	.items-listing.two-cols .item{width:calc(100% - 1rem);}
	
	.masthead-internal-section.masthead-custom{padding-bottom:8.5rem;}
	.masthead-custom + .breadcrumbs-section{margin-top:-8.5rem;}
	
	.intro-block.no-bg{padding-right:2rem;}
	
	.internal-contacts-wrap{display:block;}
.internal-contacts-wrap .contact-item+.contact-item{margin-left:0; margin-top:var(--space-normal);}
	
}

@media (max-width: 566px) {
#page-wrap{border-left:0px dashed yellow;}

.modal-header{padding:1.5rem 1.5rem 0 1.5rem;}
.modal-body{padding:1.5rem;}
.modal-footer{padding:0 1.5rem 1.5rem 1.5rem;}

/* responsive table */
.textbox table{border-top:1px solid #ddd;}
.textbox table, .textbox table tbody, .textbox table tfoot, .textbox table tr, .textbox table caption{ display: block;}
.textbox table thead {display: none;}
.textbox table td {display: flex; padding:0.6rem; text-align: left; border:0;}
.textbox table td:before{ content: attr(data-th); display: block; font-weight: bold; padding-right:1rem; width:40%; flex:none;}
	.textbox table.images-gallery{border-top:0;}
	.textbox table.images-gallery td:before{display: none;}
	
	#navigation .nav-bottom{padding-left:2rem; padding-right:2rem;}
	
	.textbox blockquote{padding-left:2rem; padding-right:2rem; background-position:0.37rem top;}
	
	.news-listing .item .content{padding:1.5rem;}
	.news-listing .item.featured .content{padding:1.5rem;}
	
	.cta-section .cta-wrap{padding-left:3rem; padding-right:3rem;}
	
	#footer .footer-bottom{flex-direction: column-reverse; text-align: center;}
	#footer .footer-bottom span + span::before{display: none;}
	#footer .footer-bottom span{margin-bottom:0.5rem;}
	
	.featured-listing .item .title{padding:1.5rem;}
	.featured-listing .section-intro{padding:1.5rem;}
	
	.sd-listing > .sd-inner-wrap{ display:block; margin-left:0; margin-right:0;}
	.sd-listing .sd-item{width:auto; margin-left:0; margin-right:0;}
	
	.intro-block{padding:1.5rem;}
	
	.featured-image-right .col-image .primary-image + .text-image-wrap, .featured-image-left .col-image .primary-image + .text-image-wrap{margin-top:-3.5rem;}
	
	.items-listing.four-cols .item{width:calc(100% - 1rem);}
	
	
	


}	

@media (max-width: 320px) {
#page-wrap{border-left:0px dashed red;}


}