@import url(reset.css);

@font-face {
  font-family: 'Mont-ExtraLightDEMO';
  src: url('../fonts/Mont-ExtraLightDEMO.woff') format('woff'),
       url('../fonts/Mont-ExtraLightDEMO.ttf') format('truetype'),
       url('../fonts/Mont-ExtraLightDEMO.svg#Mont-ExtraLightDEMO') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
	font-family: 'Mont-ExtraLightDEMO', Arial;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	background: url(../img/bg-top4.jpg) top center no-repeat;
}

.wrapper {
	width: 1038px;
	margin: 0 auto;
	position: relative;
	/*background: #eee;*/
}

.intro {
	position: relative;
	margin-top: 60px;
	float: left;
	width: 100%;
}

.main-img { 
	display: block;
	/*float: left;*/
	/*margin-left: -486px;*/
	position: absolute;
	right: 524px;
}
.img-container, .main-img-mob, .mob-slider-add-text { display: none; }

.intro-block-1 {
	background: #26262e;
	color: #f7e6bf;
	width: 420px;
	padding: 0px 52px 40px;
	float: right;
}

.intro-block-2 {
	background: #f9edda;
	color: #26262e;
	width: 468px;
	padding: 10px 20px;
	position: absolute;
	top: 436px;
}

.intro-block-2 .devider {
	width: 100%;
	height: 4px;
	background: #414046;
}

.intro-block-2 .devider {
	margin: 15px 0;
}

p {
	letter-spacing: 0.025em;
	font-size: 14px;
}

.intro-block-1 p, .intro-block-2 p {
	text-align: justify;
	padding-bottom: 20px;
}

.logo1 {
	display: block;
	width: 411px;
	height: 71px;
	margin: 0 auto 37px;
	padding-top: 67px;
}
.logo2 {
	display: block;
	width: 493px;
	height: 85px;
	margin: 0 auto 50px;
	padding-top: 67px;
}
.final {
	clear: both;
	width: 100%;
	text-align: center;
}

.tel {
	display: block;
	float: left;
	padding-top: 11px;
	text-decoration: none;
	color: #000;
	margin-right: 12px;
}

.contacts-block { 
	clear: both;
	float: right; 
	margin: 150px 0 0;
}

.soc {
	background: #000;
	display: block;
	float: left;
	margin: 0 6px;
	color: #fff;
	width: 34px;
	height: 34px;
	border-radius: 34px;
	text-align: center;
	font-weight: 300;
}
.soc:last-child {
	margin-right: 0;
}
.soc-insta {
    padding-top: 7px;
    height: 27px;
    font-size: 20px;
}
.soc-fb {
	font-size: 18px;
    padding-top: 7px;
    height: 27px;
}
.soc-vk {
	font-size: 18px;
    padding-top: 8px;
    height: 26px;
}

.slider {
	clear: both;
	margin: 80px 0 0;
	float: left;
	width: 100%;
}

.slider .slide a {
	display: block;
	/*float: left;*/
	overflow: hidden;
	background: #000;
	position: relative;
}
.slider .slide a img {
	-moz-transition: all 0.5s ease-out;
	 -o-transition: all 0.5s ease-out;
	 -webkit-transition: all 0.5s ease-out;
}
.slider .slide a img:hover {
	-webkit-transform: scale(1.02);
 -moz-transform: scale(1.02);
 -o-transform: scale(1.02);
 opacity: 0.9;
}
.slider .slide a .desc, .slider-mob a .desc  {
	position: absolute;
	top: 20px;
	left: 20px;
	color: #fff;
	font-family: 'Mont-ExtraLightDEMO', Arial;
	font-size: 10px;
	letter-spacing: 0.025em;
	z-index: 10;
	line-height: 14px;
	width: 240px;
}

.slider .slide a .desc-in, .slider-mob a .desc-in  {
	color: #fff;
	background: rgba(96,85,78,0.4);
	display: block;
	padding: 10px;
}

.slider-mob a .desc-in { padding: 4px 6px; }

.slider .slide a .desc span { 
font-size: 12px
 }
.slider .slide a .desc .pro-name, .slider-mob a .desc .pro-name {
	display: block;
	clear: both;
	font-size: 18px;
	letter-spacing: 0.025em;
	margin-top: 14px;
}
.slider .slide a .desc .pro-name span, .slider-mob a .desc .pro-name span {
	font-size: 18px;
	background: rgba(96,85,78,0.4);
	padding: 8px 10px;
}
.shot-1 {
	width: 508px;
	height: 714px;
	float: left;
	/*margin-right: 27px;*/
}
.shot-2 {
	float: right;
	width: 524px;
	height: 354px;
	margin-bottom: 6px;
}
.shot-3 {
	clear: right;
	float: right;
	width: 524px;
	height: 354px;
}
.shot-4 {
	clear: both;
	float: left;
	width: 592px;
	height: 353px;
	margin: 6px 0 0;
}
.shot-5 {
	float: right;
	width: 440px;
	height: 353px;
	margin-top: 6px;
}

.sl-arrow {
	font-size: 60px;
	padding: 10px;
	position: absolute;
	cursor: pointer;
	color: #9c8d76;
	top: 32%;
	cursor: pointer;
}

.arr-prev {
	left: -70px;
}

.arr-next {
	right: -70px;
}

.feedback-container {
	display: block;
	clear: both;
	margin: 20px auto;
	width: 934px;
}

.feedback {
	width: 100%;
	float: left;
	display: block;
	position: relative;
}
.feedback input {
	-webkit-appearance: none;
	border: none;
	display: block;
	float: left;
	border: none;
	border-bottom: 3px solid #414046;
	height: 36px;
	font-size: 14px;
	font-family: 'Mont-ExtraLightDEMO', Arial;
	color: #000;
	width: 50%;
	margin: 0 0 30px 0;
	padding:0;
	outline:none;

}

.feedback textarea {
	-webkit-appearance: none;
	display: block;
	width: 914px;
	height: 200px;
	background: #eee;
	font-size: 14px;
	font-family: 'Mont-ExtraLightDEMO', Arial;
	color: #000;
	border: none;
	resize: none;
	outline: none;
	padding: 8px 10px;	
	margin-top:30px;
	float: left;
}
.btn {
	-webkit-appearance: none;
	display: block;
	position: absolute;
	right: 10px;
	bottom: 5px;
	background: none;
	border: none;
	font-size: 14px;
	font-family: 'Mont-ExtraLightDEMO', Arial;
	color: #000;
	cursor: pointer !important;	
	padding: 10px;
}
::placeholder {
	color: #000;
}

.pro-name.desc-in { line-height: 20px; }

.footer {
	clear: both;
	float: left;
	margin: 30px 0 0;
	width: 100%;
	background: #393d46;
	padding: 25px 0;
	font-size: 18px;
}

.footer .wrapper {
	width: 934px;
}

.footer .soc {
	background: #fff;
	display: block;
	float: left;
	margin: 0 6px;
	color: #393d46;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	text-align: center;
	font-weight: 300;
}

.footer .soc-insta {
    padding-top: 10px;
    height: 40px;
    font-size: 30px;
}
.footer .soc-fb {
	font-size: 23px;
    padding-top: 12px;
    height: 38px;
}
.footer .soc-vk {
	font-size: 27px;
    padding-top: 12px;
    height: 38px;
}
.foot-contacts {
	float: left;	
	margin-left: 60px;
}
.foot-contacts a {
	display: block;
	clear: both;
	padding: 5px 0;
	color: #fff;
}
.slider-mob { display: none !important; }
.intro-mob { display: none; }
/*********** mobile ***********/
@media only screen and (max-width: 700px) {

	body { width: 100%; margin: 0; padding:0; position: relative; }
	.main-img {  }
	
	.wrapper { width: 100%; position: inherit;}
	.intro { margin-top: 0; }
	.intro-block-1 { width: 90%; margin: 0; float: left; padding: 20px 5% 20px; display: none; }
	.intro-block-2 { width: 90%; position: relative; top: inherit; clear: both; float: left; padding: 10px 5%; margin-bottom: 10px; display: none;}
	.feedback-container { width: 90%; margin: 50px auto; }
	.feedback textarea { width: 94%; }
	.logo1 { width: 77%; height: auto; padding-top: 20px; margin: 0 auto; }
	.logo2 { width: 90%; height: auto; }
	.feedback input {  }
	.final { width: 80%; margin: 0 auto;}
	.footer .wrapper { width: 90%; }
	.footer .foot-contacts { font-size: 14px; margin-left: 10px; }
	.slider { margin-top: 20px; display: none !important; }
	.slider-mob { display: block; clear: both; width: 96%; margin: 0 auto; }
	.shot-1, .shot-2, .shot-3, .shot-4, .shot-5 { width: 100%; height: 300px; display: block; overflow: hidden; margin: 0; position: relative;}
	.shot-1 img, .shot-2 img, .shot-3 img, .shot-4 img, .shot-5 img { height: 100%; margin-left: -10%; }
	.shot-5 img { width: 100%; margin-left: 0; }
	.shot-1 img { width: 100%; height: auto; margin-top: -30%; margin-left: 0; }
	.slider-mob { display: block !important; }
	.desc { position: absolute; top: 10px !important; left: 20px !important; }
	.img-container {
		display: block;
		width: 100%;
		line-height: 0;
		margin: 0;
		padding: 0;
		background: #000;
		position: relative;
	}
	.sl-arrow { font-size: 30px; color: #fff; z-index: 10; top: 43%; }
	.arr-prev { left: 0; }
	.arr-next { right: 0; }
	.main-img-mob { position: relative;	right: 0; display: inline; width: 100%; opacity: 0.6; }
	.mob-slider-add-text { display: block; width: 100%; text-align: center; font-size: 12px; color: #000; margin-top: 10px; }
	.intro-mob { display: block; background: #fff; padding: 20px 20px 10px; margin-top: -10px;}
	.intro-mob p { padding-bottom: 20px; text-align: justify; }
	.intro-mob .devider { width: 100%; height: 2px; background: #414046; margin-bottom: 20px; clear: both; }
	.logo-container { position: absolute; width: 100%; z-index: 1; margin-top:40px; }
	.contacts-block { display: none; }
	.profile { position: relative; }
	.profile .pic { position: relative; width: 195px; margin: 0 auto; padding-bottom: 220px; }
	.profile .pic img { width: 195px; height: 245px; position: absolute; top: -43px; }
	.title { clear: both; }
	.title span { display: block; text-align: center; }
	.title span.name { text-transform: uppercase; font-size: 20px; font-weight: 400; }
	.title span.prof { color: #888; margin: 5px 0 30px; }
	.contacts-block-mob { margin: 0 0 50px; width: 100%; text-align: center; }
	.contacts-block-mob .soc { display: inline-block; float: inherit; width: 50px; border-radius: 50px; margin: 0 10px; background: #515258; color: #F7E6BF;}
	.soc-insta { padding-top: 10px; height: 40px; font-size: 30px; }
	.soc-fb { font-size: 28px; padding-top: 12px; height: 38px; }
	.soc-email { font-size: 30px; padding-top: 10px; height: 40px; }
}