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

/* ************************* */
/* GLOBAL settings			 */
/* ************************* */
	
	/* general */
	html{font-size:16px;}
	html, body { height: 100%; }
	body *	{ position:relative; box-sizing:border-box; -moz-box-sizing:border-box }
	body	{display:flex; flex-direction:column; margin:0; padding:0; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; overflow-x: hidden;
			font: 1rem/1.44 'OpenSans', sans-serif; 
			font-weight:400; 
			color: #e6e6e6; 
			background-color:#2a2a2a; 
			}
	
	#page-wrap{flex:1 0 auto;}
	
	#scrollup { position:fixed; display:block; color:white!important; opacity:0; box-shadow:0 0 10px rgba(0,0,0,0.5); background-color:rgba(0,0,0,0.5); border-radius:0; text-align:center; line-height:2.5rem; width:2.5rem; height:2.5rem; bottom:-3.5rem; right:1.2rem; z-index: 1000;  transition:opacity 1s ease, bottom 1s ease, color 0.2s ease, background-color 0.2s ease; -webkit-transition:opacity 1s ease, bottom 1s ease, color 0.2s ease, background-color 0.2s ease;}
	#scrollup:hover{ background-color:#27c4f3;}
	#scrollup.affix{ opacity:1; bottom:1rem; }
	
	.content-section{ padding-top:5rem; padding-bottom:5rem; }
	
	.row.vertical-middle{ display:flex; align-items:center;}
	
	.short-blue-line{display:block; margin-bottom:1rem; line-height:0; font-size:1px;}
	.short-blue-line:before{ content:'';  display:inline-block; width:3.33rem; height:0.61rem; background-color:#23a8d1;}
	
	h1, h2, h3, h4, h5, h6, ul, ol, p{margin:0;}
	h1, h2, h3, h4, h5, h6, .textbox p, .textbox ul, .textbox ol{margin-bottom:1.5rem;}
	.textbox, .form-wrap, .accordion, .mb, .side-nav, .tabs-wrap, .side-cta-box, .side-box{margin-bottom:3rem;}
	.textbox:last-child, .form-wrap:last-child, .accordion:last-child, .side-nav:last-child, .textbox ul:last-child, .textbox ol:last-child, .textbox p:last-child, .textbox img:last-child,
		h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, .mb:last-child, .tabs-wrap:last-child, .side-cta-box:last-child, .side-box:last-child
		{margin-bottom:0;}
		
	.col-main{padding-right:3rem;}
	.col-side{padding-left:3rem;}
	
	/* typography */
	h1, h2, h3, h4, h5, h6	{ 
		font-family:'Novecento', sans-serif; 
		font-weight:400; 
		color: inherit; 
		font-variant:small-caps; 
		}
	h1{font-size:3.11rem /*56px*/;}
	h2{font-size:2.50rem /*45px*/;}
	h3{font-size:1.94rem /*35px*/;}
	h4{font-size:1.66rem /*30px*/;}
	h5{font-size:1.44rem /*26px*/;}
	h6{font-size:1.22rem /*22px*/;}
	
	h1+h2, h2+h3, h3+h4{margin-top:-1rem;}

	.textbox img{ margin:0 0 1rem 1px; display:inline-block; /*width:100%;*/ max-width:100%; z-index:2; border-radius:0.5rem; overflow:hidden;}
	.textbox .align-left{float:left; max-width:41.66%; margin-right:2rem;}
	.textbox .align-right{float:right; max-width:41.66%; margin-left:2rem;}
	.textbox:after{ content:''; display:block; clear:both; font-size: 1px; line-height: 0px; margin:0; padding:0;}
		
	.textbox figure{background-color:white; border:1px solid #b1b1b1; padding:1rem;}
	.textbox figure img{margin:0;}
		
	.textbox ul, .textbox ol{overflow:hidden; padding-left:4rem;}
	.textbox ul{ list-style-type:none;}
	.textbox ul li{padding-left:1rem;}
	.textbox ul li:before{content:'\25cb'; display:inline-block; margin-left:-2rem; padding-right:1.1rem; font-size:150%; line-height:1;}
	.textbox ul li+li, .textbox ol li+li{margin-top:0.7rem;}
	
	.textbox iframe {max-width:100%;}
	
	.big{ font-size:127%;}
	.small{ font-size:87%;}
	.style-italic{ font-style:italic;}
	.weight-bold{ font-weight:700;}
	.caps{ text-transform:uppercase;}
	.subheading{ display:block; font-size:78%; font-weight:400;}
	.brief-text{ font-style:italic; font-size:127%; line-height:1.69; margin-bottom:5rem;}	
	.brief-text:before{ content:''; display:block; position:absolute; top:-3rem; bottom:-3rem; right:50%; width:32.83rem; background:url(../img/bg-h-lines.png) repeat-y right top;}
	.in-form-header{margin-bottom:1.5rem; margin-top:3rem;}
	
	/* links */
	a {color:inherit; transition:color 0.2s ease, background-color 0.2s ease; -webkit-transition:color 0.2s ease, background-color 0.2s ease;}
	a:hover, A:focus{color:#d6342a; text-decoration:none;}

	a img{border:0;}
	
	.area-link{ position:absolute; top:0; left:0; width:100%; height:100%;}
	
	.textbox a:not(.btn){ display:inline-block;}
	.textbox a:not(.btn):after{ content:''; display:block; position:absolute; bottom:-1px; left:0; height:1px; width:100%; background-color:#fff; transition:width 0.2s ease; -webkit-transition:width 0.2s ease;}
	.textbox a:not(.btn):hover:after{width:0;}
	
	.color-white .textbox a:not(.btn):after{background-color:#fff}
	.color-light-grey .textbox a:not(.btn):after{background-color:#c8c8c8;}
	.color-dark-grey .textbox a:not(.btn):after{background-color:#515151;}
	[class*='color-'] .textbox a:not(.btn):hover:after{background-color:#d6342a;}
	
	/* placeholder formatting */
	::-webkit-input-placeholder { opacity: 1 !important; color:rgba(73,73,73,0.47) !important;}
	:-moz-placeholder {color:rgba(73,73,73,0.47) !important; opacity: 1 !important;} 
	::-moz-placeholder {color:rgba(73,73,73,0.47) !important;	opacity: 1 !important;} 
	:-ms-input-placeholder {color:rgba(73,73,73,0.47) !important; opacity:1 !important; }
	
	[placeholder]:focus::-webkit-input-placeholder { color:rgba(73,73,73,0.47) !important;}
	input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {	color:rgba(73,73,73,0.47) !important;}
	input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {color:rgba(73,73,73,0.47) !important;}
	input:focus:-ms-input-placeholder, textarea:focus::-ms-input-placeholder {color:rgba(73,73,73,0.47) !important;}
	
	input[placeholder]          {text-overflow:ellipsis;}
	input::-moz-placeholder     {text-overflow:ellipsis;} 
	input:-moz-placeholder      {text-overflow:ellipsis;} 
	input:-ms-input-placeholder {text-overflow:ellipsis;} 
	
	/* colors */
	.color-black{color:#2a2a2a;}
	.color-blue{color:#23a8d1;}
	.color-white{color:#fff;}
	.color-light-grey{color:#c8c8c8;}
	.color-dark-grey{color:#515151;}
	
	[class*='color-overlay-']{ position:absolute; top:0; right:0; bottom:0; left:0; transition:opacity 0.2s ease; -webkit-transition:opacity 0.2s ease;}
	.color-overlay-black{ background-color:#000; opacity:0.7;}
	
	.bg-white{ background-color:#fff;}
	.bg-red{ background-color:#d6342a;}

	/* form */
	.form-wrap{padding-left:1.38rem;}
	.form-wrap textarea{width:calc(100% + 4rem);}
	.form-control{font-size:1rem; height:3.55rem; border-radius:0.4rem; box-shadow:none; -webkit-box-shadow:none; padding:1rem 2rem; border:1px solid #bebebe;}
	select.form-control:not([multiple]){-webkit-appearance: none !important; -moz-appearance: none !important; background-image: url(../img/i-select.png); background-position: 100% center; background-repeat: no-repeat; padding-right:3rem;}
	select.form-control::-ms-expand {display: none;}
	.form-group{margin-bottom:1.8rem;}
	.form-group:last-child{margin-bottom:0;}
	
	label{ font-weight:normal; line-height:1.3; font-size:1.22rem; margin-bottom:0.5rem;}
	.checkbox label, .radio label{font-size:1rem;}
	.checkbox, .radio{margin-bottom:1.8rem;}
	
		/* custom animated radio & check */
		.inline-radio-wrap{ display:block;}
		.inline-radio-wrap label{ font-size:1rem;}
		label + .inline-radio-wrap{margin-left:2rem;}
		.radio label, .checkbox label, .inline-radio-wrap label{padding-left:1.7rem; cursor:pointer; margin-right:1rem;}
		input[type='radio'], input[type='checkbox']{ display:none;}
		.radio-check-control{ display:block; position:absolute; top:0.1rem; left:0;  width:20px; height:20px; border:1px solid #fff; background-color:transparent; transition:border 0.2s ease, background 0.2s ease; -webkit-transition:border 0.2s ease, background 0.2s ease;}
		.radio-check-label{ font-weight:normal; line-height:1.3; font-size:1rem;}
		input[type='radio'] + .radio-check-control{border-radius:50%;}
		
		input[type='radio'] + .radio-check-control:before{content:''; display:block; position:absolute; width:10px; height:10px; border-radius:50%; background-color:#fff; top:4px; left:4px; opacity:0; transform:scale(0.01); -webkit-transform:scale(0.01); transition:transform 0.2s ease; -webkit-transition:transform 0.2s ease;}
		input[type='checkbox'] + .radio-check-control:before{ content:''; display:block; position:absolute; width:0; height:3px; background-color:#fff; left:1px; top:7px; transform:rotate(45deg); -webkit-transform:rotate(45deg); transform-origin:0 100%; -webkit-transform-origin:0 100%; transition:width 0.1s ease 0.1s; -webkit-transition:width 0.1s ease 0.1s;}
		input[type='checkbox'] + .radio-check-control:after{ content:''; display:block; position:absolute; width:0; height:3px; background-color:#fff; left:40%; bottom:2px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform-origin:0 100%; -webkit-transform-origin:0 100%; transition:width 0.1s ease; -webkit-transition:width 0.1s ease;}
		
		input[type='radio']:checked + .radio-check-control:before{ transform:scale(1); -webkit-transform:scale(1); opacity:1;}
		input[type='checkbox']:checked + .radio-check-control:before{width:8px; transition:width 0.1s ease; -webkit-transition:width 0.1s ease;}
		input[type='checkbox']:checked + .radio-check-control:after{width:14px; transition:width 0.1s ease 0.1s; -webkit-transition:width 0.1s ease 0.1s;}
		
		.radio label:hover .radio-check-control, .checkbox label:hover .radio-check-control, .inline-radio-wrap label:hover .radio-check-control{border-color:#fff; background-color:#545454;}
		
		input[type='radio'][disabled], 
		input[type='radio'][disabled]:checked, 
		input[type='radio'][disabled] + .radio-check-control + .radio-check-label, 
		input[type='radio'][disabled]:checked + .radio-check-control + .radio-check-label,
		input[type='checkbox'][disabled],
		input[type='checkbox'][disabled]:checked,
		input[type='checkbox'][disabled] + .radio-check-control + .radio-check-label, 
		input[type='checkbox'][disabled]:checked + .radio-check-control + .radio-check-label
			{ cursor:default;}
		
		input[type='radio'][disabled] + .radio-check-control, input[type='checkbox'][disabled] + .radio-check-control{border-color:#ddd; cursor:default;}
		input[type='radio'][disabled] + .radio-check-control:before{ transform:scale(0.01); -webkit-transform:scale(0.01); opacity:0;}
		input[type='radio'][disabled]:checked + .radio-check-control:before{ transform:scale(1); -webkit-transform:scale(1); opacity:1; background-color:#ddd;}
		input[type='checkbox'][disabled] + .radio-check-control:before{width:0;}
		input[type='checkbox'][disabled] + .radio-check-control:after{width:0;}
		input[type='checkbox'][disabled]:checked + .radio-check-control:before{width:8px; background-color:#ddd;}
		input[type='checkbox'][disabled]:checked + .radio-check-control:after{width:14px; background-color:#ddd;}
	
	.btn { margin-left:3.8rem; font-size:1rem; font-weight:800; border-radius:0.3rem; padding:0.9rem 1.9rem; height:3.16rem;  box-shadow:-2px 2px 8px rgba(0,0,0,0.35); text-transform:uppercase; border:0; transition:color 0.2s ease, box-shadow 0.7s ease, background-color 0.2s ease; -webkit-transition:color 0.2s ease, box-shadow 0.7s ease, background-color 0.2s ease;}
	.btn:before{ content:'\f061'; font-family:'FontAwesome'; display:block; font-size:140%; width:3.5rem; height:3.16rem; position:absolute; right:calc(100% + 0.3rem); top:0; padding:0.55rem 1.1rem; border-radius:0.3rem; box-shadow:-2px 2px 8px rgba(0,0,0,0.35);  transition:color 0.2s ease, box-shadow 0.7s ease, background-color 0.2s ease; -webkit-transition:color 0.2s ease, box-shadow 0.7s ease, background-color 0.2s ease;}
	.btn-default, .btn-default:before{color:white; background:#27c4f3;}
	.btn-default:hover, .btn-default:hover:before, .btn-default:focus, .btn-default:focus:before, .focus.btn-default, .focus.btn-default:before, .btn-default:active, .btn-default:active:before, .active.btn-default, .active.btn-default:before{
		color:white;  background:#1fabd5; box-shadow:-6px 6px 28px rgba(0,0,0,0.35);}
		
	.btn-white, .btn-white:before{color:#ee382d; background:#fff;}
	.btn-white:hover, .btn-white:hover:before, .btn-white:focus, .btn-white:focus:before, .focus.btn-white, .focus.btn-white:before, .btn-white:active, .btn-white:active:before, .active.btn-white, .active.btn-white:before{
		color:#ee382d;  background:#ededed; box-shadow:-6px 6px 28px rgba(0,0,0,0.35);}
		
	.btn-lg{height:3.83rem; font-size:1.22rem; padding:1.1rem 2.5rem;}
	.btn-lg:before{height:3.83rem; width:4.27rem; padding:0.75rem 1.1rem;}
		
		
	
	

/* ************************* */
/* HEADER					 */
/* ************************* */	
	
	/* navbar */
	.navbar{ margin-bottom:0; border:0; background-color:transparent; border-radius:0; position:fixed; top:0; z-index:1030; width:100%; transition:box-shadow 1s ease, top 1s ease, background-color 1s ease; -webkit-transition:box-shadow 1s ease, top 1s ease, background-color 1s ease;}
	.navbar.affix{top:0; box-shadow:0 5px 10px rgba(0,0,0,0.5); background-color:rgba(42,42,42,0.95);}
	.modal-open .navbar{ -webkit-transform:translateX(-8px);}

	.navbar-brand {float:left; height:auto; padding:0; margin:0.5rem 0; font-size: inherit; line-height: inherit; width:15rem;}
	.navbar-brand img{width:100%;}
	
	/* top-nav */
	#top-nav{float:right; margin-top:1.2rem; transition:margin-top 1s ease; -webkit-transition:margin-top 1s ease;}
	#top-nav ul{margin:0; padding:0; list-style-type:none; font-size:1rem; font-weight:600; color:white; display:flex;}
	#top-nav ul li:first-child:after{ content:'|'; display:inline-block; margin:0 2rem;}
	#top-nav ul li:last-child{margin-left:2.83rem;}
	#top-nav ul li a{ display:inline-block; color:white;}
	#top-nav ul li a:before{ content:''; display:block; position:absolute; left:0; width:0; bottom:-1px; height:2px; background-color:white; transition:width 0.2s ease; -webkit-transition:width 0.2s ease;}
	#top-nav ul li a:hover:before, #top-nav ul li a:focus:before, #top-nav ul > .active > a:before{width:100%;}
	/*.affix #top-nav{margin-top:1.2rem}*/
	
	/* modal-nav */
	#modal-nav-toggle{color:white; font-size:1.66rem; font-weight:700; line-height:1; position:fixed; right:calc((100vw - 1400px)/2 + 15px); -webkit-transform:translateX(8px); top:3.5rem; display:flex; align-items:center; z-index:1060; transition:top 1s ease; -webkit-transition:top 1s ease; }
	.modal-open #modal-nav-toggle{-webkit-transform:translateX(-8px);}
	#modal-nav-toggle:focus{outline:0;}
	#modal-nav-toggle .title{ width:5rem; display:block; opacity:1; margin-right:1rem; transition:opacity 0.2s ease, width 0.2s ease; -webkit-transition:opacity 0.2s ease, width 0.2s ease;}
	#modal-nav-toggle .icon{width:31px;}
	#modal-nav-toggle .icon span{ display:block; height:4px; width:31px; border-radius:2px; background-color:white; transition:width 0.2s ease, transform 0.2s ease; -webkit-transition:width 0.2s ease, transform 0.2s ease;}
	#modal-nav-toggle .icon span+span{margin-top:5px;}
	/*.affix ~ #page-wrap #modal-nav-toggle{top:3.5rem;}*/
	
	#modal-nav-toggle.expanded{right:2rem;}
	#modal-nav-toggle.expanded .icon span:nth-child(1){ transform:rotate(45deg); transform-origin:0 0; width:27px; -webkit-transform:rotate(45deg); -webkit-transform-origin:0 0;}
	#modal-nav-toggle.expanded .icon span:nth-child(2){width:0;}
	#modal-nav-toggle.expanded .icon span:nth-child(3){ transform:rotate(-45deg); transform-origin:0 100%; width:27px; -webkit-transform:rotate(-45deg); -webkit-transform-origin:0 100%;}
	#modal-nav-toggle.expanded .title{opacity:0; width:0;}
	
	#modal-nav .modal-dialog{margin:0; right:0; position: absolute;/* width:calc(31rem + (100vw - 1400px)/2);*/ width:auto; height:100%; }
	#modal-nav .modal-content{ max-height:100%; height:100%; overflow:auto; background:url(../img/bg-dashed-white-line-vertical.png) repeat-y 1rem 0 #1f1f1f; border:0; border-bottom:0.61rem solid #23a8d1; border-radius:0; box-shadow:none; -webkit-box-shadow:none; color:#e6e6e6;}
	#modal-nav .modal-body{padding:6rem 5rem 3rem 4rem;}
	
	.in.modal-backdrop{opacity:0; filter:alpha(opacity=0);}
	
	#main-nav{ width:20rem;  margin-right:0;}
	#main-nav > ul{margin:0; padding:0 0 0 2.1rem; list-style-type:none;}
	#main-nav > ul > li+li{margin-top:1rem;}
		
	#main-nav .collapse-toggle{ position:absolute; color:#890310; left:-2.1rem; top:0; width:1.5rem; padding:0; margin-left:0;}
	#main-nav .collapse-toggle:focus{outline:0;}
	
	#main-nav .collapse-toggle .item-plus{ display:inline-block; width:15px; height:15px; }
	#main-nav .collapse-toggle .item-plus span{ display:block; width:100%; height:3px; background-color:#d4d4d4; top:50%; margin-top:-3px;}
	#main-nav .collapse-toggle .item-plus span+span{ transform:rotate(90deg); transition:transform 0.7s ease; -webkit-transition:transform 0.7s ease;}
	#main-nav .collapse-toggle[aria-expanded='true'] .item-plus span+span{ transform:rotate(0);}
		
	.main-nav-sublevel{padding-left:2rem;}
	.main-nav-sublevel ul{margin:0; padding:1.38rem 0 0 0; list-style-type:none;}
	.main-nav-sublevel ul li+li{margin-top:1.1rem;}
	
	#main-nav a{display:inline-block; padding:0; color:#d4d4d4; font-size:1.5rem; font-family:'Novecento'; font-variant:small-caps;  line-height:1.1;}
	#main-nav a:hover{color:#d4d4d4; text-decoration:underline;}
	#main-nav .active > a{color:#d4d4d4; text-decoration:underline; }
	/*#main-nav a:not(.collapse-toggle):after{ content:''; display:block; position:absolute; left:0; bottom:-1px; height:2px; width:0; background-color:#d4d4d4;  transition:width 0.2s ease; -webkit-transition:width 0.2s ease;}*/
	#main-nav a:hover:after, #main-nav .active > a:after { width:100%;}
	
	#contact-info{margin:0; padding:0; list-style-type:none;}
	* + #contact-info{margin-top:3rem;}
	#contact-info li+li{margin-top:0.5rem;}
	#contact-info li a{color:inherit; display:inline-block;}
	/*#contact-info li a:before{ content:''; display:block; position:absolute; left:0; width:0; bottom:-1px; height:2px; background-color:#e6e6e6; transition:width 0.2s ease; -webkit-transition:width 0.2s ease;}*/
	#contact-info li a:hover:before, #contact-info li a:focus:before, #contact-info .active a:before{width:100%;}
	#contact-info li a:hover, #contact-info li a:focus, #contact-info .active a{ text-decoration:underline;}
	
	* + #second-nav{margin-top:2rem;}
	#second-nav ul{margin:0; padding:0; list-style-type:none;}
	#second-nav ul li+li{margin-top:0.5rem;}
	#second-nav li a{color:inherit; display:inline-block;}
	/*#second-nav li a:before{ content:''; display:block; position:absolute; left:0; width:0; bottom:-1px; height:2px; background-color:#e6e6e6; transition:width 0.2s ease; -webkit-transition:width 0.2s ease;}*/
	#second-nav li a:hover:before, #second-nav li a:focus:before, #second-nav .active a:before{width:100%;}
	#second-nav li a:hover, #second-nav li a:focus, #second-nav .active a{ text-decoration:underline;}
	
	
/* ************************* */
/* FOOTER					 */
/* ************************* */	
	#footer{flex:0 0 auto;}
	
	/* quick-contact */
	#quick-contact-section{ background-color:#2a2a2a;/* padding:8rem 0;*/ }
	#quick-contact-section > .container > .row{ display:flex; align-items:stretch;}
	#quick-contact-section .form-wrap{ z-index:2;}
	#quick-contact-section .form-wrap .row{ display:flex; align-items:stretch;}
	#quick-contact-section .form-wrap .row [class*='col-']:last-child{ display:flex; align-items:stretch;}
	#quick-contact-section .form-wrap textarea{/*height:100%;*/ width:calc(100% + 7rem); flex:0 0 auto;}
	#quick-contact-section .form-wrap [class*='col-']:first-child{padding-right:1.83rem;}
	#quick-contact-section .form-wrap [class*='col-']:last-child{padding-left:1.83rem;}
	
	#quick-contact-section .side-image{ position:absolute; top:-5rem; bottom:-5rem; left:15px; width:calc(100% + (100vw - 1400px)/2 - 15px); background:url(../img/img05.jpg) center; background-size:cover;}
	#quick-contact-section .side-image .dashed-line{ position:absolute; top:0; bottom:0; left:1rem; width:2px; background:url(../img/bg-dashed-white-line-vertical.png) repeat-y;}
	
	#footer .dashed-top-line{ position:absolute; z-index:2; top:-1rem; left:0; right:0; height:2px; background:url(../img/bg-dashed-black-line-horizontal.png) repeat-x;}
	
	/* footer-nav */
	#footer-nav{padding:3rem 0; background-color:#ee382d; color:white;}
	#footer-nav .topic-wrap{margin-right:1rem;}
	#footer-nav .topic-title{ font-size:0.88rem; font-weight:700; color:white;}
	#footer-nav .topic-wrap ul{margin:0; padding:0; list-style-type:none;}
	#footer-nav .topic-wrap ul li+li{margin-top:0.7rem;}
	#footer-nav .topic-wrap ul li a{color:#fff; display:inline-block;}
	#footer-nav .topic-wrap ul li a:before{ content:''; display:block; position:absolute; left:0; width:0; bottom:-1px; height:1px; background-color:#e8e6e6; transition:width 0.2s ease; -webkit-transition:width 0.2s ease;}
	#footer-nav .topic-wrap ul li a:hover:before, #footer-nav .topic-wrap ul li a:focus:before{width:100%;}
	#footer-nav .topic-wrap ul + ul{margin-top:2.7rem;}
	
	#footer-nav .contact-wrap{padding-left:5rem; height:100%;}
	#footer-nav .contact-wrap .bg{ position:absolute; top:-3rem; bottom:-3rem; left:0; width:calc(100% + (100vw - 1400px)/2 + 1rem + 15px); background-color:#d6342a;}
	#footer-nav .contact-wrap .dashed-line{ position:absolute; top:-3rem; bottom:-3rem; left:-1rem; width:2px; background:url(../img/bg-dashed-white-line-vertical.png) repeat-y; opacity:0.55;}
	
	#footer-nav > .container > .row{ display:flex; align-items:stretch;}
	
	/* footer-bottom */
	#footer-bottom{ background-color:#fff; color:#494949; padding:1.5rem 0;}
	#footer-bottom .copyrights{ text-align:center; font-size:0.77rem;}	

	
/* ************************* */
/* HOME						 */
/* ************************* */	
	
	/*slick slider */
	#main-slider .gr-overlay{ position:absolute;  top:0; left:0; right:0; height:30rem;
		background: -webkit-linear-gradient(top, rgba(3,88,175,1),rgba(3,88,175,0));
	    background: -ms-linear-gradient(top, rgba(3,88,175,1), rgba(3,88,175,0));
	    background: linear-gradient(top, rgba(3,88,175,1), rgba(3,88,175,0));
		}
	#main-slider .pattern-overlay{ position:absolute; top:0; left:0; right:0; bottom:0; background:url(../img/bg-pattern01.png);}
	
	#main-slider{height:100vh; overflow:hidden;}
	#main-slider .item-wrap{ background-size:cover; background-position:center; display:flex; align-items:center; height:100%; padding-top:10rem;}
	#main-slider .slide-title{ line-height:1.25; margin-bottom:3rem; text-shadow:-2px 2px 8px rgba(0,0,0,0.35);}

	.slick-track, .slick-list{height:100%;}
	.slick-slide:focus{outline:0;}

	.slick-dots{position:absolute; padding:0; margin:0; left:50%; margin-left:-570px; bottom:5rem;}
	.slick-dots li{ display:inline-block;}
	.slick-dots li button{border:1px solid white; background:transparent; color:transparent; overflow:hidden; width:0.66rem; padding:0; height:0.66rem; line-height:1rem; margin-left:0.2rem; transition:background 0.2s ease; -webkit-transition:background 0.2s ease;}
	.slick-dots li button:hover{ background:#ff402c;}
	.slick-dots .slick-active button, .slick-dots .slick-active button:hover{background:#fff; cursor:default;}
	
	.slick-arrow{opacity:0.5; z-index:2; position:absolute; width:42px; height:81px; top:50%; margin-top:-40px; background:none; overflow:hidden; /*color:transparent;*/ border:1px dotted red; padding:0; background-position:center; background-repeat:no-repeat; background-size:100% 100%; transition:opacity 0.2s ease; -webkit-transition:opacity 0.2s ease;}
	.slick-arrow:hover{ opacity:1;}
	.slick-arrow.slick-disabled{ opacity:0.1; cursor:default;}
	.slick-prev{left:2rem; background-image:url(../img/slider-arrow-left.png);}
	.slick-next{right:2rem; background-image:url(../img/slider-arrow-right.png);}
	.slick-cloned {color:white; background-position-x:center; background-position-y:center; background-size:cover;}
	
	.hidden-slide{ display:none!important;}
	
	#slide1{ background-image:url(../img/img01.jpg);}
	#slide2{ background-image: url(../img/img06.jpg);}
	#slide3{ background-image: url(../img/img02.jpg);}
	
	/* products */
	#products-section{ background: url(../img/bg-circle.png) no-repeat right bottom #ee382d;}
	
	#prod-cat-list{margin:0; padding:0; list-style-type:none; font-size:1.66rem; font-family:'Novecento'; font-variant:small-caps; line-height:1.2;}
	#prod-cat-list li+li{ margin-top:1rem;}
	#prod-cat-list li a{color:white; display:inline-block; margin-left:1.77rem;}
	#prod-cat-list li a:before{ content:''; display:block; position:absolute; left:0; width:0; bottom:-1px; height:2px; background-color:#fff; transition:width 0.2s ease; -webkit-transition:width 0.2s ease;}
	#prod-cat-list li a:hover:before, #footer-nav .topic-wrap ul li a:focus:before{width:100%;}
	
	/* manufacturers */
	#manufacturers-section{ background-color:#2a2a2a;}
	#manufacturers-section .bg-dark-rect{ position:absolute; height:56%; width:calc(50% - 12.22rem); left:0; bottom:0; background-color:#1f1f1f;}
	#manufacturers-section .bg-h-lines{ position:absolute; width:32.83rem; height:22.5rem; right:calc(50% + 15.66rem); bottom:5.72rem; background:url(../img/bg-h-lines.png) no-repeat right bottom; }
	#manufacturers-section .bg-dashed-line{ position:absolute; bottom:51%; left:0; height:4px; right:calc((100vw - 1400px)/2); background:url(../img/bg-dashed-semiwhite-line-horizontal.png) repeat-x;}
	
	#manf-slider{margin-left:4rem; margin-bottom:-2rem; margin-top:3rem;}
	#manf-slider .item{padding-bottom:2rem;}
	#manf-slider .item-logo{height:100%; background-color:#fff; border-radius:0.5rem; padding:4rem 3rem; margin-right:2rem; display:flex; align-items:center; justify-content:center;}
	#manf-slider .item-logo img{ max-width:100%; max-height:100%; flex:0 0 auto;}
	#manf-slider .item-logo a.logo-link{ display:flex; align-items:center; justify-content:center; width:3.77rem; height:3.77rem; background-color:#23a8d1; color:#27c4f3; padding:3px; border-radius:50%; box-shadow:-2px 2px 8px rgba(0,0,0,0.13); position:absolute; right:1rem; bottom:-1.8rem; transition:box-shadow 0.2s ease; -webkit-transition:box-shadow 0.2s ease;}
	#manf-slider .item-logo a.logo-link .fa{ display:block; background-color:#fff; width:100%; height:100%; border-radius:50%; line-height:3.6rem; text-align:center; transition:background-color 0.2s ease; -webkit-transition:background-color 0.2s ease;}
	#manf-slider .item-logo a.logo-link:hover{box-shadow:-6px 6px 28px rgba(0,0,0,0.35);}
	#manf-slider .item-logo a.logo-link:hover .fa{ background-color:#ededed;}
	#manf-slider .slide-title{ font-weight:700; color:white;}
	#manf-slider .item > .row{ display:flex; align-items:stretch;}
	
	#manf-slider .slick-dots{position:absolute; padding:0; margin:0; left:-7rem; margin-left:0; top:0; bottom:2rem; display:flex; justify-content:center; flex-direction:column; counter-reset:slidenmbr;}
	#manf-slider .slick-dots li{ display:block; margin:0.3rem 0;}
	#manf-slider .slick-dots li:after{counter-increment:slidenmbr; content:'0'counter(slidenmbr); color:white; font-size:1.11rem; font-weight:700; font-family:'Novecento'; opacity:0; margin-left:0.5rem; transition:opacity 0.7s ease; -webkit-transition:opacity 0.7s ease;}
	#manf-slider .slick-dots .slick-active:after{opacity:0.63;}
	#manf-slider .slick-dots li button{border:1px solid #838383; background:transparent; color:transparent; overflow:hidden; border-radius:50%; width:1.33rem; padding:0; height:1.33rem; line-height:1rem; margin-left:0.2rem; transition:background 0.2s ease; -webkit-transition:background 0.2s ease;}
	#manf-slider .slick-dots li button:hover{border-color:#23a8d1;}
	#manf-slider .slick-dots li button:focus{outline:0;}
	#manf-slider .slick-dots .slick-active button, #manf-slider .slick-dots .slick-active button:hover{cursor:default; border-color:white; background-color:#fff;}

	/* benefit */
	#benefit-section{}
	#benefit-section .sep{margin-bottom:3rem; padding:1px; margin-top:3rem;}
	#benefit-section .sep:before{ content:''; display:block; position:absolute; right:0; top:0; height:2px; width:calc(100% + (100vw - 1400px)/2 + 15px); background:url(../img/bg-dashed-black-line-horizontal2.png) repeat-x;}
	
	#benefits-list{ margin-top:-5rem; margin-left:3rem; width:calc(100% + (100vw - 1400px)/2 + 15px - 3rem); border-top:1px solid white;}
	#benefits-list .item{  color:#f0f0f0; display:flex; align-items:stretch;}
	#benefits-list .area-link{ z-index:2;}
	#benefits-list .item-title{color:white; font-weight:700;}
	#benefits-list .item+.item{margin-top:1px;}
	#benefits-list .item-image{width:19rem; margin-right:1px; overflow:hidden;}
	#benefits-list .item-image:after{ content:''; opacity:0; display:block; position:absolute; top:0.5rem; right:0.5rem; bottom:0.5rem; left:0.5rem; border-style:solid; border-width:20px; border-image:url(../img/bg-border.png) 20 round; transition:opacity 0.2s ease; -webkit-transition:opacity 0.2s ease;}
	#benefits-list .item-image .image-wrap{ position:absolute; top:0; left:0; right:0; bottom:0; background-position:center; background-size:cover; transition:transform 1s ease; -webkit-transition:transform 1s ease; }
	#benefits-list .item-body{width:calc(100% - 19rem); background-color:#1f1f1f; padding:2rem 4.3rem 2rem 3.16rem; display:flex; align-items:center; transition:background-color 0.2s ease; -webkit-transition:background-color 0.2s ease;}
	#benefits-list .item-body .inner-wrap{background:url(../img/bg-b-sep.png) no-repeat right center; padding-right:4rem; width:calc(100% - 2rem);}
	#benefits-list .item-body .arrow{width:2rem; margin-left:4rem; color:white; opacity:0.3; transition:opacity 0.2s ease; -webkit-transition:opacity 0.2s ease;}
	#benefits-list .item-body:before{ content:''; display:block; position:absolute; left:-2rem; width:3rem; height:0.33rem; top:4.5rem; background-color:#e5e5e5;}
	
	#benefits-list .item:hover .item-body{ background-color:#27c4f3;}
	#benefits-list .item:hover .item-body .arrow{ opacity:1;}
	#benefits-list .item:hover [class*='color-overlay-']{ opacity:0;}
	#benefits-list .item:hover .item-image .image-wrap{ transform:scale(1.2); -webkit-transform:scale(1.2);}
	#benefits-list .item:hover .item-image:after{ opacity:1;}
	
	#benefit1 .item-image .image-wrap{ background-image: url(../img/img02.jpg);}
	#benefit2 .item-image .image-wrap{ background-image: url(../img/img03.jpg);}
	#benefit3 .item-image .image-wrap{ background-image: url(../img/img04.jpg);}
	
	.benefit-text-link{ text-align:right; font-size:1.27rem;}



/* ************************* */
/* INTERNAL					 */
/* ************************* */
	
	/* page-header */
	.page-header-section{padding-top:11rem; padding-bottom:5rem; background-position:center; background-size:cover;}
	.page-header-section h1{ font-weight:700; text-align:center; text-shadow:-2px 2px 8px rgba(0,0,0,0.35);}
	.page-header-section .gr-overlay{ position:absolute;  top:0; left:0; right:0; height:80%;
		background: -webkit-linear-gradient(top, rgba(3,88,175,1),rgba(3,88,175,0));
	    background: -ms-linear-gradient(top, rgba(3,88,175,1), rgba(3,88,175,0));
	    background: linear-gradient(top, rgba(3,88,175,1), rgba(3,88,175,0));
		}
	.page-header-section .pattern-overlay{ position:absolute; top:0; left:0; right:0; bottom:0; background:url(../img/bg-pattern01.png);}
	
	#page-header1{ background-image:url(../img/img06.jpg)}
	
	/* breadcrumbs */
	#breadcrumbs{ background-color:#fff; padding:1rem 0; color:#0c0c0c; font-size:0.88rem;}
	#breadcrumbs ol{ display:flex; list-style-type:none; margin:0; padding:0;}
	#breadcrumbs ol li+li:before{ content:'>'; margin:0 0.5rem;}
	#breadcrumbs ol li a{color:#0a5cb1; display:inline-block;}
	#breadcrumbs ol li a:before{ content:''; display:block; position:absolute; left:0; width:0; bottom:-1px; height:1px; background-color:#0a5cb1; transition:width 0.2s ease; -webkit-transition:width 0.2s ease;}
	#breadcrumbs ol li a:hover:before, #breadcrumbs ol li a:focus:before{width:100%;}
	#breadcrumbs .bg-dashed-line{ position:absolute; top:50%; right:100%; height:1px; background:url(../img/bg-dashed-black-line-horizontal3.png); width:calc((100vw - 1400px)/2);}
	
	/* side-nav */
	.side-nav{ font-family:'Novecento';}
	.side-nav .side-nav-header{ color:#fff;}
	.side-nav .list-group{ background-color: transparent; border:0; padding:0 0 0 2rem;}
	.side-nav .list-group + .list-group{ border-top:0; }
	.side-nav .list-group-item{border-radius:0!important; border:0; padding:0; background-color:transparent; margin-bottom:0;}
	.side-nav .list-group-item + .list-group-item{margin-top:1rem;}
	.side-nav .list-group-item > a{padding:0;}
	.side-nav .list-group-item .collapse-toggle{ display:none; position:absolute; color:#890310; left:0; top:0; width:1.5rem; padding:1rem 0.5rem; margin-left:0; border-right:1px solid rgba(0,0,0,0.2);}
	.side-nav .list-group-item .collapse-toggle:focus{outline:0;}
	.side-nav .list-group-item .collapse-toggle:hover{color:#890310; background-color:rgba(0,0,0,0.2);}
	
		/* plus */
		.side-nav .collapse-toggle .item-plus{ display:inline-block; width:m11px; height:11px; }
		.side-nav .collapse-toggle .item-plus span{ display:block; width:100%; height:1px; background-color:#636363; top:50%; margin-top:-1px;}
		.side-nav .collapse-toggle .item-plus span+span{ transform:rotate(90deg); -webkit-transform:rotate(90deg); transition:transform 0.7s ease; -webkit-transition:transform 0.7s ease;}
		.side-nav .collapse-toggle:hover .item-plus span{ background-color:#fff;}
		.side-nav .collapse-toggle[aria-expanded='true'] .item-plus span+span{ transform:rotate(0); -webkit-transform:rotate(0);}
		.side-nav .list-group-item a:hover .collapse-toggle .item-plus span{ background-color:#890310;}

	.side-nav-sublevel{border:0; padding-left:2rem;}
	.side-nav-sublevel ul{margin:0; padding:1rem 0 0 0; list-style-type:none;}
	.side-nav-sublevel ul li a{padding:0; }
	.side-nav-sublevel ul li+li{margin-top:1rem;}
	
	.side-nav a{display:inline-block; color:#d4d4d4; font-size:1.4rem; line-height:1.2;}
	.side-nav a:before{ content:''; display:block; position:absolute; left:0; width:0; bottom:-1px; height:2px; background-color:#d4d4d4; transition:width 0.2s ease; -webkit-transition:width 0.2s ease;}
	.side-nav a:hover:before, .side-nav a:focus:before{width:100%;}
	.side-nav a:hover{color:#d4d4d4;}
	.side-nav .active > a{color:#d4d4d4; }
	.side-nav .active:before{ content:'\f061'; font-family:'FontAwesome'; color:white; position:absolute; top:0; left:-1.8rem; line-height:1.9;}
	.side-nav .active:hover, .side-nav .active:focus{ background-color:transparent;}
	
	/* side-cta-box */
	.side-cta-box{ display:flex; align-items:stretch;}
	.side-cta-box .cta-image{width:5.88rem; background-position:center; background-size:cover; border-radius:0.5rem 0 0 0.5rem; overflow:hidden; -webkit-transform: translateZ(0); transform: translateZ(0);}
	.side-cta-box .cta-body{ background-color:#1f1f1f; width:calc(100% - 5.88rem); padding:2rem 3rem 3rem 3.5rem; box-shadow:-2px 2px 8px rgba(0,0,0,0.35);}
	.side-cta-box .cta-body:before {content: ""; display: block; position: absolute; left: -1.5rem; width: 3rem; height: 0.33rem; top: 4.5rem; background-color: #e5e5e5;}

	#side-cta-box1 .cta-image{ background-image:url(../img/img07.jpg);}
	
	/* side-box */
	.side-box{ background-color:#1f1f1f; border-radius:0.5rem; box-shadow:-2px 2px 8px rgba(0,0,0,0.35); padding:3rem;}
	.side-box.transparent{padding-top:0; padding-bottom:0; background-color:transparent; box-shadow:none;}
	
	/* accordion */
	.accordion .panel {margin-bottom:0; background-color:transparent; border:0; border-radius:0; -webkit-box-shadow:none; box-shadow:none; background:url(../img/bg-dashed-black-line-horizontal2.png) repeat-x bottom;}
	.accordion .panel:first-child{ background:url(../img/bg-dashed-black-line-horizontal2.png) repeat-x top, url(../img/bg-dashed-black-line-horizontal2.png) repeat-x bottom;}
	.accordion .panel-heading {padding:0; border:0; border-radius:0;}
	.accordion .panel-title { margin:-2px 0 0 0; font-size:1.55rem; }
	.accordion .panel-title a{ display:block; color:#2a2a2a; padding:1.5rem 5rem 1.5rem 8rem; background-color:transparent; border:0; border-top:2px solid transparent;}
	.accordion .panel-title a:focus{outline:0;}
	.accordion .panel-title a[aria-expanded='true']{border-top:2px solid #cfcfcf;}
	.accordion .panel-body {padding:1rem 5rem 3rem 8rem; background-color:transparent; border-bottom:2px solid #cfcfcf;}
	
	.accordion .panel-title a .item-plus{ position:absolute; left:4.5rem; top:50%; margin-top:-0.56rem; display:inline-block; width:1.12rem; height:1.12rem; padding:0;}
	.accordion .panel-title a .item-plus span{ display:block; width:100%; height:2px; background-color:#23a8d1; margin-top:calc(50% - 1px); }
	.accordion .panel-title a .item-plus span+span{margin-top:-2px; transform:rotate(90deg); -webkit-transform:rotate(90deg); transition:transform 0.7s ease; -webkit-transition:transform 0.7s ease;}
	.accordion .panel-title a[aria-expanded='true'] .item-plus span+span{ transform:rotate(0); -webtransform:rotate(0);}