@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong,  tt, var, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:18px; font-family: 'Open Sans', sans-serif; vertical-align:baseline; color:#363636;}
a, a:focus, input:focus, li , input {
    outline:none; text-decoration:none;
}

html, body { width:100%; height:100%; min-height:100%; background: #fff;}
body { }
ul, li {list-style:none;}
strong {font-size:18px; font-weight:600;}@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong,  tt, var, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:18px; font-family: 'Open Sans', sans-serif; vertical-align:baseline; color:#363636;}
a, a:focus, input:focus, li , input {
    outline:none; text-decoration:none;
}

html, body { width:100%; height:100%; min-height:100%; background: #fff;}
body { }
ul, li {list-style:none;}
strong {font-size:18px; font-weight:600;}

h1, h2, h3 {font-size:20px; font-weight:600; margin-bottom:15px;}


#header {  width: 100%; height: 105px; background: #fff; display: flex; flex-direction: row; position:fixed; border-bottom:1px solid #e6e6e6; z-index:555;}
#main { min-height:100%; display: flex; flex-direction: column; padding:0;background: #fefcea; background: linear-gradient(to top, #d7dadf, #e6e9ec);  }
#content {padding:130px 0 0 0; display:block; overflow:hidden;}
#space {width: 100%; height: 170px; display:flex; }
#footer {width: 100%; height: 150px; margin-top: -155px; border-top:1px solid #e6e6e6; background: #fff; }

.header_center {width: 1200px;  margin:0 auto; display: flex; justify-content:space-between;}

.logo { display: flex; }
.logo a{ width:200px; font-size:28px; color:#0e507e; text-decoration:none; display: flex; align-items:center; margin-left:10px;}
.logo a img{width:100%;}

.contacts { width:600px;   display: block;}
.contacts .moduletable {}
.contacts .moduletable .custom {display: flex; justify-content:flex-end; margin-right:10px;}
.contacts_title { font-size:15px; font-weight:600; color:#3b3b3c; margin-bottom: 7px;}
.contacts_tel { font-size:15px; color:#3b3b3c; margin-bottom: 5px;}
.contacts_addres {font-size:15px; color:#3b3b3c;}

.moduletable-shop {display:block; overflow:hidden; float:left; text-align: right; width: 270px; padding-top:6px;}
.moduletable-service {display:block; overflow:hidden; float:left;text-align: right; background:; margin-left:15px; padding-top:6px;}

.header_center .custom-service .cont_right p {width: 100%;text-align:center; } 
.header_center .custom-service .cont_box_left p { font-size:15px; font-weight:600;text-align:right;}
.header_center .custom-service .cont_box_right p { font-size:15px; font-weight:600; width: 100%;text-align:right;}
.header_center .custom-service .cont_box_left p:nth-child(1) {  margin-bottom: 7px;}
.header_center .custom-service .cont_box_right p:nth-child(1) {  margin-bottom: 7px;}
.header_center .custom-service .cont_box_left p:nth-child(2) {font-weight:400;}
.header_center .custom-service .cont_box_right p:nth-child(2) {font-weight:400;}
.header_center .custom-service p {  font-size:15px; font-weight:400; text-align:center;}
.header_center .custom-service .cont_box_left { width: 160px;float:left; border-right:1px solid #000; padding-right:5px;}
.header_center .custom-service .cont_box_right {float:left; margin-bottom:3px; width: 130px; }
.header_center .custom-service strong {margin-left:3px; }


.contacts strong {color:#2f5a8a;}



.section_1 { width: 1200px; margin:0 auto; margin-top:20px;}
.section_1 ul {width: 100%; display: flex; flex-wrap:wrap; justify-content:space-between; }
.section_1 ul li {width: 32%; height: 253px; display:flex; flex-direction:column; align-items:center; }
.section_1 ul li a{width: 80%; height: 44px; display:flex; color:#fff; font-size:20px; font-weight:700; text-transform:uppercase; align-items:center; justify-content:center; border-radius:3px; background: #c91b03; background: linear-gradient(to top, #c91b03, #e52c0e);}
.section_1 ul li a:hover{ background: #9a110c; background: linear-gradient(to top, #002f56, #025193);}
.section_1 ul .icon1 .img{width: 188px; height: 173px; background: url(../images/icon1.png) no-repeat; display:block;}
.section_1 ul .icon2 .img{width: 188px; height: 173px; background: url(../images/icon2.png) no-repeat;}
.section_1 ul .icon3 .img{width: 188px; height: 173px; background: url(../images/icon3.png) no-repeat;}
.section_1 ul .icon4 .img{width: 188px; height: 173px; background: url(../images/icon4.png) no-repeat;}
.section_1 ul .icon5 .img{width: 188px; height: 173px; background: url(../images/icon5.png) no-repeat;} 
.section_1 ul .icon5 .img{width: 188px; height: 173px; background: url(../images/icon5.png) no-repeat;}  
.section_1 ul .icon6 .img{width: 188px; height: 173px; background: url(../images/icon6.png) no-repeat;}



.section_2 {width: 100%; height: 500px; display: flex; flex-direction: column;  background-image:url(../images/bg_pic.jpg) ; background-attachment: fixed; margin-top:50px;}
.section_2 ul {width: 1200px; height: 100%; margin:0 auto; display: flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.section_2 ul li {width: 200px; height: 200px; display:flex; border-radius:50%; background:#fff; justify-content:center;  align-items:center;}
.section_2 ul li span {width:95%; text-align:center; color:#363636; font-size:18px; font-weight:700; text-transform:uppercase; line-height:24px;}



.section_3 {width: 1200px;  margin:0 auto;  display: flex; flex-direction: column; margin:70px auto 20px;}
.section_3 .moduletable-shop{display: block; width:100%; text-align:center;}
.section_3 .moduletable-service{display: block; width:100%; }
.section_3 .moduletable-service .cont_box_left{display: block; overflow:hidden; width:200px; float:left; margin-left:calc((100% - 420px)/2); border-right:1px solid #000; text-align:right; padding-right:15px; }
.section_3 .moduletable-service .cont_box_right{display: block; overflow:hidden; width:160px; float:left; margin-bottom:7px; text-align:right; }

.section_3 .moduletable-service .cont_box_left p{ text-align:right;  }
.section_3 .moduletable-service .cont_box_right p{ text-align:right;  }
.section_3 .moduletable-service .cont_box_left p:nth-child(1){font-size: 20px; font-weight:600; margin-bottom:7px; }
.section_3 .moduletable-service .cont_box_right p:nth-child(1){font-size: 20px;  font-weight:600; margin-bottom:7px;}

.section_3 .moduletable-service p {display: block; width:100%; overflow:hidden; text-align:center;  }
.section_3 .custom-service, .section_3 .custom-shop{display: block; margin-bottom:20px; width:100%;}
.section_3 .contacts_title {font-size:20px; padding-top:5px;}
.section_3 .contacts_addres {font-size: 18px; }
.section_3 .contacts_tel {font-size: 18px; }
.section_3 .contacts_tel strong {font-size: 18px; font-weight: 600;}
.section_3 .box {display: flex; flex-direction: row; justify-content:space-around; margin-bottom:30px;}

.section_3 .custom-service strong{ margin-left:5px;}




.footer_center {width: 1200px; height: 150px; margin:0 auto; display: flex; flex-direction: row; }
.footer_left {width: 40%; display: block; padding-top:45px;  }
.footer_right {width: 60%; display: flex;  justify-content:center; }

.footer_left p{width: 100%; line-height:140%;}


.menu {width: 100%; display: flex; justify-content:flex-end; align-items:center;}
.menu .menu_box{margin-left:40px;}
.menu .menu_box a{width: 100%; height: 25px; display: flex; text-decoration:underline;  }



.moduletable {width: 100%;}


.item-page, .contact{width: 1200px;  margin:0 auto; line-height:24px; }



input {display: block; width: 750px; line-height: 30px; padding-left: 10px; font-size: 16px; margin:20px auto 10px;}	
textarea {display: block; width: 750px; font-size: 16px; padding-left: 10px; height: 100px; font-family: 'Open Sans', sans-serif; resize:none; margin:0 auto 10px;}
.form-actions {display:flex; align-items:center; }
.form-actions button{ bbackground: #c91b03; background: linear-gradient(to top, #c91b03, #e52c0e); color: #fff; line-height: 30px; font-size: 16px; font-weight: bold; width: 763px; text-align: center; border: none; cursor: pointer; margin:0 auto 10px; padding:4px 0;}
.form-actions button:hover{background: #9a110c; background: linear-gradient(to top, #002f56, #025193);}



	
.accordion{ width:100%; min-height:300px; margin:20px auto;}
.accordion-item {font-size: 1em; margin: 0 10px 0 10px; padding: 10px; height: 20px; background: #f2f2f2; border-bottom:1px solid #ccc; color: #000; cursor:pointer; }
.accordion-item {display:flex; justify-content:space-between; }

.accordion-item.open{background:#0e507e; border-bottom:0px; color:#fff;}
.open .accordion_title{color:#fff;}
.accordion-item .type {float: right; background: url('../images/plus.png') center no-repeat; padding: 10px; }

.open .type {float: right; background: url('../images/minus.png') center no-repeat; padding: 10px;} 
div.data {background: #fff; margin: 0 10px 0 10px; padding: 10px; border:1px solid #ccc; font-size: 1em; display:none; color:#363636;}




.contact_hide {display:none;}
#header_menu {display:none;}
#system-message-container {width: 50%; height:auto; position:fixed; top:15px; right:25%; z-index:10001;}
#system-message-container .alert { background:url('../images/bg_alert.png');}
#system-message-container .alert .close{display:none; }
#system-message-container .alert .alert-heading{display:none; }
#system-message-container .alert { background:url('../images/bg_alert.png');}
#system-message-container .alert-success { background:url('../images/bg_green.png');}
#system-message-container .alert button {float:right; }
#system-message-container .alert div {padding:3px 10px; color:#fff;}




#slider_head{ display: none;  width: 100%; height: 40px; overflow:hidden; position:fixed; z-index: 1005; top:0px;  background:#fff url('../images/111.jpg') 10px center no-repeat; border-bottom:1px solid #ccc; text-align:center;  line-height:40px; }




#message{display: none;  width: 75px; height: 40px; overflow:hidden; position:fixed; z-index: 1005; top:48px; right:51%;  background: url( '../images/bg_arrow_top_red.png') center no-repeat; text-align:center;  }

#message #top-link { z-index: 1006; display: flex; width: 75px; height: 40px;  }
	

.section_3 { height: 100%; display: block; overflow:hidden;  }
.section_3 .box {width: 100%; height: 100%; display: block;  overflow:hidden; }
.section_3 .box_left {width: calc(50% - 15px); height: auto; display: block; overflow:hidden; float:left; }
.section_3 .box_right {width: calc(50% - 15px); height: auto; display: block; overflow:hidden;  margin-left:30px; float:left;}
.section_3 .box_left img{max-width: 100%;}
.section_3 .box_right img{max-width: 100%;}
.22section_3 .box {width: 100%; height: 100%; display: flex; flex-direction: row; justify-content:space-around; margin-bottom:70px;  }
.video {width: 571px; height:auto;  display:block; overflow:hidden;}
iframe {width: 100%!important;  height: 294px;} 


.hidden_form {display:none;}




@media (max-width: 1550px) {
	#message{right:51.5%;}
}


@media (max-width: 1450px) {
	#message{right:52%;}
}

@media (max-width: 1350px) {
	#message{right:52.5%;}
}





@media (max-width: 1250px) {
	
	
#message{display: none;  width: 75px; height: 40px; overflow:hidden; position:fixed; z-index: 1005; top:45px; left:300px;  background: url( '../images/bg_arrow_top_red.png') center no-repeat; text-align:center;  }

	#system-message-container {width: 80%; right:10%;}
	.item-page, .contact {width: 95%;}
	
	.header_center {width: 95%;}
	.section_1, .section_3, .footer_center, .section_2 ul  {width: 95%;}
	.section_1 ul li a{ font-size:18px;}
	
	
	.video {width: 100%; height: 294px;  display:block; overflow:hidden;}
	iframe {width: 100%!important;  height: 100%;} 
	
}

@media (max-width: 1100px) {
	
	
	.section_1 ul li a{ font-size:16px;}
	
	.section_2 {height: 400px;}
	.section_2 ul li {width: 140px; height: 140px; display:flex; border-radius:50%; background:#fff; justify-content:center;  align-items:center;}
	.section_2 ul li span {width:95%; text-align:center; color:#363636; font-size:15px; font-weight:700; text-transform:uppercase; line-height:20px;}
	

	.footer_right {width: 68%; display: flex;  justify-content:center; }
	.footer_left {width: 32%; display: block; padding-top:45px;   }
	.footer_left p {font-size:16px;  }
	.footer_left p a {font-size:16px;  }
	
}


@media (max-width: 1000px) {
	.logo a{ width:180px;}
	.logo a img{ width:100%;}
	.contacts { width:490px;   display: block;}
	.contacts_title { font-size:13px; font-weight:600; color:#3b3b3c; margin-bottom: 7px;}
	.contacts_tel { font-size:13px; color:#3b3b3c; margin-bottom: 5px;}
	.contacts_addres {font-size:13px; color:#3b3b3c;}

	.moduletable-shop {display:block; overflow:hidden; float:left; text-align: right; width: 220px; padding-top:6px;}
	.moduletable-service {display:block; overflow:hidden; float:left;text-align: right; background:; margin-left:10px; padding-top:6px;}

	.header_center .custom-service .cont_right p {width: 100%;text-align:center; } 
	.header_center .custom-service .cont_box_left p { font-size:13px; font-weight:600;}
	.header_center .custom-service .cont_box_right p { font-size:13px; font-weight:600; width: 100%;text-align:right;}
	.header_center .custom-service .cont_box_left p:nth-child(1) {  margin-bottom: 7px;}
	.header_center .custom-service .cont_box_right p:nth-child(1) {  margin-bottom: 7px;}
	.header_center .custom-service .cont_box_right p:nth-child(2) {}
	.header_center .custom-service p {  font-size:13px; font-weight:400;}
	.header_center .custom-service .cont_box_left { width: 130px;float:left; border-right:1px solid #000; padding-right:5px;}
	.header_center .custom-service .cont_box_right {float:left; margin-bottom:3px; width: 110px; }
	.header_center strong {font-size: 14px;font-weight: 600;}

	
}

@media (max-width: 900px) {
	
	
	

	.section_1 ul {width: 100%; display: flex; flex-wrap:wrap; justify-content:space-between; }
	.section_1 ul li {width: 32%; height: 170px; display:flex; flex-direction:column; align-items:center; }
	.section_1 ul li a{width: 90%; height: 44px; display:flex; color:#fff; font-size:14px; font-weight:700; text-transform:uppercase; align-items:center; justify-content:center; border-radius:3px;  background: #c91b03; background: linear-gradient(to top, #c91b03, #e52c0e);}

	.section_1 ul .icon1 span{width: 130px; height: 120px; background-size:100%; }
	.section_1 ul .icon2 span{width: 130px; height: 120px; background-size:100%; }
	.section_1 ul .icon3 span{width: 130px; height: 120px; background-size:100%; }
	.section_1 ul .icon4 span{width: 130px; height: 120px; background-size:100%; }
	.section_1 ul .icon5 span{width: 130px; height: 120px; background-size:100%; }
	.section_1 ul .icon6 span{width: 130px; height: 120px; background-size:100%;}
		
		
	.section_3 {margin-top:40px;}
	.section_3 .box {margin-bottom: 40px;}
	
	
	.footer_center {display: flex; flex-direction: column-reverse; height: auto; }
	.footer_left {width: 100%; display: flex; align-items:center;justify-content:center; margin-top:10px;}
	.footer_right {width: 100%; display: flex;  justify-content:center; margin-top:10px;}
	

	.footer_left {width: 100%; display: block; padding-top:5px;padding-bottom:40px; text-align:center;  }
	
	.menu {width: 100%; display: flex; justify-content:center; align-items:center;}
	.menu .menu_box{margin-left:40px;}
	.menu .menu_box a{ height: 25px; display: flex; text-decoration:underline;  }
	.menu .menu_box a:hover{ color:#0e507e;}
	
	
	
	input {display: block; width: 80%; line-height: 30px; padding-left: 10px; font-size: 16px; margin:20px auto 10px;}	
	textarea {display: block; width: 80%; font-size: 16px; padding-left: 10px; height: 100px; font-family: 'Open Sans', sans-serif; resize:none; margin:0 auto 10px;}
	.form-actions button{ width: 82%;}
	
	.accordion_title {font-size: .9em;}
	.accordion-item { height: auto; }
	div.data {font-size: .8em;}
	
	#message{display: none;  width: 100%; height: 40px; overflow:hidden; position:fixed; z-index: 1005; top:auto; left:0; right:auto; bottom:0;  background: url( '../images/bg_arrow_top_red.png') center no-repeat, url( '../images/bg_white.png'); border-bottom:1px solid #ccc; text-align:center;  }
	#message #top-link { z-index: 1006; display: flex; width: 100%; height: 40px; align-items:center; justify-content:center;  }
	
}

@media (max-width: 768px) {
	.contacts_title {font-size: 16px;}	
	.contacts_addres {font-size: 16px; color: #000;}	
	.contacts_tel {font-size: 16px;  color: #000;}
	.header_center strong {font-size: 16px;}
	.header_center .custom-service .cont_box_left p {font-size: 14px;}	
	.contacts {padding-top:10px; color: #000;}
	
	
	
	 #header {height: auto;}
	.header_center {width:100%; display: block; overflow:hidden;}
	.logo { width:100%;  display: block; float:left; padding-top:15px;}
	.logo a{ width:200px; margin-left:calc((100% - 200px)/2); margin-top:5px;}
	.logo a img{ width:100%;}
	.contacts {width:100%; display: block; overflow:hidden; float:left;}
	.contacts .moduletable-shop {width:100%; display: block; overflow:hidden; text-align:center;}
	.contacts .moduletable-service {width:100%; display: block; overflow:hidden; text-align:center; padding:15px 0;}
	.contacts .moduletable-service .cont_box_left {width:40%; margin-left:10%; padding-right: 10px; }
	.contacts .moduletable-service .cont_box_right {width:40%; text-align:left; padding-left:10px; }
	.contacts .moduletable-service p {width:100%; display: block; overflow:hidden; text-align:center;}
	.header_center .custom-service .cont_box_right p {font-size: 14px; text-align:left;  }
	.header_center .custom-service p {font-size: 16px; color: #000;}
	
	
	#content {padding:20px 0 0 0;}
	#header { position:relative;}


	
	.section_1 ul li {width: 50%; height: 170px; display:flex; flex-direction:column; align-items:center; }
	.section_1 ul li a{font-size:14px; }
	
	.section_2 {height: 400px;}
	.section_2 ul {display:flex; flex-wrap:wrap; justify-content:center;}
	.section_2 ul li {width: 150px; height: 150px; display:flex; border-radius:50%; background:#fff; justify-content:center;  align-items:center; margin:0 2%;}
	.section_2 ul li span {width:95%; text-align:center; color:#363636; font-size:14px; font-weight:600; text-transform:uppercase; line-height:18px;}
	
	
	.menu .menu_box a{ height: 20px; font-size:14px; }
	.footer_left { font-size:14px;}
	
	h3 { font-size:16px;}
	legend { font-size:14px;}
	
		
	#footer { margin-top: 0; padding-bottom:50px; }
		#space {width: 100%; height: 0px!important; display:none!important; }
	.footer_left p {font-size:14px;  }
	.footer_left p a {font-size:14px;  }


	.section_3 { height: 100%; display: block; overflow:hidden;  }
	.section_3 .box {width: 100%; height: 100%; display: block;  overflow:hidden; }
	.section_3 .box_left {width: 100%; height: auto; display: block; overflow:hidden; float:left; text-align:center; margin-bottom:30px; }
	.section_3 .box_right {width: 100%; height: auto; display: block; overflow:hidden;  margin-left:0px; float:left; text-align:center;}
	.section_3 .box_left img{max-width: 100%; width: auto;}
	.section_3 .box_right img{max-width: 100%; width: auto;}
	
	.section_3 .custom-service, .section_3 .custom-shop {}
	.section_3 .contacts_title {}
	.section_3 .moduletable-shop .contacts_addres {}


		

}

@media (max-width:570px){
	#space {width: 100%; height: 0px!important; display:none!important; }
	#main { min-height:auto;}
	#header_menu {display:block;}
	#header { height: auto; }
	#content {padding:30px 0 0 0; } 
	
	
	.section_2 {height: 550px;}
	.section_2 ul {display:flex; flex-wrap:wrap; justify-content:center;}
	.section_2 ul li {width: 150px; height: 150px; display:flex; border-radius:50%; background:#fff; justify-content:center;  align-items:center; margin:0 2%;}
	.section_2 ul li span {width:95%; text-align:center; color:#363636; font-size:14px; font-weight:600; text-transform:uppercase; line-height:18px;}

	
	.menu { flex-direction: column; }
	.menu .menu_box {width: 100%;align-items:center; justify-content:center; margin-left:0; text-align:center;}
	.menu .menu_box a {width: auto; display:block; overflow:hidden;}
	
	#system-message-container .alert div {font-size:14px;}
	
	
	#message{display: none;}
	.show{display: block; position:fixed!important;  margin-top:40px; }
	
	
	.section_3 .moduletable-service .cont_box_left {width: 160px; margin-left: calc((100% - 315px)/2);margin-bottom: 3px;}
	.section_3 .moduletable-service .cont_box_right {width: 130px;margin-bottom: 3px;}
	.section_3 .moduletable-service .cont_box_left p:nth-child(1) {font-size: 16px; font-weight: 600; margin-bottom: 3px;}
	.section_3 .moduletable-service .cont_box_right p:nth-child(1) {font-size: 16px; font-weight: 600; margin-bottom: 3px;}
	.section_3 .moduletable-service p {font-size: 16px; margin-bottom: 3px;}
	.section_3 strong {font-size: 16px; font-weight: 600;}
	
	.section_3 .contacts_title {font-size: 16px; margin-bottom: 3px;}
	.section_3 .contacts_tel {font-size: 16px; margin-bottom: 3px;}
	.section_3 .contacts_addres {font-size: 16px; margin-bottom: 3px;}
	.section_3 .contacts_tel strong {font-size: 16px;}
	.moduletable-service {margin-left: 0px;}
	.moduletable-shop {margin-left: 0px;}
	
}

@media (max-width:450px){
	.section_1 ul li {width: 100%; height: 170px; display:flex; flex-direction:column; align-items:center; }
	.section_1 ul li a{font-size:14px; }
	
	.section_2 {height: auto; padding:30px 0;}
	.section_2 ul {display:flex; flex-wrap:wrap; justify-content:center;}
	.section_2 ul li {width: 150px; height: 150px; display:flex; border-radius:50%; background:#fff; justify-content:center;  align-items:center; margin:15px 2%;}
	
	.section_3 .moduletable-service .cont_box_left {width: 100%; border:0;margin-left: 0; padding-right:0;}
	.section_3 .moduletable-service .cont_box_right {width: 100%;}
	.section_3 .moduletable-service .cont_box_left p { text-align:center;}
	.section_3 .moduletable-service .cont_box_right p { text-align:center;}
	
	
}



































