/* CSS Document */

/*==================
 GENERAL STYLES
===================*/
html,
body { height: 100%;}
body,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select,
textarea,
button { font-family: 'Open Sans', sans-serif; }

body { color: #4f2b29;}

/*buttons*/
.close { color: #7B4832; float: right; font-size: 21px; font-weight: 700; line-height: 1; opacity: 0.2; text-shadow: 0 1px 0 #FFFFFF;}
.close:hover,
.close:focus { color: #7B4832; cursor: pointer; opacity: 0.5; text-decoration: none; }
button.close { background-color: transparent;  border: 0 none; cursor: pointer; padding: 0;}
.btn {display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;cursor:pointer;background-image:none; border: none 0; border-bottom:2px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.428571429;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.btn:hover,
.btn:focus {color:#333333;text-decoration:none;}
.btn:active {outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);}
.btn[disabled],
fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;}
.btn-block {display:block;width:100%;padding-left:0;padding-right:0;}

.btn-primary {color:#ffffff;border-bottom-color: #603928; background: rgb(151,89,62); background: -moz-linear-gradient(top,  rgba(151,89,62,1) 0%, rgba(123,72,50,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(151,89,62,1)), color-stop(100%,rgba(123,72,50,1))); background: -webkit-linear-gradient(top,  rgba(151,89,62,1) 0%,rgba(123,72,50,1) 100%); background: -o-linear-gradient(top,  rgba(151,89,62,1) 0%,rgba(123,72,50,1) 100%); background: -ms-linear-gradient(top,  rgba(151,89,62,1) 0%,rgba(123,72,50,1) 100%); background: linear-gradient(to bottom,  rgba(151,89,62,1) 0%,rgba(123,72,50,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97593e', endColorstr='#7b4832',GradientType=0 ); }
.btn-primary:hover,
.btn-primary:focus { color: #ffffff; background: rgb(123,72,50); background: -moz-linear-gradient(top,  rgba(123,72,50,1) 0%, rgba(151,89,62,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(123,72,50,1)), color-stop(100%,rgba(151,89,62,1))); background: -webkit-linear-gradient(top,  rgba(123,72,50,1) 0%,rgba(151,89,62,1) 100%); background: -o-linear-gradient(top,  rgba(123,72,50,1) 0%,rgba(151,89,62,1) 100%); background: -ms-linear-gradient(top,  rgba(123,72,50,1) 0%,rgba(151,89,62,1) 100%); background: linear-gradient(to bottom,  rgba(123,72,50,1) 0%,rgba(151,89,62,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b4832', endColorstr='#97593e',GradientType=0 ); }

.btn-primary:active {background: rgb(123,72,50); background: -moz-linear-gradient(top,  rgba(123,72,50,1) 0%, rgba(119,59,50,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(123,72,50,1)), color-stop(100%,rgba(119,59,50,1))); background: -webkit-linear-gradient(top,  rgba(123,72,50,1) 0%,rgba(119,59,50,1) 100%); background: -o-linear-gradient(top,  rgba(123,72,50,1) 0%,rgba(119,59,50,1) 100%); background: -ms-linear-gradient(top,  rgba(123,72,50,1) 0%,rgba(119,59,50,1) 100%); background: linear-gradient(to bottom,  rgba(123,72,50,1) 0%,rgba(119,59,50,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b4832', endColorstr='#773b32',GradientType=0 ); }

/*form-elements*/
.form-group { position: relative;}
.form-control { color: #4f2b29; border-color: #7b4832; background-color: #f3e8d6; border-radius: 0;}
.form-control:focus{border-color:#814b34;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(151, 101, 79, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(151, 101, 79, 0.6)}

/*=================
 HEADER STYLES
==================*/
#site-header { position: relative; padding-bottom: 30px; background: url(../img/content-corner-top.png) 50% 100% no-repeat transparent; }
#site-header .inner { background: url(../img/header-bg.png) repeat-x 0 0 #D4D4D4; padding: 15px 0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(151, 101, 79, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(151, 101, 79, 0.6);}
/*#shadow-header { position: absolute; bottom: 0; width: 100%; height: 8px; background: url(../img/main-shadow-line.png) no-repeat 50% 0 transparent; z-index: 10; }*/

#logo-area { float: left;}
#top-info-area { float: right; margin-top: 10px;}

.top-info-txt,
.top-info-btn-area { display: inline-block; vertical-align: middle;}
.top-info-txt { margin-right: 25px; font-size: 1.2em;}
.top-info-btn-area { border-left: 2px dashed #c5913f; padding-left: 25px;}
.top-tel { display: block; background: url(../img/icon-phone.png) no-repeat 0 50% transparent; padding-left: 26px; margin-bottom: 15px;}

/*callback area*/
#callback-form-area { display: none; clear: right; float: right; margin-top: 72px; padding: 0 0 0 55px; width: 33.3333%;}
#callback-form { padding-top: 30px;}

/*=======================
 MAIN CONTENT SECTION
========================*/
#page > .container { padding-top: 40px;}

/*MAIN INFO SECTION*/
.main-info,
.feature-list { margin-bottom: 40px;}
.main-info header { text-align: center; margin-bottom: 60px;}

#map-area > iframe,
#yandex-map-area > ymaps { padding-bottom: 12px; background: url(../img/map-shadow-bottom.png) no-repeat 50% 100% transparent;}
#map-area > iframe {width: 94% !important;}

#yandex-map-area { height: 350px; width: 94%;}

.form-area {background: url(../img/form-title-bg.png) no-repeat 0 5px transparent; padding-left: 34px;}
.form-title { margin-top: 0; margin-bottom: 20px;}
.form-title small { color: #4f2b29; display: block; margin: 5px 0; font-size: 0.5em;}

/*feature-list SECTION*/
.feature-list {width: 100%; padding-bottom: 10px; background: url(../img/feature-shadow-bottom.png) no-repeat 50% 100% transparent;}
.feature-list .inner { position: relative; background: url(../img/feature-corner-left.png) no-repeat -1px 50% #fff4d9; padding: 20px 0 20px 140px;}

.feature { text-align: center; padding-top: 110px; background-color: transparent; background-repeat: no-repeat; background-position: 50% 0; margin-top: 15px;}
.feature h3 { font-size: 1em; line-height: 1.4em; font-weight: 600; margin-top: 0; margin-bottom: 0;}
#qr-area h3 { margin-top: 0;}
#feature-square { background-image: url(../img/feature-square.png);}
#feature-enter { background-image: url(../img/feature-enter.png);}
#feature-communications { background-image: url(../img/feature-communications.png);}
/*=================
 FOOTER STYLES
==================*/
#site-footer p { margin-bottom: 0; font-weight: 600;}
/*sticky footer*/
#site-footer { height: 90px; line-height: 90px;}
#site-footer .inner { position: relative; background: url(../img/header-bg.png) repeat-x 0 0 transparent; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(151, 101, 79, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(151, 101, 79, 0.6);}
#site-container { height: auto; margin: 0 auto -90px;  min-height: 100%;  padding: 0 0 90px;}



/*========================
 RESPONSIVE
==========================*/
    
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	/*header*/
	.top-info-txt { margin-right: 15px;}
	.top-info-btn-area { padding-left: 15px;}
	
	/*callback area*/
	#callback-form-area { padding-left: 0; width: 50%;}
	
	/*main-info section*/
	.main-info { padding-bottom: 3em; border-bottom: 2px solid #e0dedc;}
	#map-area,
	#yandex-map-area { margin-bottom: 3em;}
	#map-area > iframe { width: 100% !important; }
	#yandex-map-area { height: 350px; width: 100%;}
	.form-area { width: 60%; margin-left: auto; margin-right: auto; }
	
	/*feature-list section*/
	.feature-list .inner { background-image: none; padding-left: 0;}
	#qr-area { text-align: center; padding-top: 3em;}
	
	/*footer*/
	#site-footer { text-align: center; }
}
     
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	/*main blocks*/
	#site-container { width: 460px; padding: 0 20px; margin: 0 auto; min-height: none;}
	#site-footer { height: auto; padding: 8px 0;}
	
	/*header*/
	#site-header { padding-bottom: 15px;}
	#site-header .inner { background-image: none; background-color: #e3deda; text-align: center;}
	#logo-area,
	#top-info-area { float: none; }
	#logo-area { margin-bottom: 1.4em; }
	.top-info-txt { display: block; margin-left: 0; margin-right: 0;}
	#top-info-area { border-top: 2px dashed #C5913F; padding-top: 1.4em; }
	.top-info-btn-area { border-left: none; padding-left: 0; padding-top: 8px;}
	.top-tel { font-size: 1.4em;}
	
	/*callback area*/
	#callback-form-area { margin-top: 25px; padding-left: 0; width: 100%;}
	
	/*main-info section*/
	.main-info { padding-bottom: 3em; border-bottom: 2px solid #e0dedc;}
	#map-area,
	#yandex-map-area { margin-bottom: 3em; padding: 10px; border: 1px solid #cccccc;}
	#map-area > iframe { width: 100% !important; }
	#yandex-map-area { width: 100%;}
	.form-area { background-image: none; padding: 10px; border: 1px solid #cccccc; }
	
	/*feature-list section*/
	.feature-list .inner { background-image: none; padding-left: 0;}
	.feature { width: 60%; margin-left: auto; margin-right: auto;}
	#qr-area { text-align: center; padding-top: 3em;}
	#qr-area h3 {border-top: 2px dashed #C5913F; padding-top: 1.4em;}
	
	
	/*footer*/
	#site-footer { text-align: center; }
	
}

@media (max-width: 479px) {
	/*main blocks*/
	 #site-container { width: 320px; }
	 
	 /*main-info section*/
	 .main-info header h1,
	 .form-title { font-size: 1.8em;}
	 .main-info header .sub-header { font-size: 1.12em;}
	
}


#pop-map{top: 15%; left: 20%; z-index:9999; display:none;position:fixed;}
#yandex-map-area{position:relative;}
#bg-click{
	background-color:#000;
	opacity: 0.5;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.col-md-8 img{
	width:100%;
	height:100%;
}
#links{
	padding-bottom:10px;
}
#links a {text-decoration:underline;}