/* * * fonts
 *
 * * * * * * * * * * * * * * * * * * * * * * */
@font-face {
	font-family: 'Conv_dinpro-medium';
	src: url('../fonts/dinpro-medium.eot');
	src: local('☺'), url('../fonts/dinpro-medium.woff') format('woff'), url('../fonts/dinpro-medium.ttf') format('truetype'), url('../fonts/dinpro-medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/**
 * global reset
 *
 * @section reset
 */

h1, h2, h3, h4, h5, h6 { 
	margin: 0;
	color: #7f7f7f;
	font-family: 'Conv_dinpro-medium', sans-serif;
	font-weight: normal;
	}	

h1 { margin: 0 0 30px; }

h2 { 
	margin: 0 0 20px;
	font-size: 24px;
	}

h3 { 
	margin: 0 0 35px;
	}

h4 { 
	margin: 0 0 30px;
	font-size: 20px;
	}

h5 { 
	margin: 0 0 5px;
	font-size: 16px;
	}		

p { 
	margin: 0 0 15px;
	font-size: 16.8px;
	line-height: 22px;
	}	

a {
	color: #1c1a19;
	text-decoration: none;
	-webkit-transition: color .4s linear;
	-moz-transition: color .4s linear;
	-o-transition: color .4s linear;
	transition: color .4s linear;
	outline: none;
	}
a:hover { 
	color: #000;
	text-decoration: none;
	}		
a:focus { 
	outline: none;
	text-decoration: none;
	}	

img { vertical-align: top; }

b, strong { font-weight: normal; }		

.btn.btn-default,
.btn.btn-default:focus,
.btn.btn-default:active { 
	margin: 0;
	padding: 0 35px;
	height: 34px;
	color: #fff;
	font: 15px 'Conv_dinpro-medium', sans-serif;
	line-height: 34px;
	border: 0;
	background: #1c1a19;
	outline: none;
	box-shadow: none;
	border-radius: 0;
	-webkit-transition: background .4s linear;
	-moz-transition: background .4s linear;
	-o-transition: background .4s linear;
	transition: background .4s linear;
	}
.btn.btn-default:hover { background: #373533; }				      		

/**
 * body basic formatting
 *
 * font-size, main color, links (hover, visited etc.)
 *
 * @section basic formatting
 */

/* body
   ---------------------------------------- */
body {
	color: #7f7f7f;
	font: 16.8px 'Conv_dinpro-medium', sans-serif;
	line-height: 20px;
	background: #fff;

	-webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
	}	

/* wrapper
   ---------------------------------------- */
.wrapper { min-width: 320px; }

/* header
   ---------------------------------------- */
.header { padding: 20px 0 0; }

.logo { 
	float: left;
	margin: 0;
	}

.logo a { 
	display: block;
	width: 177px;
	height: 71px;
	font: 0px/0 a;
	background: url(../img/bg/logo.png) 0 0 no-repeat;
	background-size: 177px 71px;
	}	

@media not all, only screen and (min-resolution: 144dpi), not all, (min-resolution: 144dppx) {

.logo a { 
	background-image: url(../img/bg/logo_x2.png);
	}

}	

.main-navi { float: right; }

.main-navi-bt { 
	display: none;
	padding: 5px;
	border: 1px solid #1c1a19;
	cursor: pointer;
	-webkit-transition: background .4s linear;
	-moz-transition: background .4s linear;
	-o-transition: background .4s linear;
	transition: background .4s linear;
	}

.main-navi-bt .fa { 
	vertical-align: top;
	color: #1c1a19;
	font-size: 28px;
	line-height: 21px;
	cursor: pointer;
	-webkit-transition: color .4s linear;
	-moz-transition: color .4s linear;
	-o-transition: color .4s linear;
	transition: color .4s linear;
	}

.main-navi-bt:hover,
.main-navi.open .main-navi-bt { background: #1c1a19; }
.main-navi-bt:hover .fa,
.main-navi.open .main-navi-bt .fa { color: #fff; }		

.main-navi ul { 
	display: inline-block;
	margin: 0;
	padding: 54px 0 0;
	width: 100%;
	vertical-align: top;
	}

.main-navi li { 
	float: left;
	margin: 0 0 0 10px;
	font-size: 16.8px;
	text-transform: uppercase;
	list-style-type: none;
	}
.main-navi li:first-child { margin: 0; }

.main-navi a { 
	position: relative;
	display: block;
	padding: 0 40px 25px 0;
	color: #1c1a19;
	}
.main-navi a:before { 
	position: absolute;
	display: block;
	width: 100%;
	height: 3px;
	left: 0;
	bottom: 0;
	background: #1c1a19;
	opacity: 0;
	content: "";
	-webkit-transition: opacity .4s linear;
	-moz-transition: opacity .4s linear;
	-o-transition: opacity .4s linear;
	transition: opacity .4s linear;
	}	
.main-navi a:hover { color: #000; }			
.main-navi a:hover:before,
.main-navi .selected a:before { opacity: 1; }

/* promo
   ---------------------------------------- */
.promo img { width: 100%; } 

/* section
   ---------------------------------------- */
.section { padding: 50px 0; }

.section.gray-bg { background: #f7f7f7; }

.separator { 
	position: relative;
	padding: 0 0 24px;
	}
.separator:before { 
	position: absolute;
	margin: 0 0 0 -18px;
	width: 36px;
	height: 4px;
	left: 50%;
	bottom: 0;
	background: #1c1a19;
	content: "";
	}	

.info-list { overflow: hidden; }

.info-list ul { 
	display: flex;
    flex-wrap: wrap;
	margin: -100px -15px 0;
	padding: 0;
	}	

.info-list li { 
	position: relative;
	margin: 100px 0 0;
	padding: 22.5px 15px 0;
	display: flex;
	width: 33.333%;
	text-align: center;
	list-style-type: none;
	}

.info-list__item { 
	padding: 55px 15px 20px;
	border: 1px solid #ddd;
	}	
.info-list__item:before { 
	position: absolute;
	display: block;
	margin: 0 0 0 -22.5px;
	width: 45px;
	height: 45px;
	top: 0;
	left: 50%;
	background: #2d241f;
	content: "";
	}	

.info-list h3 { 
	margin: 0 0 30px;
	font-size: 18px;
	text-transform: uppercase;
	} 

.info-list p { 
	margin: 0;
	font-size: 14px;
	}

.promo-slider { 
	position: relative;
	margin: 0 auto;
	padding: 35px 0 0;
	max-width: 500px;
	width: 100%;
	overflow: hidden;
	z-index: 3;
	}

.promo-slider .owl-stage-outer { 
	position: relative;
	width: 100%;
	overflow: hidden;
	}	

.promo-slider .owl-stage { 
	position: relative;
	width: 100%;
	overflow: hidden;
	}

.promo-slider .owl-item { 
	float: left;
	width: 100%;
	}

.promo-slider .owl-item img { 
	width: 100%;
	cursor: move;
	}

.promo-slider .owl-nav { display: none !important; }

.promo-slider .owl-controls { 
	padding: 30px 0 0;
	text-align: center;
	}

.promo-slider .owl-dots { 
	font-size: 0;
	line-height: 0;
	letter-spacing: 0;
	}

.promo-slider .owl-dot { 
	display: inline-block;
	margin: 0 3px;
	width: 12px;
	height: 12px;
	vertical-align: top;
	border: 2px solid #d3d3d3;
	background: #fff;
	cursor: pointer;
	border-radius: 100%;
	-webkit-transition: background .3s linear;
	-moz-transition: background .3s linear;
	-o-transition: background .3s linear;
	transition: background .3s linear;
	}

.promo-slider .owl-dot.active { background: #d3d3d3; }	

.global-title { 
	margin: 0 0 30px;
	font-size: 24px;
	border-bottom: 1px dotted #e4e9f0;
	}

.global-title span { 
	position: relative;
	display: inline-block;
	padding: 0 0 15px;
	vertical-align: top;
	}
.global-title span:before { 
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	left: 0;
	bottom: -1px;
	background: #1c1a19;
	content: "";
	}

form {  }

fieldset { 
	display: inline-block;
	padding: 20px 0 0;
	width: 100%;
	vertical-align: top;
	}	

label { 
	display: block;
	margin: 0 0 10px;
	color: #7f7f7f;
	font-size: 15px;
	font-weight: normal;
	}

label span { color: red; }

input[type='text'],
input[type='email'],
input[type='password'] {
	margin: 0;
	padding: 0 15px;
	max-width: 480px;
	width: 100%;
	height: 34px;
	color: #000;
	font: 14px 'Conv_dinpro-medium', sans-serif;
	vertical-align: top;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 0;
	box-shadow: none;
	-webkit-transition: border-color .4s linear;
	-moz-transition: border-color .4s linear;
	-o-transition: border-color .4s linear;
	transition: border-color .4s linear;
	}

input[type='text']:-webkit-autofill,
input[type='email']:-webkit-autofill,
input[type='password']:-webkit-autofill,
textarea:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 50px #fff !important;
    -webkit-text-fill-color: #000 !important;
    color: #9b9b9b !important;
	}

input[type='text']::-moz-placeholder,
input[type='email']::-moz-placeholder,
input[type='password']::-moz-placeholder {
    color: #000;
    opacity: 1;
    }
input[type='text']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder {
    color: #000;
    opacity: 1;
    }	

input[type='text']:focus,
input[type='email']:focus,
input[type='password']:focus,
textarea:focus { 
	border-color: #1c1a19;
	}

textarea {
 	margin: 0;
	padding: 10px 15px;
	width: 100%;
	height: 105px;
	color: #000;
	font: 14px 'Conv_dinpro-medium', sans-serif;
	vertical-align: top;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 0;
	box-shadow: none;
	overflow: auto;
	-webkit-transition: border-color .4s linear;
	-moz-transition: border-color .4s linear;
	-o-transition: border-color .4s linear;
	transition: border-color .4s linear;
	}
textarea::-moz-placeholder {
    color: #000;
    opacity: 1;
    }
textarea::-webkit-input-placeholder {
    color: #000;
    opacity: 1;
    } 	

label.error { 
	display: block;
	padding: 10px 0 0;
	color: #b50000;
	font-size: 14px;
	}

input[type='text'].error,
input[type='email'].error,
input[type='password'].error,
textarea.error { 
	border-color: #b50000;
	} 

.top-pos { display: none !important; }		

.captcha { 
	width: 185px;
	height: 50px;
	overflow: hidden;
	}	

.captcha__in { margin: -12px 0 0 -1px; }	

.address { 
	margin: 0;
	padding: 0;
	}

.address li { 
	display: inline-block;
	padding: 10px 0 0;
	width: 100%;
	vertical-align: top;
	list-style-type: none;
	}
.address li:first-child { padding: 0; }	

.address .fa { 
	float: left;
	margin: 4px 7px 0 0;
	width: 20px;
	color: #1c1a19;
	}	

.address__info { overflow: hidden; }

.address p { 
	margin: 0;
	font-size: 15px;
	}	    						

/* footer
   ---------------------------------------- */
.footer { 
	padding: 10px 0;
	background: #1c1a19;
	}

.footer p { 
	margin: 0;
	color: #fff;
	font-size: 12px;
	}

.footer p span { text-transform: uppercase; }	

/* media only screen
   ---------------------------------------- */
@media only screen and (max-width: 991px) { 

.info-list li { width: 50%; }

.section .col-md-9 { margin: 0 0 30px; }
	
}	

@media only screen and (max-width: 650px) { 

.header { padding: 20px 0; }	

.header .container { position: relative; }	

.main-navi-bt { 
	position: absolute;
	display: inline-block;
	top: 38px;
	right: 15px;
	vertical-align: top;
	}

.main-navi ul { 
	position: absolute;
	display: none;
	padding: 7px 0;
	width: 100%;
	top: 90px;
	left: 0;
	background: #1c1a19;
	}

.main-navi.open ul { display: block; }	

.main-navi li { 
	float: none;
	margin: 0;
	padding: 7px 0;
	}

.main-navi a { 
	padding: 15px;
	color: #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transition: background .4s linear, color .4s linear;
	-moz-transition: background .4s linear, color .4s linear;
	-o-transition: background .4s linear, color .4s linear;
	transition: background .4s linear, color .4s linear;
	}	
.main-navi a:before { display: none; }

.main-navi a:hover { background: #fff; }

.info-list ul { margin-top: -50px; }

.info-list li { 
	margin: 50px 0 0;
	width: 100%;
	}

.main-navi li:first-child { display: none; }
	
}