/* ************************ */
/*							*/
/*	custom theme			*/		 
/*							*/
/* ************************ */

@media (max-width: 1600px) {
	.decorated-header .header-lines:after{left:calc((1170px - 100vw)/2 - 15px);}
	
	.navbar-header:after{left:calc((1170px - 100vw)/2 - 15px);}
	
	.breadcrumbs-section:after{width:calc(50vw + 1170px/2 - 15px); left:0;}

}

@media (max-width: 1199px) {
	/* md */
	#page-wrap{border-left:0px dashed red;}
	
	.container{margin-left:calc((100vw - 970px)/2);}
	
	.mb-big-md{margin-bottom:3.5rem;}
	
	.decorated-header .header-lines:after{left:calc((970px - 100vw)/2 - 15px);}
	
	.navbar-header:after{left:calc((970px - 100vw)/2 - 15px);}
	
	.breadcrumbs-section:after{width:calc(50vw + 970px/2 - 15px); left:0;}
	.breadcrumbs-section:before{left:calc((100vw - 970px)/2 + 15px);}
	
	.decor-line.top-right, .decor-line.bottom-right{left:calc(50vw + 970px/2 - 15px);}
	.decor-line.top-left, .decor-line.bottom-left{left:calc((100vw - 970px)/2 + 15px);}
	
	.big-image-right .image-wrap{margin-right:calc((970px - 100vw)/2 - 15px);}
	.big-image-left .image-wrap{margin-left:calc((970px - 100vw)/2 - 15px);}
	
	.cards-list > .inner-wrap{margin:0 -0.5rem -2rem 0.5rem;}
	.cards-list .item{width:calc(25% - 1rem); margin:0 0.5rem 2rem 0.5rem;}
	
	.textbox blockquote.standalone::before {width:4rem; height:5rem; background-image: url("../img/i-quote-sm.png");}
	.textbox blockquote.standalone{padding-left:5rem; padding-top:4.5rem;}
	.textbox blockquote.standalone::after {top:3rem;}
	
	#main-nav > li + li{margin-left:2rem;}
	#top-nav > li + li{margin-left:2.5rem;}
	
	#main-slider .slick-prev{left:calc(50vw + 970px/2 - 8rem);}
	#main-slider .slick-next{left:calc(50vw + 970px/2 - 5rem);}
	
	.logos-wrap > div+div{margin-left:2rem;}
	
}

@media (max-width: 991px) {
	/* sm */
	#page-wrap{border-left:0px dashed green;}
	
	html{font-size:14px;}
	
	.lead{ 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;}

	.content-section{ padding-top:5rem; padding-bottom:5rem; }
	.large-padding-top{ padding-top:6.5rem;}
	.large-padding-bottom{ padding-bottom:6.5rem;}
	
	.mb-half, .mb-half-sm{margin-bottom:0.5rem;}
	.mb-big, .mb-big-sm{margin-bottom:3.5rem;}
	.mb, .mb-sm{margin-bottom:1.5rem;}
	.in-form-header:not(:first-child){margin-top:1.5rem;}
	
	.radio-check-label{padding-top:2px; padding-left:2rem;}
	input[type='checkbox'] + .radio-check-control::before{ font-size:1.2rem;}
	
	[class*='col-'].indent-right{padding-right:15px;}
	[class*='col-'].indent-left{padding-left:15px;}
	
	#header{height:auto; position: absolute; width:100%;}
	
	.navbar{ position:relative;}
	.navbar.affix{top:0; box-shadow:none; background-color: transparent;}
	.navbar > .container{display: block;}
	
	.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; padding:0.5rem 0 0.5rem 1rem;}
	.navbar-brand{margin-left:0; width:8rem;}
	
	#navigation{position:absolute; top:100%; width:100%; left:0; padding:1rem 0; box-shadow:0 10px 20px rgba(0,0,0,0.3); background-color:#fff;}
	#navigation > .inner-wrap{display: block;}
	#main-nav {margin:0; width:auto; text-align:left; display:block;}
	#main-nav:after{display: none;}
	#main-nav > li{ display:block; margin-bottom:0;}
	#main-nav > li+li{margin-top:1px; margin-left:0;}
	#main-nav > li > a{padding:1rem; text-align:left;}
	#main-nav > li.dropdown_split > a{padding-right:1rem; margin-right:0;}
	#main-nav > li.dropdown_split > .dropdown-toggle{ display:block; right:15px; top:0; width:3.5rem; padding-left:1rem; padding-right:1rem; text-align:center;}
	
	#main-nav > li > a,
	#main-nav > .open > a{color:#303030; background-color:transparent;}
	 
	#main-nav > li > a:hover, #main-nav > li > a:focus{color:#C94337; background:transparent;}

	#main-nav > .active > a{color:#383E94; background-color:transparent;}
	#main-nav > .active > a:hover, #main-nav > .active > a:focus, #main-nav > .active.open > a{color:#383E94; background-color:transparent;}
	
	#main-nav > li:after{display: none;}

	#main-nav .dropdown-menu{position:relative; padding:0; float:none; box-shadow:none; min-width:auto; background-color:transparent; margin-top:1px;}
	#main-nav .dropdown-menu > li > a{ padding:1rem;}
	#main-nav .dropdown-menu > li.dropdown_split > a{padding-right:1rem; margin-right:0;}
	#main-nav .dropdown-menu > li.dropdown_split > .dropdown-toggle{right:15px; width:3.5rem; padding-right:1rem; text-align:center; padding-left:1rem!important;}
	
	#main-nav .dropdown-menu > li > a,
	#main-nav .dropdown-menu > .open > a{color:#303030; background:transparent;}
	
	#main-nav .dropdown-menu > li > a:focus,
	#main-nav .dropdown-menu > li > a:hover{color:#C94337; background:transparent;}
	
	#main-nav .dropdown-menu > .active > a,
	#main-nav .dropdown-menu > .active > a:focus,
	#main-nav .dropdown-menu > .active > a:hover{color:#383E94; background-color:transparent;}

	#main-nav .dropdown-menu > li > .dropdown-toggle .fa{ transform:rotate(0deg);}
	#main-nav .dropdown-menu > li > .dropdown-toggle[aria-expanded="true"] .fa{ transform:rotate(-180deg);}

	#main-nav .dropdown-menu .dropdown-menu{left:0; top:0;}
	#main-nav .dropdown-menu li a{padding-left:2rem!important;}
	#main-nav .dropdown-menu .dropdown-menu li a{padding-left:3rem!important;}
	
	#main-nav .dropdown-menu.open-left {left:0; right:0;}
	#main-nav .dropdown-menu .dropdown-menu.open-left{left:0; right:0;}
	
	#top-nav{margin:0;}
	#top-nav:after{display: none;}
	#top-nav > li + li{margin-left:0;}
	#top-nav > li > a{color:#303030; background-color:transparent; padding:1rem;}
	#top-nav > li > a:hover, #top-nav > li > a:focus, #top-nav > .open > a{color:#C94337; background-color:transparent;}

	#top-nav > .active > a{color:#383E94; background-color:transparent;}
	#top-nav > .active > a:hover, #top-nav > .active > a:focus{color:#383E94; background-color:transparent;}

	#top-nav > li:after{ display: none;}
	
	.breadcrumbs-section{padding:0.5rem 0;}
	.breadcrumbs-section ol li+li:before{margin:0 0.5rem;}
	
	.decorated-header .header-lines:after{left:-15px;}
	
	.navbar-header:after{left:-15px;}
	
	.breadcrumbs-section:after{width:100%;}
	.breadcrumbs-section:before{left:15px;}
	
	.decor-line.top-right{left:calc(100% - 15px);}
	.decor-line.top-left{left:15px;}
	.decor-line.vertical{height:6.5rem;}
	
	.decor-line.top-right, .decor-line.bottom-right{left:calc(100% - 15px);}
	.decor-line.top-left, .decor-line.bottom-left{left:15px;}
	
	.page-header-section, #main-slider .item{padding-top:9rem;}
	.page-header-section .decor-line.top-left, .homepage-header-section .decor-line.top-left{height:auto; bottom:5rem;}
	
	.big-image-right .image-wrap{margin-right:-15px;}
	.big-image-left .image-wrap{margin-left:-15px;}
	
	#main-slider .container{width:100%;}
	
}


@media (max-width: 767px) {
	/* xs */
	#page-wrap{border-left:0px dashed blue;}
	
	.content-section{ padding-top:3.5rem; padding-bottom:3.5rem; }
	.large-padding-top{ padding-top:4.5rem;}
	.large-padding-bottom{ padding-bottom:4.5rem;}
	
	.btn:not(.btn-link){height:auto; white-space:normal; padding-top:0.85rem; padding-bottom:0.85rem;}
	
	.upload-control .btn{width:7rem;}
	.upload-control .file-name{padding-right:8rem;}
	.upload-control .input-label{margin-right:8rem;}
	
	h1{font-size:2.29rem /*32px*/;}
	h2, .h2-style{font-size:1.92rem /*27px*/;}
	h3, .h3-style{font-size:1.57rem /*22px*/;}
	h4, .h4-style{font-size:1.28rem /*18px*/;}
	h5, .h5-style{font-size:1.14rem /*16px*/;}
	h6, .h6-style{font-size:1.00rem /*14px*/;}
	
	h1, h2, h3, h4, h5, h6, .textbox p, .textbox ul, .textbox ol{margin-bottom:1rem;}
	.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;}
	
	h1, h2, h3, h4, h5, h6, .textbox p, .textbox ul, .textbox ol{margin-top:0;}
	
	.textbox ol{padding-left: 2.5rem;}
	.textbox ul{padding-left: 1.5rem;}
	
	.mb-half, .mb-half-sm, .mb-half-xs{margin-bottom:0.5rem;}
	.mb-big, .mb-big-md, .mb-big-sm, .mb-big-xs{margin-bottom:2.5rem;}
	.mb, .mb-sm, .mb-xs{margin-bottom:1rem;}
	.in-form-header:not(:first-child){margin-top:1rem;}
	
	.decor-line.vertical{height:3.5rem;}
	
	.page-header-section, #main-slider .item{padding-top:7rem; padding-bottom:3.5rem;}
	.page-header-section .decor-line.top-left, .homepage-header-section .decor-line.top-left{height:auto; bottom:3.5rem;}
	.page-header-section .decorated-header .header-lines::after, .homepage-header-section .decorated-header .header-lines::after {bottom:-0.8rem;}
	
	.decorated-header:not(:last-child){margin-bottom:1.6rem;}
	
	.footer-top{padding-top:3.5rem; padding-bottom: 3.5rem;}
	
	.footer-bottom{ flex-direction: column-reverse; align-items: center;}
	.footer-bottom > div{width:auto;}
	.footer-bottom > div+div:before{display: none;}
	.footer-bottom .copyright{text-align: center;}
	
	.footer-nav ul{display: flex; flex-wrap:wrap;}
	.footer-nav ul li + li{margin-top:0;}
	.footer-nav ul li {margin:0 1rem 1rem 0;}
	
	.logos-section{padding:2rem 0;}
	.logos-wrap{padding:0 1rem;}
	
	.row.align-stretch{ flex-direction: column;}
	
	.big-image-right .image-wrap, .big-image-left .image-wrap{height:calc((100vw - 30px)/1.618); margin-bottom:1rem;}
	.big-image-right .row.align-stretch{ flex-direction: column-reverse;}
	
	.big-image-right .image-wrap, .big-image-left .image-wrap{margin-left:1.37rem; margin-right:-15px;}
	.big-image-left .decorated-text{right:0;}
	.big-image-left .underlined-header::after{left:0;right:-15px;}
	
	.cards-list .item{width:calc(50% - 1rem);}
	
	.testimonials-section .image-wrap{margin-left:-15px;}
	.testimonials-section .large-padding-top{padding-top:0;}
	
	#main-slider .slick-dots{bottom:2rem;}
	
	.logos-wrap > div+div{margin-left:1rem;}
	
	
	
}
	
@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:first-child {}
	.textbox table td:before{ content: attr(data-th); display: block; font-weight: bold; padding-right:1rem; width:40%; flex:none;}
	
	.textbox blockquote::before{background-image: url("../img/i-quote-xs.png"); width:3rem;}
	.textbox blockquote{padding-left:4rem;}
	
	.text-block-wrap{display: block}
	.text-block-wrap .textbox + .textbox{margin-left:0; margin-top:1rem;}
	
	.textbox blockquote.standalone::before {width:3rem; background-image: url("../img/i-quote-xs.png");}
	.textbox blockquote.standalone::after {top:2.25rem;}
	.textbox blockquote.standalone{padding-left:4rem; padding-top:3.5rem;}
	
	.logos-section{padding:1.5rem 0;}
	.logos-wrap{display: block; text-align: center;}
	.logos-wrap > div+div{margin-top:1rem;}
	.logos-wrap img{width:auto;}
	
	.cards-list > .inner-wrap{display: block; margin:0 0 -2rem 0;}
	.cards-list .item{width:auto; margin:0 10% 2rem 10%;}
	


}	
	
@media (max-width: 320px) {
	#page-wrap{border-left:0px dashed red;}
	
	.cards-list .item{margin:0 0 2rem 0;}
	
}