@import url(reset.css);

button,input[type="submit"],input[type="button"],a:hover{cursor:pointer;}
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
img{display:block;}
a {text-decoration: none;}
#block-block-7 .content{
	display: inline-flex;
}
.phone-head{
    color: #666 !important;
     font: inherit !important; 
     text-transform: inherit !important;
     border-bottom: inherit !important; 
     margin-left: inherit !important;
 
     float: none !important;
}
.wrapper-head .phone-block p a{
	float: none !important;
}
.fa.fa-user{
	display: none;
}


aside, nav, footer, header, section, article {display: block;}

.clear{clear:both;}

.clearfix:before, .clearfix:after{
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:after{clear: both;}
body, html{height: 100%;}
.wrapper-main{min-height: 100%;}

body
{
	background:url(../images/bg.png) repeat;
	width: 100%;
	min-width: 1167px;
}

.center
{
	width: 1150px;
	margin: 0 auto;
}

.wrapper-head{
	position: relative;
	min-width: 1150px;
	background: #FAFAFA;
	z-index: 1000;
}
.misha{
	width: 99%;
	text-align: right;
}
.top-wrapper{
	border-bottom:1px solid #DDDDDD;
	height: 58px;
	z-index: 1;
}

.top-menu-center{
	width: 1020px;
	margin:0 auto;
    position: relative;
	padding-top: 22px;
}

.logo-top{
	position: absolute;
	top:0;
	left: 50%;
	width: 300px;
	height: 151px;
	display:block;
	margin-left: -150px;
	z-index: 10;
}


.header-nav>div>ul{
	display:block;
	text-transform:uppercase;
	font: 12px Arial;
}

.header-nav>div>ul>li.expanded{background:url(../images/submenu-img.png) no-repeat right 5px;}
.header-nav>div>ul>li{
	display: inline-block;
	padding-right: 12px;
	margin-right: 22px;
}

.header-nav>div>ul>li:nth-child(3){margin-right: 315px;}
.header-nav>div>ul>li.first{margin-left: 16px;}
.header-nav>div>ul>li.last{margin-right: 0px;padding-right:0;}
.header-nav ul a{
	color:#4e3d3d;
}

.header-nav ul>li:hover>a{
	color:#cd2127;
}

ul.menu 
{
	margin: 0;
	padding: 0;
}

ul.menu li 
{
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.menu .menu{
	display:none;
	width: 220px;
	position: absolute;
	z-index: 300;
	padding-top: 22px;
}

ul.menu ul.menu {
	width: 220px;
	background-color: #fff;
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.6);
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,.6);
	box-shadow: 0 2px 4px rgba(0,0,0,.6);
	padding-left: 10px;
	padding-right: 10px;
	font: 12px Arial;
	text-transform: uppercase;
	padding-top: 30px;
	padding-bottom: 5px;
	top: 0;
	top: 36px;
	z-index: 10;
}

.header-nav>div>ul li{padding-bottom: 25px;position: relative;}
.header-nav>div>ul li:hover .menu{display:block;}

.wrapper-head .contacts-block{
	height: 40px;
	border-bottom:1px solid #DDDDDD;
	padding-top: 13px;
}

.wrapper-head .contacts-block-center{
	width: 1005px;
	margin: 0 auto;
}

.wrapper-head .phone-block{
	float:left;
	width: 320px;
	margin-left: 20px;
}

.wrapper-head .phone-block p{
	padding-left: 15px;
	font: 16px Arial;
	color:#353535;
	background: url(../images/phone-ico.png) no-repeat left center;
}

.wrapper-head .phone-block p span{color:#999999;}
.wrapper-head .phone-block p a{
	color:#666;
	font: 10px Arial;
	text-transform: uppercase;
	border-bottom: 1px dashed #cc1111;
    margin-left: 25px;
	text-decoration:none;
	float: right;
	margin-top: 2px;
	margin-right: 30px;
}

.wrapper-head .phone-block p a:hover{border:none;}

.wrapper-head .adress-block{
	float: right;
	
	font: 10px Arial;
	color: #666;
	text-transform: uppercase;
	padding-left: 13px;
	background: transparent url("../images/map-ico.png") no-repeat scroll left center;
	padding-top: 2px;
	margin-top: 2px;
	margin-right: 0;
}

/* slider begin */

/*.slider {
	height: 570px;
	width: 100%;
	text-align: center;
	overflow: hidden;
}

.slider img{
	display: inline-block;
}*/
.slider{
    width: 100%;
    position: relative;
}

.yzor-img{
	width: 350px;
	height: 58px;
	position: absolute;
	left: 50%;
	margin-left:-175px;
	z-index: 100;
	margin-top: 320px;
}

.slider .slider-arrows{
    position: absolute;
    width: 100%;
    z-index: 20;
    margin-top: 255px;
}
.slider .slider-arrows button{
    width: 25px;
    height: 62px;
    position: absolute;
    background:url(../images/l-button.png) no-repeat top left;
	border:none;

}

.slider .slider-arrows button.prev{left: 32px; }
.slider .slider-arrows button.next{
    right: 32px;
	background:url(../images/r-button.png) top right;
}
.slider .slider-arrows button:hover{background-position: top right;}
.slider .slider-arrows button.next:hover{background-position: top left;}

.slider .slider-content{
    height: 570px;
}
.slider .slider-item{
    width: 100%;
    background: url(../images/slide-1.jpg) center 0 no-repeat;
    position: absolute;
    display: none;
    -webkit-background-size: cover;
    background-size: cover;
}
.slider .slider-item:first-child{
    display: block;
}
.slider .slider-item p,.slider .slider-item h2, .title2{
    width: 1150px;
    margin: 0 auto;
}
.slider .slider-item h2, .title2{
    display: block;
	font: bold 30px Arial,sans-serif;
	color: #FFF;
	bottom: 90px;
	position: absolute;
	left: 95px;
}
.slider .slider-item p{
    display: block;
	font: 13px/24px Arial,sans-serif;
	color: #FFF;
	text-transform: uppercase;
	position: absolute;
	bottom: 45px;
	left: 95px;
}
.slider .slider-item.item-2{background-image: url(../images/slide-1.jpg);}
.slider .slider-item.item-3{background-image: url(../images/slide-1.jpg);}
.slider .slider-item.item-4{background-image: url(../images/slide-1.jpg);}
.slider .slider-item.item-5{background-image: url(../images/slide-1.jpg);}

.slider-dots{
    margin-top: 403px;
    text-align: center;
	position: absolute;
	z-index: 100;
	left: 50%;
	margin-left: -55px;
}
.slider-dots button{
    width: 8px;
    height: 8px;
    border: 1px solid transparent;
	background-color: #fff;
    margin: 0px 6px;
    border-radius: 50%;
	padding:0;
	display:block;
	float: left;
}
.slider-dots button.active{
	background-color: transparent;
	border: 1px solid #fff;
	width: 10px;
    height: 10px;
	margin-top:-1px;

}

@media screen and (min-width: 1890px) {
	.slider .slider-item h2{padding-top: 435px !important;}
    .slider-dots{margin-top: 403px !important;}
	.yzor-img{margin-top: 320px !important;}
}
/* slider end */

.home-menu-wrap{
	height: 260px;
position: relative;
}

.home img {
    position: relative;
    z-index: 10;
}

.home-menu-center{
	width: 1140px;
	margin: 0 auto;
}

.home
{
	width: 227px;
	float: left;

	margin-left:-1px;
	display:block;
	text-align: center;
	margin-top:1px;
	font:bold 13px Arial;
	text-transform: uppercase;
	color:#353535;
}

.home:hover,.home.active{color:#cc1111;}

.home-1{margin-right:3px;}
.home-2{margin-right:2px;}
.home-3{margin-right:2px;}
.home-4{margin-right:2px;}
.home-1 img{margin-bottom: 27px;}
.home-2 img{margin-bottom: 15px;}
.home-3 img{margin-bottom: 10px;}
.home-4 img{margin-bottom: 15px;}
.home-5 img{margin-bottom: 20px; max-height: 150px;}

.how-work{
	padding-top: 57px;
	width: 1167px;
	margin: 0 auto;
}

.how-work h1{
	width: 554px;
	height:90px;
	background: url(../images/shape.png) no-repeat top center;
	margin: 0 auto;
	font:bold 25px Arial;
	color:#fff;
	text-align: center;
	text-transform:uppercase;
	padding-top: 9px;
	margin-bottom: 25px;
}

.wrap-work-img{
	position: relative;
	padding-top:35px;
	padding-bottom:45px;
}

.wrap-work-img img{position:relative; z-index:10;}

.wrap-work-img p{
	position: absolute;
	color:#252525;
	font:bold 13px Arial;
	z-index: 50;
	text-transform:uppercase;
	top:0;
	left:0;
}

.wrap-work-img p.txt-1{left: 38px;top: 30px;}
.wrap-work-img p.txt-2{left: 497px;top: 30px;}
.wrap-work-img p.txt-3{left: 1025px;}
.wrap-work-img p.txt-4{left: 135px;top:445px;}
.wrap-work-img p.txt-5{left: 925px;top:535px;text-align:center;}
.wrap-work-img p.txt-6{left: 490px;top:910px;color:#cf1d1d;}

.footer-pusher{
    height: 220px;
    clear: both;
}

.footer{
	height:200px;
	background:url(../images/footer-bg.jpg)top center;
	padding-top: 12px;
	margin-top:-200px;
}

.footer-nav{
	width: 1010px;
	margin: 0 auto;
}

.footer-nav .menu li{
	margin: 0px 35px;
	display:inline-block;
}
.footer .content.wrapper ul.menu{
	text-align: center;
}
.footer-nav li.last{margin-right:0;}

.footer-nav a{
	font:12px Arial;
	color:#555;
	text-transform:uppercase;
}
.footer-nav a:hover{text-decoration:underline;}

.footer-center{
	width:1010px;
	margin: 0 auto;
}

.footer-center .phone-block{
	width: 255px;
	float: left;
	margin-top: 75px;
	text-align: right;
	margin-left: 73px
}

.footer-center .phone-block p{
	font: bold 24px Arial;
	color:#353535;
	background:url(../images/footer-phone-ico.png) no-repeat left center;
	padding-left: 25px;
	margin-bottom: 2px;
}
.footer-center .phone-block p span{color:#999;}

.footer-center .phone-block a{
	font:10px Arial;
	color:#666;
	text-transform: uppercase;
	border-bottom: 1px dashed #cc1111;
}
.footer-center .phone-block a:hover{border:none;}

.footer-logo{
	width: 161px;
	height:94px;
	display:block;
	float:left;
	margin-left:90px;
	margin-top: 47px;
}

.razrab{
	color:#424242;
	font: 11px Arial;
	text-transform: uppercase;
	padding-left: 55px;
	background: url(../images/logo-razrab.png) no-repeat left center;
	display:block;
	width: 185px;
	float:left;
	line-height: 20px;
	margin-top: 81px;
	margin-left: 100px;
}

/* oter-page begin */
.center-content{
	width: 1140px;
	margin:0 auto;
}
.other-img-big{
	width: 1140px;
	margin: 0 auto;
	height: 341px;
	position: relative;
	margin-bottom: 28px;
}

.other-img-big img{position: relative;z-index:50;}

.other-img-big h1, .other-img-big span.title{
	position: absolute;
	color:#fff;
	font: 72px Arial;
	z-index: 55;
	left: 50px;
	top: 220px;
}

.bread-crumbs{
	font: 11px arial;
	margin-bottom: 22px;
}

.bread-crumbs li{display:inline-block;padding-right: 7px;background:url(../images/bread-img.png) no-repeat right center;}
.bread-crumbs li.last{background:none;}

.bread-crumbs li a{color:#2492b8;}
.bread-crumbs li.last a{color:#767676;}

.center-content p, .center-content ul, .center-content ol{
	font: 14px Arial;
	color:#666;
	line-height: 22px;
	margin-bottom: 22px;
}



.center-content p span{font-weight:bold;}

.img-line img{
	float:left;
	margin-right:30px;
	margin-top: 18px;
	margin-bottom: 35px;
}

.img-line img.last-img{margin-right:0;}

.center-content h1, .center-content span.title
{
	font: 30px Arial;
	color:#353535;
	margin-bottom: 15px;
}

.center-content .catalog-form{
	height:80px;
	display:block;
	background-color:#EEEEEE;
	margin-top: 5px;
	color:#767676;
	font: 12px Arial;
	padding-top: 25px;
	padding-left: 33px;
	margin-bottom: 30px;
}


.center-content .catalog-form input[type="text"]{
	width: 100px;
	height: 30px;
	border: 1px solid #CCCCCC;
	text-align: center;
	color:#767676;
	font:13px Arial;
}

.first-span{padding-right: 15px;}

.form-bl-1{
	float:left;
	width: 285px;
	margin-right: 15px;
}

.center-content .catalog-form .select{
	width: 216px;
	height: 30px;
	display:block;
	float: left;
	color:#767676;
	font:13px Arial;
	position: relative;
    cursor: pointer;
	margin-left:80px;
}
.center-content .catalog-form .select input{
	border: 1px solid #CCCCCC;
	width: 216px;
	height: 30px;
	padding-left: 13px;
	padding-right: 13px;
	text-align: left;
    display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	background: #fff url(../images/select-button.png) no-repeat 194px 12px;
}

.center-content .catalog-form .select ul{
    position: absolute;
    background-color: #fff;
    width: 100%;
    border: 1px solid #ddd;
    z-index: 210;
    display: none;
    font-size: 13px;
    color: #333;
    left: 0px;
    border-radius: 0 0 3px 3px;
    overflow: hidden;
}
.center-content .catalog-form .select ul li{
    padding: 5px 10px;
    border-bottom: 1px solid #ddd;
    text-align: left;
}
.center-content .catalog-form .select ul li:last-child{border: none;}
.center-content .catalog-form .select ul li:hover{background-color: #888;color: #fff;}

.center-content .catalog-form input[type="submit"]{
	background:#00ade7;
	border:none;
	text-transform:uppercase;
	color:#fff;
	width: 100px;
	height: 30px;
	font: 14px Arial;
	margin-left: 65px;
}

.center-content .catalog-form input[type="submit"]:hover{background:#008ae6;}

.product-item{
	width: 263px;
	height: 300px;
	float: left;
	background:#EEEEEE;
	margin-right: 29px;
	margin-bottom: 30px;
	position: relative;
}

.product-item.last{
	margin-right:0;
	margin-left: 1px;
}

.product-item img{
	width: 263px;
	height: 180px;
	margin-bottom: 16px;
}

.product-item>p.name-product-item{
	color:#2492b8;
	width: 220px;
	margin: 0 auto;
	font: 14px Arial;
	line-height: 20px;
	border-bottom: 1px solid #CCCCCC;
	height: 56px;
	overflow: hidden;
}
.product-item>p.cost{
font: bold 16px Arial;
    color: #353535;
    width: 129px;
    margin: 11px auto 0;
    float: left;
    text-align: center;
}

.product-item-text{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 250px;
	background:#EEEEEE;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 15px;
	display:none;
}
.product-item .cost.old {
	text-decoration: line-through;
}
.product-item:hover .product-item-text{display:block;}

.product-item-text p{
	font: 14px Arial;
	color:#353535;
	line-height: 22px;
	margin-bottom: 15px;
}
.product-item-text p span{
	font-weight:normal;
	font: italic 12px Arial;
	color:#666;
	display:block;
	line-height: 20px;
}

.product-item-text a{
	display:block;
	color:#2492b8;
	font: 12px Arial;
	text-transform: uppercase;
	width: 140px;
	height: 36px;
	border: 1px solid #2492b8;
	text-align: center;
	padding-top: 11px;
}
.product-item-text a:hover{background:#2492b8;color:#fff;}
/*.product-item>p.cost span{text-decoration: line-through}*/

.item-list, .page-nav-wrapper{
	text-align: center;
	padding-top: 30px;
}

.page-nav-wrapper{
	padding-top: 0px;
}

.item-list ul.pager,.page-nav-wrapper ul.page-nav-2{
	display:inline-block;
}

.item-list ul.pager li,.page-nav-wrapper ul.page-nav-2 li{
	display:inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: normal;
}

.item-list ul.pager li a{
	font:14px Arial;
	color:#252525;
	display:block;
	height: 20px;
	padding-left: 6px;
	padding-right: 7px;
	padding-top: 2px;
}
.item-list ul.pager li a:hover,.item-list ul.pager li.pager-current{
	color:#fff;
	background:#00ADE7;
}

.item-list ul.pager .pager-current
{
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.page-nav-wrapper ul.page-nav-2{padding: 40px 0;}
.page-nav-wrapper ul.page-nav-2 li a{
	color:#2492b8;
	font:14px Arial;
	display:block;
	padding-left: 20px;
	padding-right: 20px;
	margin-right: 15px;
}
.page-nav-wrapper ul.page-nav-2 li.kotedgi a{background:url(../images/page-str-l.png) no-repeat left center;}
.page-nav-wrapper ul.page-nav-2 li.bani a{background:url(../images/page-str-r.png) no-repeat right center;}

/* oter-page end */

/* project-page begin */

.order-block {
	margin-bottom: 30px;
}

.left-opis{
	width: 555px;
	float: left;
	padding-top: 3px;
}

.left-opis p.haract-order{margin-bottom: 17px;color:#444;}
.left-opis p.haract-order span{
	display:inline-block;
	font-weight:normal;
	width: 255px;
}

.left-opis h4{
	float:left;
	width: 245px;
	font:bold 38px Arial;
	color:#00ade7;
	margin-top: 24px;
}
.left-opis a.order-button{
	width: 200px;
	height: 40px;
	background-color: #00ade7;
	-webkit-box-shadow: 0 2px #0093c4;
	-moz-box-shadow: 0 2px #0093c4;
	box-shadow: 0 2px #0093c4;
	display:block;
	float:left;
	color:#fff;
	font: bold 24px Arial;
	text-transform:uppercase;
	text-align: center;
	padding-top: 7px;
	margin-top: 23px;
	margin-bottom: 55px;
}
.left-opis a.order-button:hover{background-color: #0093c4;}

.photo-big{
	float:right;
	width: 555px;
	height: 400px;
	margin-top:9px;
}

.description{
	margin-top: 40px;


}
.description .tabs button{
	width: 284px;
	height: 40px;
	background-color: #eee;
	-webkit-box-shadow: 0 2px #ddd;
	-moz-box-shadow: 0 2px #ddd;
	box-shadow: 0 2px #ddd;
	font:12px Arial;
	color:#999;
	text-transform: uppercase;
	border:none;
	float:left;
	margin-right:1px;
}
.description .tabs button.active{
	background-color: #00ade7;
	-webkit-box-shadow: 0 2px #0093c4;
	-moz-box-shadow: 0 2px #0093c4;
	box-shadow: 0 2px #0093c4;
	color:#fff;
	z-index: 5;
}
.description .text{
	margin-left: 1px;
	padding-top: 50px;
	padding-bottom: 50px;
}
.description .text img
{
	display:inline-block;
	margin-left:20px;
	margin-right:20px;
	max-width: 100%;
	height: auto;
}
.description .text div{
	display: none;
}
.description .text div:first-child{
	display: block;
}

/* project-page end */

/* style-page */
h1{
	font:30px Arial,sans-serif;
    color: #353535;
	margin-bottom: 15px;
}
h2, span.titleh2{
	font:24px Arial,sans-serif;
    color: #353535;
	margin-bottom: 15px;
}
h3{
	font:18px Arial,sans-serif;
    color: #353535;
	margin-bottom: 15px;
}

.left-img-cont{
	float: right;
	width: 555px;
	height: 296px;
    margin-left: 30px;
}

p a{
	color:#0077cc;
	text-decoration: underline;
}
p a:hover{text-decoration: none;}
p span.kyrsiv{
	font-style: italic;
	font-weight: normal;
}

.webform-component textarea, .webform-component input[type="text"]
{
	width: 393px;
}

.webform-client-form .form-actions
{
	width: 393px;
	text-align: center;
}

.webform-client-form .form-submit
{
	width: 200px;
	height: 40px;
	background-color: #00ADE7;
	box-shadow: 0px 2px #0093C4;
	margin: 0 auto;
	color: #fff;
	font: bold 15px Arial;
	text-transform: uppercase;
	border: none;
}

.home-menu-bg {
    height: 260px;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url("../images/bg-home.png") no-repeat scroll center top transparent;
    z-index: 100;
}

.home span {
    position: relative;
    z-index: 110;
}

.home
{
	text-decoration: none;
	position: relative;
}

#header-nav
{
	z-index: 20;
	position: relative;
}

.podstavka
{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 200;
	top:0;
	left: 0;
}

b,strong
{
	font-weight: bold;
}

.galery_item{
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 40px;
	width: 265px;
	height: 200px;
}

.galery_item a{
	display: block;
	width: 265px;
	height: 200px;
}

.galery_item img{
	max-width: 265px;
	width: auto;
	height: auto;
	
}
.form-wrap{
	    position: fixed;
    top: 15%;
    margin: 0 auto;
    padding: 35px;
    background: #fff;
    left: 50%;
    margin-left: -100px;
    z-index: 111111;
}
.form-wrap form div{
    font-family: Arial;
    text-align: center;
}
.form-wrap{
	margin-bottom: 	5px;
}
.change-mat{
    width: 200px;
    height: 40px;
    background-color: #00ade7;
    -webkit-box-shadow: 0 2px #0093c4;
    -moz-box-shadow: 0 2px #0093c4;
    box-shadow: 0 2px #0093c4;
    display: block;
    float: left;
    color: #fff;
    font: bold 24px Arial;
    text-transform: uppercase;
    text-align: center;
    padding-top: 7px;
    margin-top: 23px;
    margin-bottom: 55px;
    margin-left: 10px;
    cursor: pointer;
}

.politika {
	margin-left: 120px;
}

.ttable {
	    margin: 0 auto;
}
.center-content .ttable p {
	margin-bottom: 5px;
	text-align: center;
}

.text2 {
	
	background: #FFF;

}

#header-nav  .expanded  .expanded ul{
    display:  block;
    margin-top: -50px;
    margin-left: 120px;

}


.expanded.last.nolink-li .menu {
	display: none !important;	
}

.expanded.last.nolink-li:hover .menu {
	display: block !important;	
}



.fix_bag {
    display: none;
    position: absolute;
    top: -20px;
    z-index: 99;
    /*order: inherit;*/
    margin-left: 160px;
    background: white;
    padding: 5px;
    width: 135px;
    padding: 5px;
    font: 12px Arial;
    box-shadow: 0 2px 4px rgba(0,0,0,.6);
}

.f2 text{
	color: black;
}

.fundam {
	display: block;
}

.fundam:hover .fix_bag {
	display: block !important;	
}