@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Play:400,700&subset=latin,cyrillic-ext,cyrillic);


* {
	margin:0;
	padding:0;
}
body	{
	font-family: 'Play', sans-serif;
	font-size:14px;
}
p {
	margin-bottom:5px;
}
h1, h2 {
	font-size:24px;
	color:#000000;
}
h3 {
	font-size:22px;
	color:#000000;
}
.clearfix {
	clear:both;
}
/* HEADER*/
.header {
	width:100%;
	height:385px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	background:#ffffff;
}
.header-top-black {
	width:100%;
	height:5px;
}
.header-blok {
	margin:auto;
	height: 385px;
	position:relative;
    /*width: 1200px;*/
}
.header-blok img{
	width:300px;
	float:left;
	/*position:absolute;
	bottom:0;
	z-index:0;*/
}
.header-blok-logo {
    width: 100%;
    height: 90px;
    position: absolute;
    top: -1px;
    /* left: 60px; */
    background: rgba(0, 0, 0, 0.53);
    max-width: 1200px;
    margin: auto;
    left: 0;
    right: 0;
}
.header-blok-logo .header-blok-telefon-text{
    float:left;
    padding:15px;
    color:#fff;
    font-size:20px;
    width:50%;
    text-align:center;
}
.h-phone {
    font-weight:bold;
    font-size: 22px;
}
.header-blok-logo .button-zakaz {
    float:right;
    padding: 25px 15px;
}
.header-telefon {
	position:absolute;
	top:0;
	right:54px;
	width: 389px;
    height: 145px;
}
.header-blok-telefon {
position: relative;
    width: 389px;
    height: 145px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 17px;
    font-weight: bold;
    text-align: center;
    /* border-radius: 0 0 10px 10px; */
    /* -webkit-border-radius: 0 0 10px 10px; */
    -moz-border-radius: 0 0 8px 8px;
    -khtml-border-radius: 0 0 14px 14px;
    background: rgba(0, 0, 0, 0.7) !important;
}
.header-blok-telefon span{
    font-size:17px;
	padding:5px 15px;
	margin-top:12px;
	font-family: 'Play', sans-serif;
}
.header-blok-telefon-text {
	position:relative;
}
.header-blok-telefon-ten {
	position:absolute;
	width:295px;
	top:140px;
	z-index:0;
	display: none;
}
.ten_01 {
	background:url(../images/ten_01.png) no-repeat top  left;
	width:151px;
	height:33px;
}
.ten_02 {
	background:url(../images/ten_02.png) repeat-x top;
	height:33px;
}
.ten_03 {
	background:url(../images/ten_03.png) no-repeat top  right;
	width:151px;
	height:33px;
}
/* HEADER*/

/* G-MENU*/
.g-menu {
	width:100%;
	/*min-width:1100px;*/
	position: relative;
    z-index: 1;
}
.g-menu-blok {
	width:1100px;
	margin:auto;
}
.g-menu-blok > ul > li{
	display:inline-block;
	width: 20%;
	margin-left:-2px;
}

.g-menu-blok > ul > li:first-child{
	display:inline-block;
	border-left:0;
}
.g-menu-blok > ul > li:last-child{
	display:inline-block;
	border-right:0 !important;
}
.g-menu-blok > ul > li > a{
    display: block;
    min-width: 122px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-size: 24px;
    color: #ffffff;
    text-decoration: none;
    padding: 16px 40px;
}
.g-menu-blok > ul > li > ul{
	position:absolute;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	display:none;
}
.g-menu-blok > ul > li:hover > ul{
	position:absolute;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

	-webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
    /* Задержка перед началом */
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
    -o-animation-delay: 0;
    animation-delay: 0;
    /* Продолжительность анимации */
    -webkit-animation-duration: 0.6s;
    -moz-animation-duration: 0.6s;
    -o-animation-duration: 0.6s;
    animation-duration: 0.6s;
	display:block;
}
.g-menu-blok > ul > li > ul > li{
	display:block;
	min-width:230px;
}
.g-menu-blok > ul > li > ul > li > a{
	display:block;
	color:#ffffff;
	font-size:14px;
	text-decoration:none;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding:10px 15px;
	text-align:center;
	-moz-transform: translateX(0px);
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transform: translateX(0px);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transform: translateX(0px);
    -o-transition: all 0.2s ease-in-out;
}
.g-menu-blok > ul > li > ul > li > a:hover{
	background:#800902;
	text-shadow:0 1px 12px #FFF;
	-moz-transform: translateX(0px);
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transform: translateX(0px);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transform: translateX(0px);
    -o-transition: all 0.2s ease-in-out;
}
/* G-MENU*/

/* KONTENT */
.kontent {
	width:100%;
	margin-top:20px;
	margin-bottom:20px;
}
.kontent-blok {
	margin:auto;
	width:1100px;
	min-height:500px;
}
.kontent-blok h1{
	margin-bottom:15px;
}
.kontent-blok-text {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding:0 0 20px 0;
}
.resourse-text {
	line-height:18px;
}
.kontent-blok-box {
	border-top:1px dotted #06365d;
}
.kontent-blok-box-item {
	width:24.5%;
	float:left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding:15px;
}
.kontent-blok-box-item-boxblack {
	position:relative;
	border-radius:6px; 
	-webkit-border-radius:6px; 
	-moz-border-radius:5px; 
	-khtml-border-radius:10px;
	margin-bottom:10px;
	padding:10px;
}
.kontent-blok-box-item-boxblack img{
	float:left;
	margin-right:10px;
}
.kontent-blok-box-item-boxblack img + .kontent-blok-box-item-boxblack div{
	color:#FFF;
	margin-left:70px;
}
.kontent-blok-box-item-boxblack div.kontent-blok-box-item-boxblack-title {
	color:#FFF;
	font-size:20px;
}
.kontent-blok-box-ten {
	position:absolute;
	bottom:-25px;
	left:2px;
	z-index: -1;
}
.kontent-blok-box-item-text {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding:10px;
	height:124px;
	overflow:hidden;
	color:#000000;
}
.kontent-blok-otzuv {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding:15px 0 20px 0;
	margin-top:15px;
	border-top:1px dotted #06365d;
}
.otzuv-item {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding:15px 20px 15px 20px;
	float:left;
	position:relative;
	text-align:left;
	color:#000000;
}
.otzuv-item-podpis {
	color:#6a4631;
	margin-top:15px;

	font-style:italic;
}
.resourse-image {
	float:left;
	margin-right:20px;
}
.resourse-image img{
	display:block;
	border-radius:6px; 
	-webkit-border-radius:6px; 
	-moz-border-radius:5px; 
	-khtml-border-radius:10px;
}
/* KONTENT */

/* FOOTER */
.footer {
	width:100%;
	min-height:100px;
}
.footer-blok {
	margin:auto;
 
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding:20px 0 20px 0;
}
.footer-blok a{
	text-decoration:none;
}
/* FOOTER */


/* CARUSEL */
.list_carousel {
				margin:0;
				width: 1000px;
				position:relative;
			}
			.list_carousel ul {
				margin: 0;
				padding: 0;
				list-style: none;
				display: block;
			}
			.list_carousel li {
				font-size: 14px;
				color:#000;
				text-align: center;
				width: 450px;
				padding: 0;
				margin: 6px;
				display: block;
				float: left;
				-webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
				padding:15px 0 15px 0;
			}

			.prev {
				position:absolute;
				top:50px;
				background:url(../images/prev.png) no-repeat;
				width:18px;
				height:71px;
				left:-15px;
			}
			.next {
				position:absolute;
				top:50px;
				background:url(../images/next.png) no-repeat;
				width:18px;
				height:71px;
				right:25px;
			}
			.pager {
				margin:auto;
				text-align: center;
			}
			.pager a {
				margin: 0 5px;
				text-decoration: none;
				display:inline-block;
				color:#000;
				border-radius:10px; 
				-webkit-border-radius:10px; 
				-moz-border-radius:10px; 
				-khtml-border-radius:10px;
				background:#f8d060#f8d060;
				padding:3px 6px;
			}
			.pager a.selected {
				background:#000;
				color:#FFF;
			}
			.timer {
				background-color: #999;
				height: 6px;
				width: 0px;
			}





.icon-menu {
    display:none;
}
.galereya-item{
	float:left;
	margin-bottom:15px;
}
.galereya-item img{
	width:100%;
	overflow:hidden;
}

/*YANDEX KARTA*/
.yandex-karta {
	margin-top:25px;
	margin-bottom:25px;
}
.header-blok-telefon .modal .modal-title {
	font-size:24px !important;
	color:rgba(0,0,0,1.00) !important
}
.control-group {
	margin-bottom:15px;
	width:100%;
}
.form-input {
	border:1px solid rgba(231,231,231,1.00);
	border-radius:6px; 
	-webkit-border-radius:6px; 
	-moz-border-radius:5px; 
	-khtml-border-radius:10px;
	font-size:16px;
	color:rgba(0,0,0,1.00);
	padding:5px 12px;
	font-weight:normal;
	width:100%;
}
.button-form {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	padding:10px 14px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.button-form:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
}
.button-form:active {
	position:relative;
	top:1px;
}
.ajax_form.af_example {
	margin:auto;
}
.ok-mes {
	font-size:24px;
	color:rgba(59,112,156,1.00);
	text-align: center;
}
.kontent-blok {
	padding:15px;
	background:rgba(255,255,255,0.60);
	border-radius:6px; 
	-webkit-border-radius:6px; 
	-moz-border-radius:5px; 
	-khtml-border-radius:10px;
}
.carusel-blok {
	width:90%;
	position:relative;
	margin:auto;
}
.blog-item-image {
	width:100%;
	overflow:hidden;
	margin-bottom:10px;
	text-align:center;
}
.blog-item-image img{
	width:100%;
}
.katalog-item {
	overflow:hidden;
	padding-bottom:20px;
	min-height:465px;
}
.blog-item-title {
	margin-bottom:10px;
	font-size:16px;
	font-weight: bold;
}
.blog-item-introtext {
	margin-bottom:15px;
}
.blog-item-readmore{
	text-align:center;
}
.blog-item-readmore a{
	text-align:center;
	padding:5px 15px;
	border:2px solid #1f4f9c;
	color:#1f4f9c;
	text-decoration:none;
	-moz-transform: translateX(0px);
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transform: translateX(0px);
    -webkit-transition: all 0.6s ease-in-out;
    -o-transform: translateX(0px);
    -o-transition: all 0.6s ease-in-out;
}
.blog-item-readmore a:hover{
	background:#1f4f9c;
	border:2px solid #1f4f9c;
	text-decoration:none;
	color:rgba(255,255,255,1.00);
	-moz-transform: translateX(0px);
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transform: translateX(0px);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transform: translateX(0px);
    -o-transition: all 0.2s ease-in-out;
}

.galereya-item a {
	display:block;
	overflow:hidden;
	border-radius:10px; 
	-webkit-border-radius:10px; 
	-moz-border-radius:10px; 
	-khtml-border-radius:10px;
}

.button-zakaz span{
    -moz-box-shadow: inset 0px 1px 0px 0px #fdf305;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffd400;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fdf305), color-stop(1, #ffd400));
    background: -moz-linear-gradient(top, #fdf305 5%, #ffd400 100%);
    background: -webkit-linear-gradient(top, #fdf305 5%, #ffd400 100%);
    background: -o-linear-gradient(top, #fdf305 5%, #ffd400 100%);
    background: -ms-linear-gradient(top, #fdf305 5%, #ffd400 100%);
    background: linear-gradient(to bottom, #fdf305 5%, #ffd400 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdf305', endColorstr='#ffd400',GradientType=0);
    background-color: #fdf305;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #fcf400;
    display: inline-block;
    cursor: pointer;
    color: #000000;
    font-family: 'Play', sans-serif;
    font-size: 15px;
    font-weight: bold;
    padding: 8px 23px;
    text-decoration: none;
    /* text-shadow: 0px 1px 0px #1892ad;
}
.button-zakaz span:hover {
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1fc4e8), color-stop(1, #20c4e8));
    background: -moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
    background: -webkit-linear-gradient(top, #1ec3e8 5%, #20c4e8 100%);
    background: -o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
    background: -ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
    background: linear-gradient(to bottom, #21c4e8 5%, #1cc3e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
    background-color: #3d94f6;
}
.button-zakaz span:active {
	position:relative;
	top:1px;
}
.carusel-title {
	margin-bottom:25px;
	padding:0 0 5px 0;
	border-bottom:1px dotted rgba(189,189,189,1.00);
}
.forma-blok {
	width:auto !important;
}
.left-blok {
	margin-bottom:20px;
}


.forma-blok {
	width:auto !important;
}
.left-blok {
	margin-bottom:20px;
}
.form-otziv-input input {
    width: 500px !important;
    padding: 10px;
    margin-bottom: 3px;
    background: #ffffff;
    border: 0;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 10px;
    outline: none;
    color: #000;
    border: 1px solid #c7c7c7;
}

.form-otziv-input textarea {
    width: 500px !important;
    padding: 10px;
    margin-bottom: 3px;
    background: #ffffff;
    border: 0;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 10px;
    outline: none;
    color: #000;
    border: 1px solid #c7c7c7;
}

.form-bl {
    margin-bottom: -16px;
    height: 295px;
	    background-color: #fff;
}
 .forma-zakaza-blok {
	position:relative;
	min-height: 294px;
}
.forma-zakaza-blok-image {
	width:100%;
	position:absolute;
	top:0;
	z-index:0;
}
.forma-zakaza-blok-image img{
	width:100%;
}
.forma-zakaza-blok-form {
	z-index:1;
	width: 100%;
}
.forma-zakaza-blok-form-kontent {
	position:relative;
	width:100%;
	margin-bottom: 10%;
}
.forma-zakaza-blok-form-kontent > form {
	width: 80% !important;
    display: block;
    margin: auto;
}
.forma-zakaza-blok-form-kontent .control-group input{
	width:100%;
	padding:10px 15px;
	border:2px solid #E7E7E7;
	border-radius:6px; 
	-webkit-border-radius:6px; 
	-moz-border-radius:5px; 
	-khtml-border-radius:10px;
	color: #000;
}

.forma-zakaza-blok-form-kontent .control-group textarea {
    width: 100%;
    padding: 10px 15px;
    border: 2px solid #E7E7E7;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 10px;
    color: #000;
}

.forma-zakaza-blok-form-kontent .control-group button {
-moz-box-shadow: inset 0px 1px 0px 0px #fff9d6;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ee93f3;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #800401), color-stop(1, #b30f02));
    background: -moz-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
    background: -webkit-linear-gradient(top, #a50b01 5%, #af0d01 100%);
    background: -o-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
    background: -ms-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
    background: linear-gradient(to bottom, #6f0000 5%, #c51202 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0c911', endColorstr='#f2ab1e',GradientType=0);
    background-color: #c3230d;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 9px;
    border: 1px solid #d4d7e0;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 15px;
    /* font-weight: bold; */
    padding: 5px 21px;
    text-decoration: none;
    /* text-shadow: 0px 1px 0px #8d8d8d; */
    text-transform: uppercase;
    letter-spacing: 1px;
}
.forma-zakaza-blok-form-kontent .control-group button:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #800401), color-stop(1, #b30f02));
    background: -moz-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
    background: -webkit-linear-gradient(top, #a50b01 5%, #af0d01 100%);
    background: -o-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
    background: -ms-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
    background: linear-gradient(to bottom, #6f0000 5%, #c51202 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0c911', endColorstr='#f2ab1e',GradientType=0);
    background-color: #c3230d;
}
.forma-zakaza-blok-form-kontent .control-group button:active {
	position:relative;
	top:1px;
}
.forma-zakaza-blok-form-kontent .control-group{
	margin-bottom:11px;
}
.ajax_form.af_example .controls [type="submit"]{
}
.forma-zakaza-blok-form-kontent-title {
    padding-top: 20px;
    color: #000000;
    font-size: 22px;
    /* font-weight: 600; */
    text-align: center;
    margin-bottom: 10px;
    text-transform: uppercase;
	    background: rgba(255, 255, 255, 0.71);
}
.forma-zakaza-blok-form-kontent-small-title {
    color: #000000;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
       margin-bottom: 26px !important;
    /* width: 50%; */
    margin: auto;
    background: rgba(255, 255, 255, 0.71);
    margin-top: -10px !important;
}
.wpcf7-form-control.wpcf7-submit {
    background: #fdf200;
    border: 0;
    border-radius: 5px;
    padding: 12px 35px 10px;
    display: block;
    margin: 10px auto 0;
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
}
.wpcf7-form-control.wpcf7-submit:hover {
    background: #fdf200 !important;

}