body {margin: 0; padding: 0;}
p {margin: 0; padding: 0; font-style: italic;}
ul {margin: 0; padding: 0;}
.width_content {width: 1000px; margin: auto;}
.width_content_center {width: 764px; margin: auto;}


.header_top_wrap:after, .header_center_wrap:after, .header_bottom_wrap:after,
.menu_img_wrap:after, .point_wrap:after, .item_response:after, .footer_top:after, .footer_bottom:after,
.content_and_maps:after{
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/***********************************************    header     *****************************************/
.header {position: relative;}

.header_top_bg {	min-height: 33px; background-color: #1f1f1f;}

.header_top_left {width: 50%; float: left;}
.header_top_left img {margin-top: 3px; margin-left: 3px;}

.header_top_right {width: 50%; float: right;}
.header_top_right p {color: #f6f6f6; text-align: right; font-family: "Times New Roman", Arial; text-transform: uppercase; font-style: italic; font-size: 22px; margin-top: 5px;}

.header_center_bg {min-height: 120px; background-color: #f6f6f6;}
.header_center_bg p {font-family: 'Times New Roman', Arial; font-style: italic;}

.header_center_left {width: 50%; float: left; box-sizing: border-box;}
.header_center_left p { margin-top: 12px;}
.header_center_left p:nth-child(1) {font-size: 14px;}
.header_center_left p:nth-child(2) {font-size: 40px;}
.header_center_left p:nth-child(3) {font-size: 19px; margin-bottom: 10px; min-height: 29px; padding-left: 30px; margin-top: 10px;
									padding-top: 2px; background-image: url("../images/icon_position.png"); 
									background-repeat: no-repeat; background-position: center left;}
									
.header_center_right {width: 50%; float: right; box-sizing: border-box;}
.header_center_right p {text-align: right; font-size: 28px; padding: 4px 44px 0 0}
.header_center_right p:nth-child(1) { margin-top: 12px; background-image: url("../images/icon_phone.png"); background-repeat: no-repeat; background-position: center right;}
.header_center_right p:nth-child(2) {background-image: url("../images/icon_mts.png"); background-repeat: no-repeat; background-position: center right;}
.header_center_right p:nth-child(3) {background-image: url("../images/icon_mail.png"); background-repeat: no-repeat; background-position: center right;}


.header_bottom_bg {min-height: 46px; background-color: #1f1f1f;}

.line_bottom_header {height: 6px; background-color: #d9cdaf;}
.header_logo {transition: top 1s ease-out;}

/***********************************************    NAV     *****************************************/

.nav_left {float: left; width: 50%; box-sizing: border-box;}
.nav_right {float: right; width: 50%; box-sizing: border-box; text-align: right;}

nav li {display: inline-block;}
nav li a {display: inline-block; padding: 10px 11px; text-decoration: none; color: #ffffdd; font-style: italic; font-size: 23px;}
nav li a:hover {background-color: #d9cdaf; color: #1f1f1f;}
.active_link_nav {background-color: #d9cdaf; color: #1f1f1f;}

/***********************************************    slider     *****************************************/

.size_slider {width: 100%;}
.slider_2 {position: relative; font-size: 36px; font-style: italic; text-align: center;}
.slider_2 .flexslider {border: none; margin: 0;}
.slider_2 span {display: block; width: 766px; height: 111px; position: absolute; padding-top: 15px; top: 30%; left: 50%; margin-left: -383px; background-color: rgba(255, 255, 255, 0.8);}

/**********************************************    MENU_IMG     ****************************************/

.menu_img_bg {background-color: #fff; box-shadow: 0 2px 3px #dddddd;}

.menu_img_wrap p {margin-top: 165px; font-size: 22px; font-style: italic;}

.menu_img_left {width: 33%; float: left; box-sizing: border-box; position: relative; min-height: 300px;}
.menu_img_left img {position: absolute; top: -52px; left: 43px;}

.menu_img_center {width: 33%; float: left; box-sizing: border-box; position: relative;}
.menu_img_center img {position: absolute; top: -52px; left: 56px;}
.menu_img_center p {text-align: center;}

.menu_img_right {width: 33%; float: left; box-sizing: border-box; position: relative;}
.menu_img_right img {position: absolute; top: -52px; left: 66px;}
.menu_img_right p { text-align: right;}


.honeycomb {
	display: block;
	width: 220px;
	height: 130px;
	background-color: #e8dec6;
	position: absolute;
}


.menu_img_left .honeycomb {
	top: -45px;
}
.menu_img_center .honeycomb {
	left: 50%;
    margin-left: -110px;
	top: -45px;
}
.menu_img_right .honeycomb {
	left: 100%;
    margin-left: -220px;
	top: -45px;
}

.honeycomb_border {
	border-left: 3px solid #a09375; 
	border-right: 3px solid #a09375;
	display: block;
	width: 220px;
	height: 130px;
	position: absolute;
	
}
.menu_img_left .honeycomb_border {
	top: -45px;
	left: -3px;
}
.menu_img_center .honeycomb_border {
	left: 50%;
    margin-left: -113px;
	top: -45px;
}
.menu_img_right .honeycomb_border {
	left: 100%;
    margin-left: -223px;
	top: -45px;
}

.honeycomb_1 {
	-moz-transform: rotate(0deg); /* Для Firefox */
    -ms-transform: rotate(0deg); /* Для IE */
    -webkit-transform: rotate(0deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(0deg);
	transform: rotate(0deg);
	
	-webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.honeycomb_2 {
	-moz-transform: rotate(60deg); /* Для Firefox */
    -ms-transform: rotate(60deg); /* Для IE */
    -webkit-transform: rotate(60deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(60deg);
	transform: rotate(60deg);
	
	-webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.honeycomb_3 {
	-moz-transform: rotate(-60deg); /* Для Firefox */
    -ms-transform: rotate(-60deg); /* Для IE */
    -webkit-transform: rotate(-60deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(-60deg);
	transform: rotate(-60deg);
	
	-webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

.link_in_img:hover .honeycomb_1 {
	-moz-transform: rotate(120deg); /* Для Firefox */
    -ms-transform: rotate(120deg); /* Для IE */
    -webkit-transform: rotate(120deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(120deg);
	transform: rotate(120deg);
	
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.link_in_img:hover .honeycomb_2 {
	-moz-transform: rotate(180deg); /* Для Firefox */
    -ms-transform: rotate(180deg); /* Для IE */
    -webkit-transform: rotate(180deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(180deg);
	transform: rotate(180deg);
	
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.link_in_img:hover .honeycomb_3 {
	-moz-transform: rotate(60deg); /* Для Firefox */
    -ms-transform: rotate(60deg); /* Для IE */
    -webkit-transform: rotate(60deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(60deg);
	transform: rotate(60deg);
	
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.link_in_img:hover .honeycomb {
	background-color: #bcb295;
	
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}


/*********************************************   CONTENT   ****************************************/

.content_bg {background-color: #f6f6f6; box-shadow: inset 0 2px 15px #dddddd; padding-bottom: 25px;}

.content {padding-top: 51px;}
.content h1 {font-style: italic; color: #675c43; font-size: 28px; margin: 0; margin-bottom: 17px; text-align: center;}
.content p {color: #675c43; font-size: 15px; margin: 0; text-align: center; padding: 5px 0; text-indent: 20px;}
.content ul {padding-left: 30px;}
.content ul li {list-style-type: none; position: relative;}
.content ul li:before {
	content: "";
    width: 20px;
    height: 20px;
    display: block;
    background: url(../images/check_black_30_30.png) no-repeat center center;
    position: absolute;
    top: 2px;
    left: -28px;
    background-size: 100%;
	
}



/**********************************************   POINT   *****************************************/

.point_bg {background-image: url("../images/point_bg.jpg"); background-repeat: no-repeat; background-size: 100% 100%; min-height: 433px;}

.point_1, .point_2, .point_3, .point_4, .point_5 {width: 200px; float: left; box-sizing: border-box; padding: 11px; position: relative;}

.point p {font-size: 20px; position: relative; padding-top: 233px; text-align: center;}

.point img {position: absolute; z-index: 200;}

.point_1 img {top: 87px; left: 50%; margin-left: -33px;}
.point_2 img {top: 97px; left: 50%; margin-left: -43px;}
.point_3 img {top: 84px; left: 50%; margin-left: -40px;}
.point_4 img {top: 85px; left: 50%; margin-left: -39px;}
.point_5 img {top: 91px; left: 50%; margin-left: -43px;}

.point_wrap {padding-top: 28px;}
.point_wrap > p {font-style: italic; font-size: 40px; text-align: center;}

.honeycomb_point {
	display: block;
	width: 178px;
	height: 104px;
	background-color: #e8dec6;
	position: absolute;
	top: 75px;
}

/*.point_1 p { font-size: 20px; position: absolute; top: 113px; left: 26px;}
.point_2 p { font-size: 20px; position: absolute; top: 113px; left: 26px;}
.point_3 p { font-size: 20px; position: absolute; top: 113px; left: 26px;}
.point_4 p { font-size: 20px; position: absolute; top: 113px; left: 26px;}
.point_5 p { font-size: 20px; position: absolute; top: 113px; left: 26px;}*/

.point_wrap a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	
	-webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.point_wrap a:hover {color: red;}
.point_wrap a:hover .honeycomb_1 {
	-moz-transform: rotate3d(2, 0, 0, 180deg); /* Для Firefox */
    -ms-transform: rotate3d(2, 0, 0, 180deg); /* Для IE */
    -webkit-transform: rotate3d(2, 0, 0, 180deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate3d(2, 0, 0, 180deg);
	transform: rotate3d(0, 1, 0, 180deg);
	
	-webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

.point_wrap a:hover .honeycomb_2 {
	
	-moz-transform: rotate3d(2, 0, 0, 180deg); /* Для Firefox */
    -ms-transform: rotate3d(2, 0, 0, 180deg); /* Для IE */
    -webkit-transform: rotate3d(2, 0, 0, 180deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate3d(2, 0, 0, 180deg);
	transform: rotate3d(1, 0, 0, 180deg);
	
	-webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

.point_wrap a:hover .honeycomb_3 {
	-moz-transform: rotate3d(2, 0, 0, 180deg); /* Для Firefox */
    -ms-transform: rotate3d(2, 0, 0, 180deg); /* Для IE */
    -webkit-transform: rotate3d(2, 0, 0, 180deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate3d(2, 0, 0, 180deg);
	transform: rotate3d(0, 0, 1, 180deg);
	
	-webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

/*********************************************   KLIENTS   ****************************************/

.klients_bg {background-color: #f6f6f6; box-shadow: inset 0 2px 15px #dddddd; min-height: 280px;}

.klients_wrap {padding-top: 28px;}
.klients_wrap > p {font-style: italic; font-size: 40px; text-align: center;}

/********************************   STYLE FORM CONTACTS & FORM RESPONSE   *************************/

.contacts_wrap p { font-size: 22px; font-style: normal;}
.contacts_wrap p.item_contacts { font-size: 27px; margin-top: 25px;}
.message_wrap {	width: 50%;	margin: 20px auto;}
.message_wrap input { height: 35px;}
.message_wrap textarea { height: 100px; resize: none; padding-top: 15px;}
.message_wrap input, .message_wrap textarea { width: 100%; box-sizing: border-box; margin-bottom: 20px; padding-left: 15px;}
.btn_contacts {	width: 100%; height: 51px; border: 1px solid #d9cdaf; background-color: #d9cdaf; color: #fff; font-size: 17px; font-family: Arial, Tahoma, "Times New Roman";}
.btn_contacts:hover { background-color: #fff; color: #d9cdaf;}

.form_response { width: 80%; margin: 20px auto;}
.form_response p {text-align: center; font-size: 20px; margin-bottom: 20px; font-style: normal;}
.form_response input { height: 35px;}
.form_response textarea { height: 150px; resize: none; padding-top: 15px;}
.form_response input, .form_response textarea { width: 100%; box-sizing: border-box; margin-bottom: 20px; padding-left: 15px;}
.btn_response {	width: 100%; height: 51px; border: 1px solid #d9cdaf; background-color: #d9cdaf; color: #fff; font-size: 17px; font-family: Arial, Tahoma, "Times New Roman";}
.btn_response:hover { background-color: #fff; color: #d9cdaf;}

.maps {padding-top: 31px;}
.content_and_maps {}
.content_and_maps_left {width: 50%; float: left;}
.content_and_maps_right {width: 50%; float: right;}

/******************************************   STYLE RESPONSE   ************************************/

.item_response {margin-bottom: 30px; padding-bottom: 20px;}
.item_response:not(:last-child) {border-bottom: 1px solid #413d34;}

.item_response_left { width: 30%; float: left; box-sizing: border-box;}
.item_response_right { width: 70%; float: right; box-sizing: border-box;}

.item_response_left p:nth-child(1) { font-size: 25px; font-style: normal; color: #6c6657; font-weight: bold; margin-bottom: 10px;}
.item_response_left p:nth-child(2) { font-size: 17px; font-style: normal; color: #c3b89d;}

.item_response_right p {text-align: justify; padding-left: 40px; text-indent: -40px; font-size: 17px;}

/*********************************************   Footer   *****************************************/

footer p {color: #fff;}
.bg_footer_top {min-height: 195px; background-color: #1f1f1f;}
.bg_footer_bottom {min-height: 42px; background-color: #282828;}

.footer_top_item:nth-child(1) {width: 15%; float: left; padding-top: 15px;}
.footer_top_item:nth-child(2) {width: 25%; float: left; padding-top: 46px;}
.footer_top_item:nth-child(2) p:nth-child(1) {font-size: 12px;}
.footer_top_item:nth-child(2) p:nth-child(2) {font-size: 34px; padding-top: 10px;}
.footer_top_item:nth-child(2) p:nth-child(3) {padding-top: 8px;}
.footer_top_item:nth-child(2) p:nth-child(3) img {vertical-align: middle; padding-right: 6px;}
.footer_top_item:nth-child(3) {width: 25%; float: left;}
.footer_top_item:nth-child(4) {width: 35%; float: right;}
.footer_top_item:nth-child(4) p {font-size: 25px; text-align: right; padding-top: 8px;}
.footer_top_item:nth-child(4) p img {vertical-align: middle;}

.wrap_soc {padding-top: 45px; text-align: right;}
.wrap_soc img {padding-left: 7px;}

.footer_top_item .nav_left {width: 100%; float: none;}
.footer_top_item .nav_right {width: 100%; float: none;}
.footer_top_item nav li {display: block; text-align: center;}
.footer_top_item nav li a {padding: 3px 11px;}

.footer_bottom {padding: 8px 0;}
.footer_bottom p {font-style: normal; font-family: Arial, Tahoma; font-size: 11px;}
.footer_bottom_left {width: 50%; float: left; padding-top: 5px;}
.footer_bottom_right {width: 17%; float: right;}
.footer_bottom_right img {padding-top: 4px;}

/*********************************************   MEDIA   *****************************************/

@media screen and (max-width: 1280px) {
	
}

@media screen and (max-width: 1024px) {
	.width_content {width: 800px;}
	.header_logo {width: 240px; margin-left: -120px !important;}
	.header_center_left p:nth-child(1) {font-size: 13px;}
	.header_center_left p:nth-child(2) {font-size: 38px;}
	.header_center_right p {font-size: 21px; padding-top: 10px;}
	nav li a {font-size: 20px;}
	.slider_2 span {width: 766px; height: 79px; padding-top: 9px; top: 20%; margin-left: -383px; font-size: 27px;}
	.menu_img_left .honeycomb {top: -6px;}
	.menu_img_center .honeycomb {top: -6px;}
	.menu_img_right .honeycomb {top: -6px;}
	.menu_img_left .honeycomb_border {top: -6px;}
	.menu_img_center .honeycomb_border {top: -6px;}
	.menu_img_right .honeycomb_border {top: -6px;}
	.menu_img_left img { top: -15px;}
	.menu_img_center img { top: -15px;}
	.menu_img_right img { top: -15px;}
	.menu_img_wrap p { margin-top: 208px;}
	
	.point_1, .point_2, .point_3, .point_4, .point_5 {width: 160px;}
	.honeycomb_point {width: 138px; height: 80px;}
	.point p {padding-top: 198px;}
	.point_1 img {top: 76px;}
	.point_2 img {top: 89px;}
	.point_3 img {top: 73px;}
	.point_4 img {top: 73px;}
	.point_5 img {top: 80px;}
	
	.footer_top_item:nth-child(1) {padding-top: 39px;}
	.footer_top_item:nth-child(1) img {display: block; width: 90%; margin: auto;}
	.footer_top_item:nth-child(2) {width: 30%; padding-top: 42px;}
	.footer_top_item:nth-child(2) p {text-align: center;}
	.footer_top_item:nth-child(3) {width: 20%; padding-top: 10px;}
	.footer_top_item:nth-child(4) {padding-top: 6px;}
	.footer_top_item:nth-child(4) p {font-size: 22px;}
	.nav_left > ul {padding-right: 10px;}
}
	
@media screen and (max-width: 820px) {
	.width_content {width: 580px;}
	.header_logo {width: 200px; margin-left: -100px !important;}
	.header_center_left p:nth-child(1) {font-size: 9px;}
	.header_center_left p:nth-child(2) {font-size: 26px;}
	.header_center_left p:nth-child(3) {font-size: 13px;}
	.header_center_right p {font-size: 19px;}
	nav li a {font-size: 20px;}
	.slider_2 span {width: 600px; height: 57px; padding-top: 9px; top: 20%; left: 50%; margin-left: -300px; font-size: 19px;}
	.width_content_center {width:600px;}
	.honeycomb { width: 170px; height: 101px;}
	.honeycomb_border {width: 170px; height: 101px;}
	.menu_img_left .honeycomb {top: -6px;}
	.menu_img_center .honeycomb {top: -6px; margin-left: -85px;}
	.menu_img_right .honeycomb {top: -6px; margin-left: -170px;}
	.menu_img_left .honeycomb_border {top: -6px;}
	.menu_img_center .honeycomb_border {top: -6px; margin-left: -88px;}
	.menu_img_right .honeycomb_border {top: -6px; margin-left: -173px;}
	.menu_img_left img { top: -15px; left: 29px; width: 96px;}
	.menu_img_center img { top: -15px; left: 48px; width: 105px;}
	.menu_img_right img { top: -15px; left: 55px; width: 111px;}
	.menu_img_wrap p { margin-top: 172px; font-size: 17px;}
	.menu_img_left, .menu_img_center, .menu_img_right { min-height: 236px;}
	
	.point_wrap {width: 480px; margin: auto;}
	
	.footer_top {position: relative;}
	.footer_top_item:nth-child(1) {padding-top: 0; position: absolute; top: 5px; margin-left: 60px;}
	.footer_top_item:nth-child(2) {width: 35%; padding-top: 103px;}
	.footer_top_item:nth-child(3) {width: 30%; padding-top: 52px;}
	.footer_top_item:nth-child(4) {width: 35%; padding-top: 60px;}
	.footer_top_item:nth-child(4) p {font-size: 16px;}
	.header_center_right p:last-child {font-size: 13px;}
	
	.footer_bottom_right {width: 30%;}
}
	
@media screen and (max-width: 620px) {
	.width_content, .width_content_center { width: 320px;}
	.header_logo {top: 65px !important;}
	.header_top_left {float: none; width: 100%; text-align: center;}
	.header_top_right {float: none; width: 100%;}
	.header_top_right p {text-align: center;}
	.header_center_left {float: none; width: 100%;}
	.header_center_left p:nth-child(1) {font-size: 15px;}
	.header_center_left p:nth-child(2) {font-size: 37px;}
	.header_center_left p:nth-child(3) {font-size: 21px;}
	.header_center_right {float: none; width: 100%;}
	.header_center_right p {font-size: 28px;}
	.header_center_wrap {padding-top: 193px;}
	.slider_2 {display: none;}
	.menu_img_left {float: none; width: 100%;}
	.menu_img_center {float: none; width: 100%;}
	.menu_img_right {float: none; width: 100%;}
	.menu_img_left, .menu_img_center, .menu_img_right { min-height: 270px;}
	.menu_img_left .honeycomb {top: -6px; left: 50%; margin-left: -85px;}
	.menu_img_center .honeycomb {top: -6px; left: 50%; margin-left: -85px;}
	.menu_img_right .honeycomb {top: -6px; left: 50%; margin-left: -85px;}
	.menu_img_left .honeycomb_border {top: -6px; left: 50%; margin-left: -88px;}
	.menu_img_center .honeycomb_border {top: -6px; left: 50%; margin-left: -88px;}
	.menu_img_right .honeycomb_border {top: -6px; left: 50%; margin-left: -88px;}
	.menu_img_left img {top: -15px; left: 50%; margin-left: -48px;}
	.menu_img_center img {top: -15px; left: 50%; margin-left: -52px;}
	.menu_img_right img {top: -15px; left: 50%; margin-left: -56px;}
	.menu_img_wrap p { margin: 0; font-size: 20px; padding-top: 157px; text-align: center;}
	
	.footer_top_item:nth-child(1) {padding-top: 10px; position: static; width: 40%; float: none; margin: auto;}
	.footer_top_item:nth-child(2) {width: 100%; float: none; padding-top: 25px;}
	.footer_top_item:nth-child(3) {width: 100%; float: none; display: none;}
	.footer_top_item:nth-child(4) {width: 100%; float: none; padding-top: 25px;}
	.footer_top_item:nth-child(4) p {text-align: center;}
	.wrap_soc {padding-top: 23px; text-align: center;}
	
	.footer_bottom_left {width: 100%; float: none; text-align: center;}
	.footer_bottom_right {width: 100%; float: none; text-align: center; padding-top: 10px;}
}
	
@media screen and (max-width: 480px) {
	
}
	
@media screen and (max-width: 320px) {
	
}