*{
	padding: 0;
	margin: 0;
	outline: none;
}
html * {max-height:1000000px;}
body{    background: rgba(0,0,0,.1);}
html, body, div, span, applet, object, iframe,
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, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 14px;
	font-family: inherit;
	vertical-align: top;
	background: transparent;
	font-family: 'Roboto',serif;
}
dd{
	float: right;
	margin-right: 10px;
}
dt{
	
	float: left;
    margin-left: 10px;
    font-weight: bold;
}
ol, ul{
	list-style: none;
}
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary{
	display: block;
}
A { outline: none; color: #fff; cursor: pointer; text-decoration: none; transition: all 300ms ease 0s;}
A img{ outline: none; border: none;}
.disabled{ display: none; }

/* header */
header{
	margin: 58px 0px 0px;
	background: #fff;
	width: 100%;
	min-width: 1200px;
	height: 110px;
	text-align: left;
	overflow: hidden;
}
header .logo, header .header_info, header .call{
	display: inline-block;
	vertical-align: top;
}
.ic_thumbnails {
	text-align: center;
	margin: 0 auto;
	display: inline-block;
}
ul.dotted-list li{
	text-align: left;
	font-size: 12px;
	color: #3d3d3d;
	line-height: 20px;
	position: relative;
	margin-bottom: 20px;
	background: url("../img/bg_dotted_list.png") repeat-x 0% 80%;
	margin: 0 !important;
	border: 0 !important;
}
ul#vinil-said li{
    width: 300px;
}
ul#vinil-said div.active{
margin: 11px 0px 0px 130px;
}
.dotted-list span {
	background: #fff;
	padding-right: 5px;
	max-width: 160px;
	font-size: 10px !important;
	float: left;
	margin-top: 3px !important;
	padding-left: 7px;
}
.dotted-list em {
	float: right;
	background: #fff;
	padding-left: 5px;
	font-style: normal;
	padding-right: 7px;
	font-size: 11px;
}
header .header_info{
	margin: 35px 60px 0px 0px;
	width: 480px;
	text-align: right;
	font: 300 15px/40px 'Roboto',serif;
	color: #888;
}
header .call{
    margin: 18px 0px 0px;
	padding: 0px 0px 0px 50px;
	background: url(../images/call.jpg) no-repeat 0 50%;
	width: 250px;
	text-align: left;
}
header .call a{
	font: 300 15px/18px 'Roboto',serif;
	color: #0081b7;
}
header .call a.calla{
	font: 21px/30px 'Roboto Slab',serif;
	color: #000;
}

/* nav */
nav{
	margin: 0px auto;
	width: 100%;
	min-width: 1000px;
	background: #0081b7;
	text-align: center;
	position: fixed;
	top: 0;
    z-index: 1;
    box-shadow: 0 0 10px;
}
nav .cntrls{
	padding: 0px;
}
}
menu{
	font-size: 0px;
}
menu li{
	margin: 0px;
	
	display: inline-block;
	vertical-align: top;
	font: 700 16px/58px 'Roboto Slab',serif;
	text-align: center;
	border-right: 1px solid #3b97be;
	transition: .3s;
}
menu li:hover{
		background: #0171A0;
}
menu li:last-child{
	border-right: 1px solid #3b97be;
}
menu li:first-child{
	border-left: 1px solid #3b97be;
}
menu li a{
    display: block;
    font: 700 16px/58px 'Roboto Slab',serif;
    color: #fff;
    text-decoration: none;
    padding: 0px 20px;
    background: #0081B7;
    text-shadow: none;
}
menu li a:hover{
	background: #0171A0;
	transform: scale(1.0);
}
menu li a:focus{
	background: #0171A0;
	color: #ffca3a;

}
menu li:hover a{
	color: #ffca3a;
}

/* footer */
footer{
	background: #fff;
	width: 100%;
	min-width: 1200px;
	height: 130px;
	text-align: left;
	overflow: hidden;
}
footer .call, footer .footer_info, footer .copy{
	display: inline-block;
	vertical-align: top;
	width: 330px;
}
footer .call{
	margin: 40px 0px 0px;	
}
footer .footer_info{
    font: 300 16px/69px 'Roboto',serif;
	color: #000;
	text-align: right;
}
footer .copy{
	font: 300 16px/130px 'Roboto',serif;
	text-align: center;
}
footer .copy a{
	font: 300 16px/130px 'Roboto',serif;
	color: #0081b7;
}
footer .copy a:hover{
	text-decoration: underline;
}


/* section */
section{
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	min-width: 1000px;
	text-align: center;
}
section.heads{
    background: url(../images/head.jpg) no-repeat 47% 46%;
    height: 550px;
}
section.representatives, section.comments{
	padding: 30px 0px 0px;
}
section.products{
	padding: 30px 0px 0px;
}
section.prise{
	padding: 120px 0px 0px;
	background: url(../images/prise.jpg) no-repeat 50% 0;
	height: 550px;
}
section.why{
	padding: 10px 0px 0px;
	background: url(../images/why.jpg) no-repeat 50% 0;
	height: 805px;
}
section.sale{
	padding: 40px 0px 0px;
	background: url(../images/sale.jpg) no-repeat 50% 0;
	height: 750px;
}
section.how{
	padding: 40px 0px 0px;
	background: url(../images/how.jpg) no-repeat 50% 0;
	height: 805px;
}
section.faq{
	padding: 15px 0px 0px;
	background: url(../images/faq.jpg) no-repeat 50% 0;
	height: 955px;
}
section.faq2{
	padding: 40px 0px;
	background: #106697;
}
section.sert{
	padding: 15px 0px 0px;
	background: url(../images/sert.jpg) no-repeat 50% 0;
	height: 500px;
}
section.contacts{
	padding: 15px 0px 0px;
	background: url(../images/contacts.jpg) no-repeat 50% 0;
	height: 360px;
}
section.projects{
	/*background: url(../images/projects.jpg) no-repeat 50% 0;
	height: 490px;*/
	background: #fff;
}
.cntrls{
	margin: 0px auto;
	padding: 1px 0px;
	width: 990px;
}
section h1{
    margin: 15px 0px 0px;
    font: 500 30px/55px 'Roboto Slab',serif;
    color: #fff;
    text-shadow: 0 0px 10px rgba(0, 0, 0, 0.82);
    background: rgba(50, 50, 50, 0.64);
}
section h1 > span{
	font: 700 36px/55px 'Roboto Slab',serif;
}
section h2{
	margin: 0px;
	font: 300 24px/34px 'Roboto Slab',serif;
	color: #000;
}
section h2 > span{	
	padding: 0px 5px;
	display: inline-block;
	font: 700 24px/34px 'Roboto Slab',serif;
	background: #ffca3a;
}
section h3{
	margin: 20px 0px;
	font: 700 30px/47px 'Roboto Slab',serif;
	color: #000;
	vertical-align: baseline;
}
section.prise h3{
	font: 700 40px/55px 'Roboto Slab',serif;
	color: #fff;
	text-transform: uppercase;
}
section.sale h3{
	font: 700 38px/55px 'Roboto Slab',serif;
	color: #fff;
	text-transform: uppercase;
}
section.why h3{
	margin: 20px 0px 0px;
}
section.why h3, section.why h3 > span, section.sert h3, section.sert h3 > span, section.comments h3, section.comments h3 > span,
section.contacts h3, section.contacts h3 > span{
	font: 700 36px/60px 'Roboto Slab',serif;
}
section.how h3, section.how h3 > span, section.faq h3 > span, section.projects h3{
	font: 700 45px/60px 'Roboto Slab',serif;
}
section h3 > span{	
	padding: 0px 5px;
	display: inline-block;
	vertical-align: baseline;
	font: 700 30px/47px 'Roboto Slab',serif;
	color: #000;
	background: #ffca3a;
}
section.prise h3 > span{
	font: 700 40px/55px 'Roboto Slab',serif;
}
section.sale h3 > span{
	font: 700 38px/55px 'Roboto Slab',serif;
}
section h4{
	margin: 0px 0px 20px;
	font: 300 30px 'Roboto',serif;
	color: #000;
}
section.prise p{
	margin: 30px 0px;
	font: 300 25px/34px 'Roboto',serif;
	color: #fff;
}
section.sale .sale_block > p{
	margin: 30px 0px;
	font: 25px/39px 'Roboto Slab',serif;
	color: #fff;
}
section.sale .sale_block > p > span{
	padding: 0px 5px;
	display: inline-block;
	font: 700 25px/39px 'Roboto Slab',serif;
	color: #000;
	background: #ffca3a;
}
section ul.representatives{
	font-size: 0px;
}
section ul.representatives > li{
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
section ul.representatives > li img{
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #dadada;
}
section .prise_block{
	margin: 0px 0px 0px 440px;
	text-align: left;
}
section .sale_block{
	margin: 0px 0px 40px;
	padding: 0px 0px 0px 415px;
	background: url(../images/sale_block.png) no-repeat 0 40px;
	text-align: left;
	height: 410px;
}
section ul.prod-title{
	margin: 0px 0px 40px;
/*	-webkit-box-shadow: 0 1px 7px 0 #323232;
	    box-shadow: 0 1px 7px 0 #323232;*/
}
section ul.prod-title > li{
    display: inline-block;
    vertical-align: top;
    background: #fff;
    width: 219.5px;
    font: 15px/35px 'Roboto Slab',serif;
    color: #0081b7;
    cursor: pointer;
    position: relative;
    transition: all 300ms ease 0s;
    margin: 0 18px;
        border: 2px solid;
}
section ul.prod-title > li:first-child{
    margin-right: 18px;
    margin-left: 0px
}
section ul.prod-title > li:last-child{
    margin-left: 18px;
    margin-right: 0px;
}
section ul.prod-title > li:hover, section ul.prod-title > li.active{
    background: #2d997b;
    color: #fff;
    -webkit-box-shadow: inset 0 3px 3px 0 #00587d;
    box-shadow: inset 0 3px 3px 0 #00587d;
    border: 2px solid #2d997b;
}
section ul.prod-title > li:hover:after, section ul.prod-title > li.active:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  width: 0; height: 0;
  border-top: 15px solid #0081b7;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}
section ul.prod-title > li:last-child, section ul.prod-title > li:hover, section ul.prod-title > li.active{
	text-shadow: none;
}
section ul.products > li{
	display: none;
}
section ul.products > li.active{
	display: block;
}
section ul.products > li ul.prods > li{
	margin: 0px 0px 25px;
	padding: 1px;
	background: #fff;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.43);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.43);
	width: 100%;
	border: none;
	display: none;
}
section ul.products > li ul.prods > li.active{
	display: block;
}
section ul.products > li h4{
	margin: 30px 0px 15px;
	font: 25px/35px 'Roboto Slab',serif;
	color: #000;
}
section ul.products > li h4 span{
	padding: 0px 5px;
	display: inline-block;
	vertical-align: baseline;
	font: 700 25px/35px 'Roboto Slab',serif;
	background: #ffca3a;
}
section ul.products > li ul li{
	margin: 0px 0px 30px;
	padding: 3px 0px 0px;
	display: inline-block;
	vertical-align: top;
	background: #fff;
	border: 1px solid #cacaca;
    width: 270px;
	cursor: pointer;
	transition: .5s;
}
section ul.products > li ul li .quiet{
	margin: 3px 0 0 48px;
  	position: absolute;
	background: url(../images/flag-p3.png) no-repeat;
	width: 142px;
	height: 37px;
	font: 300 22px/27px 'Roboto',serif;
	color: #fff;
	text-transform: uppercase;
}
section ul.products > li ul.prod-m li.active, section ul.products > li ul.prod-m li:hover{
	border: 1px solid #0081b7;
	-webkit-box-shadow:inset 0 0 0 3px #0081b7;
	box-shadow:inset 0 0 0 3px #0081b7;
}
section ul.products > li ul.prod-m li div.active{
margin: 11px 0px 0px 77px;
	position: absolute;
	background: url(../images/active.png) no-repeat;
	width: 40px;
	height: 20px;
	display: none;
}
section ul.products > li ul.prod-m li.active div.active{
	display: block;
}
section ul.products > li ul li > p{
    margin: 12px 3px 10px;
    font: 300 16px/22px 'Roboto',serif;
    color: #0081b7;
    min-height: 14px;
}
section ul.products > li ul li > p sup{
	font: 300 10px 'Roboto',serif;
	vertical-align: super;
}
section ul.products > li:last-child ul li > p{
	/*margin: 15px 0px 0px;*/
	min-height: auto;
}
section ul.products > li ul li > a.btn_info{
	margin: 0px 0px 10px;
	display: inline-block;
	font: 300 13px/18px 'Roboto',serif;
	color: #0081b7;
	border-bottom: 1px dashed #0081b7;
}
section ul.products > li ul li > .info{
	display: none;	
}
section ul.products > li ul li > .info p{
	margin: 0px 0px;
	padding: 0px 5px;
	font: 300 12px/18px 'Roboto',serif;
	color: #888;
	min-height: auto;
	border-top: 1px solid #cacaca;
}
section ul.products > li ul li > .info p.last{
	border-bottom: 1px solid #cacaca;
}
section ul.products > li ul li > .info p span{
	display: block;
	font: 12px/18px 'Roboto Slab',serif;
	color: #000;
}
section ul.products > li ul li > span{
	margin: 10px 0px;
	display: block;
	font: 700 18px 'Roboto Slab',serif;
	color: #000;
}
section ul.products > li ul li > span.old{
	font: 15px 'Roboto Slab',serif;
	color: #888;
	text-decoration: line-through;
}
section ul.products > li ul li > span.old2{
	font: 15px 'Roboto Slab',serif;
}
section ul.why{
	margin: 30px 0px;
}
section ul.why > li{
	margin: 0px 0px 25px;
	display: block;
	text-align: left;
}
section ul.why > li p, section ul.why > li span{
	display: inline-block;
	vertical-align: middle;
}
section ul.why > li p{
	font: 14px/21px 'Roboto',serif;
	color: #575757;
	text-align: left;
}
section ul.why > li span{
	margin: 0px 10px 0px 0px;
	font: 700 20px/35px 'Roboto Slab',serif;
	color: #fff;
	text-align: center;
	width: 35px;
	background: #0081b7;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
section ul.how{	
	margin: 30px 0px 0px;
	padding: 80px 0px 0px;
	background: url(../images/how.png) no-repeat;
	height: 535px;
	text-align: left;
}
section ul.how > li{
	margin: 0px 0px 170px;
	display: inline-block;
	vertical-align: top;
	width: 285px;
	font: 300 15px/19px 'Roboto',serif;
	color: #575757;
	text-align: center;
}
section ul.how > li:nth-child(4){
	margin: 0px 0px 170px 53px;
}
section ul.company > li{
	margin: 0px 15px 55px 0px;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #dadada;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
section ul.company > li:last-child{
	margin: 0px;
}
section ul.company > li img{
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
section ul.faq{
	margin: 30px 0px 0px;
}
section ul.faq > li{
	margin: 0px 0px 20px 360px;
	text-align: left;
}
section ul.faq > li > p{
    padding: 5px 0px 0px 45px;
    background: url(../images/faq.png) no-repeat;
    font: 16px/22px 'Roboto Slab',serif;
    color: #fff;
    cursor: pointer;
    min-height: 35px;
    text-shadow: none;
}
section ul.faq > li > p:first-letter{
	text-transform: uppercase;
}
section ul.faq > li > div{
	margin: 0px 0px 0px 50px;
	padding: 21px 0px 0px;
	background: url(../images/faq-top.png) no-repeat;
	width: 581px;
	display: none;
}
section ul.faq > li > div p{
	padding: 20px;
	font: 300 14px/18px 'Roboto',serif;
	color: #000;
	background: #fff;
	border: 3px solid #ffca3a;
	border-top: none;
}
section ul.sert > li{
	padding: 9px 0px;
	background: #fff;
	border: 1px solid #d6d6d6;
}
section ul.sert > li.small{
	padding: 70px 0px 71px;
}
section ul.comments > li{
	text-align: left;
}
section ul.comments > li > img, section ul.comments > li > p{
	display: inline-block;
	vertical-align: middle;
}
section ul.comments > li > img{
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 7px solid #ededed;
	width: 192px;
}
section ul.comments > li > p{
	margin: 0px 0px 0px 25px;
	width: 170px;
	font: 14px/19px 'Roboto',serif;
	color: #888;
}
section ul.comments > li > p span{
	font: 700 18px 'Roboto Slab',serif;
	color: #000;
}
section ul.comments > li > div{
	margin: 5px 0px 0px;
	background: url(../images/comment.jpg) no-repeat;
	padding: 20px 0px 0px;
	width: 395px;
}
section ul.comments > li > div p{
	padding: 20px;
	background: #fff;
	border: 3px solid #0081b7;
	border-top: none;
	font: 300 13px/16px 'Roboto',serif;
	color: #000;
	min-height: 400px;
}
section ul.contacts > li{
    margin: 1px 0px 0px;
    display: inline-block;
    vertical-align: top;
    width: 300px;
    font: 14px/22px 'Roboto Slab',serif;
    color: #000;
    text-shadow: none;
    text-align: left;
}
section ul.contacts > li img{
    margin: 0px auto 20px 4px;
    display: block;
    width: 28px;
    float: left;
    padding-right: 5px;
}
section ul.contacts > li:nth-child(2) a{
    font: 700 20px 'Roboto Slab',serif;
	text-decoration: none;
	color: #000;
    line-height: 1;
}
section ul.contacts > li a{
    font: 15px/22px 'Roboto Slab',serif;
    text-decoration: underline;
    text-shadow: none;
        color: #000;
}
section ul.contacts > li a:hover{
    text-decoration: none;
    text-shadow: none;
}
section ul.projects > li > div{
	display: inline-block;
	vertical-align: top;
	text-align: left;
}
section ul.projects > li > div.photo{
	width: 520px;
}
section ul.projects > li > div.photo > a{
	display: inline-block;
	vertical-align: top;
}
section ul.projects > li > div.photo img{
	padding: 3px;
	background: #fff;
	border: 1px solid #dfdfdf;
}
section ul.projects > li > div.photo a:first-child{
	margin: 0px 20px 20px 0px;
	float: left;
}
section ul.projects > li > div.photo_alt a:first-child{
	float: right;
}
section ul.projects > li > div.photo a:last-child-of-type img, section ul.projects > li > div.photo a.last img{
	margin: 20px 0px 0px;
}
section ul.projects > li > div.photo_alt a:last-child img, section ul.projects > li > div.photo_alt a.last img{
	margin: 10px 0px 0px 0px;
}
section ul.projects > li > div.photo_alt_2 a:last-child-of-type img{
	margin: 0px;
}
section ul.projects > li > div.photo_alt a:nth-child(3) img{
    margin: 10px 15px 0px 0px;
}
section ul.projects > li > div.info{
	width: 310px;
}
section ul.projects > li > div.info p{
	margin: 0px 0px 10px;
	font: 300 14px/18px 'Roboto',serif;
	color: #000;
}
section ul.projects > li > div.info p span{
	display: inline-block;
	padding: 0px 5px;
	font: 700 17px/29px 'Roboto Slab',serif;
	background: #ffca3a;
}
section ul.projects > li > div.photo p{
	margin: 30px 30px 10px 0;
	font: 300 14px/18px 'Roboto',serif;
	color: #000;
	clear: left;
	display: block;
}
section ul.projects > li > div.photo p span{
	display: inline-block;
	padding: 0px 5px;
	font: 700 17px/29px 'Roboto Slab',serif;
	background: #ffca3a;
}



/* buttons */
a.btn{
	margin: 0px;
	font: 400 18px/53px 'Roboto Slab',serif;
	color: #fff;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
	background: #d40000;
	background: -moz-linear-gradient(top, #d40000 0%, #c70000 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #d40000), color-stop(100%, #c70000));
	background: -webkit-linear-gradient(top, #d40000 0%, #c70000 100%);
	background: -o-linear-gradient(top, #d40000 0%, #c70000 100%);
	background: -ms-linear-gradient(top, #d40000 0%, #c70000 100%);
	background: linear-gradient(to bottom, #d40000 0%, #c70000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d40000', endColorstr='#c70000', GradientType=0 );
	border: 3px solid #fff;
	width: 100%;
	text-shadow: none;
}
section.prise a.btn{
	width: 340px;
}
a.btn:hover{
	background: #c70000;
	background: -moz-linear-gradient(top, #c70000 0%, #d40000 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #c70000), color-stop(100%, #d40000));
	background: -webkit-linear-gradient(top, #c70000 0%, #d40000 100%);
	background: -o-linear-gradient(top, #c70000 0%, #d40000 100%);
	background: -ms-linear-gradient(top, #c70000 0%, #d40000 100%);
	background: linear-gradient(to bottom, #c70000 0%, #d40000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c70000', endColorstr='#d40000', GradientType=0 );
}
a.btn_call_f{
	font: 700 17px/45px 'Roboto Slab',serif;
	color: #0081b7;
	background: none;
	border: 3px solid #0081b7;
	width: 190px;
}
a.btn_call_f:hover{
	color: #fff;
	background: #0081b7;
}
a.btn_more{
    margin: 15px 0px;
    font: 15px/42px 'Roboto Slab',serif;
    color: #d40000;
    background: none;
    border: 2px solid #d40000;
    width: 236px;
    font-weight: bold;
    text-shadow: none;
}
a.btn_more:hover{
	background: #d40000;
	color: #fff;
}
a.btn_faq{
	margin: 760px 0px 0px -135px;
	width: 360px;
	position: absolute;
}
.btn .btn_send{
	text-shadow: none;
}

/* forms */
.form{
    margin: 0px;
    width: 345px;
    text-align: center;
    z-index: 1000;
    background: rgba(204, 204, 204, 0.57);
    padding: 10px 10px 20px;
}
section.heads .form{
    margin: 30px 0px 0px 550px;
}
.form_inline{
	padding: 20px 0px 40px;	
	width: 100%;
	background: rgba(0,0,0,0.3);
	border: 10px solid #ffca3a;
}
.form_inline_prod{
	margin: 0px auto 40px;
	padding: 20px 0px;	
	width: 900px;
	background: #fff;
	border: 5px solid #0081b7;
}
.form_popup{
    padding: 30px 0px;
    width: 400px;
    background: #fff;
    border: 5px solid #0081b7;
}
.form p{
	margin: 10px 0px;
	font: 19px/25px 'Roboto Slab',serif;
	color: #000;
}
.form_inline p{
	margin: 15px 0px;
	font: 14px/21px 'Roboto',serif;
	color: #fff;
}
.form_inline_prod p{
	font: 400 18px/30px 'Roboto',serif;
	color: #000;
}
.form p span{
	font: 700 25px 'Roboto Slab',serif;
}
.form p b{
	padding: 0px 5px;
	display: inline-block;
	font: 700 19px/25px 'Roboto Slab',serif;
	background: #ffca3a;
}
.form input{
	margin: 0px 0px 20px;
	padding: 0px 0px 0px 50px;
	width: 100%;
	height: 48px;
	background: #fff;
	border: 1px solid #bdbdbd;
	font: 300 15px 'Roboto',serif;
	color: #000;
	text-align: left;
	-webkit-box-shadow: 0 10px 13px 0 rgba(183,180,167,0.47);
	box-shadow: 0 10px 13px 0 rgba(183,180,167,0.47);
}
.form_inline input{
	margin: 0px 16px 0px 0px;
	width: 287px;
	display: inline-block;
	vertical-align: top;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.form_inline_prod input{
	width: 250px;
}
.form_popup input{
    border: 1px solid #bdbdbd;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 299px;
}
.form input.name{ background: url(../images/name.png) no-repeat 17px 50% #fff;}
.form input.phone{ background: url(../images/phone.png) no-repeat 17px 50% #fff;}
.form input.mail{ background: url(../images/mail.png) no-repeat 17px 50% #fff;}
.form textarea{
	margin: 0px 0px 20px;
	padding: 10px 10px 10px 50px;
	width: 340px;
	height: 130px;
	background: url(../images/text.png) no-repeat 17px 10px #fff;
	border: 1px solid #bdbdbd;
	font: 300 15px 'Roboto',serif;
	color: #000;
	text-align: left;
	resize: none;
}
.form_popup a.btn{
width: 299px;
}
.form_inline a.btn{
    width: 287px;
    display: inline-block;
    vertical-align: top;
    line-height: 42px;
    text-shadow: none;


}
.form p.security{
	margin: 10px 0px 0px;
	font: 300 13px/18px 'Roboto',serif;
	color: #000;
}
.form_inline_prod p.security{
	color: #888;
}
div.arcticmodal-close{
    margin: -25px -28px 0px 0px;
	padding: 0px;
	float: right;
	background: url(../images/close.png) no-repeat;
	width: 15px;
	height: 15px;
	cursor: pointer;
}
.arcticmodal-overlay, .arcticmodal-container{
	z-index: 1002!important;
}


/* timer */
.timer_block .eTimer{
	margin: 20px 0px;
	width: 100%;
	text-align: center;
}
.timer_block .eTimer .etSep{
	padding: 0px 10px;
}
.timer_block .eTimer .etUnit{
	width: 118px;
	height: 89px;
	background: #fff;
	border: 3px solid #ffca3a;
	text-align: center;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.timer_block .eTimer .etDays{
	display: none;
}
.timer_block .eTimer .etUnit .etNumber{
	margin: 0px;
	font: 55px/83px 'Roboto Slab',serif;
}
.timer_block .eTimer .etSeconds .etNumber{
	color: #ae2a2a;
}
.timer_block .eTimer .etUnit .etSign{
	margin: 15px 0px 0px;
	font: 14px/21px 'Roboto',serif;
}
.timer_block .eTimer .etUnit .etSign:first-letter{
	text-transform: uppercase;
}

section ul.products ul.prod-m > li {
  /* margin: 0px 0px 30px; */
  padding: 0px 0px 0px;
  display: inline-block;
  vertical-align: top;
  background: #fff;
  border: 1px solid #cacaca;
  width: 190px;
  cursor: pointer;
}
section ul.products > li ul li:hover{
    border: 1px solid #0005AB;
}
.prod li a img{
    width: 262px;
    height: 262px;
}
section ul.products > li ul.prods > li:hover{
	border: none;
}
.prod-m li p{
    font: 15px/35px 'Roboto Slab',serif;
}
 .slider {
 z-index: 9;
    width: 232px;
    height: 177px;
 overflow: hidden;
    margin: 0 auto;
 position: relative;
 }
 .slider ul,
 .slider li {
 padding: 0;
 margin: 0;
 list-style-type: none;
 border: none;
 }
 .slider ul {
 width: 9999px; 
 }
 .slider ul li {
 list-style-type: none;
 float: left;
 width: 232px !important;
 height: 290px;
 border: none !important;
 }
  .slider ul li img{
  	width: 100%;
  }
 .slider .nav {
    position: absolute;
    left: 85px;
    bottom: 12px;
 }
 .slider .nav span {
 opacity: 0.9;
 background: #fff;
 margin: 0 8px 0 0;
 width: 16px;
 height: 16px;
 border-radius: 8px;
 cursor: pointer;
 overflow: hidden;
 display: block;
 float: left;
 box-shadow: 0 1px 2px #fff;
 transition: .5s
 }
 .slider .nav span.on {
 background: #2e9419;
     box-shadow: 0 0 10px #fff;
 }
.heads h2{

}
.jcarousel-skin-tango4{

}
#map{
    height: 360px;
    width: 100%;
    position: absolute;
    z-index: 0;
    margin-top: -15px;
}
#mapcont{
    width: 300px;
    background: #fff;
    height: 278px;
    float: right;
    z-index: 1;
    position: relative;
	margin-top: 25px;
}
section.contacts h3 > span {
    font: 700 17px/38px 'Roboto Slab',serif;
}
.popup-text p{
	text-shadow: none;
	color: #fff;
	font-size: 14px;
}
.panel {
	padding: 20px;
	width: 260px;
    height: 362px;
	background: #eeeeee;
	border: #282828 2px solid;
	font-family: Georgia;
	    z-index: 0;
}
.slideform{
	width: 216px;
}
.slideform input{
	    font-size: 13px;
}
div.b-third-item__img p{

}
div#ic_67991638_thumbnail_tray .ic_thumbnails{
	
}
.prod li{
    
}
.prod h3 {
    font-size: 15px;
    font-weight: bold;
    color: #0404a2;
    line-height: 20px;
    padding: 0 5px;
}
.swiper-container {
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}
.swiper-slide {
	background-size: cover;
	background-position: center;
}
.gallery-top {
	height: 80%;
	width: 100%;
}
.gallery-thumbs {
	height: 20%;
	box-sizing: border-box;
	padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
	height: 100%;
	opacity: 0.4;
}
.gallery-thumbs .swiper-slide-active {
	opacity: 1;
}
li.boldre{
	width: 524px !important;
	height: 526px;
}
li.boldre div.ic_wrapper{
	width: 524px !important;
}
li.boldre div.ic_wrapper div.infiniteCarousel{
	width: 522px !important;
	margin: 0 !important;
}
li.boldre .infiniteCarousel_item{
	width: 522px !important;
}
li.boldre .infiniteCarousel_item img{

}
li.bolder{
	width: 466px !important;
	padding: 0 !important;
	height: 526px;
}
li.bolder div.ic_myCarousel{
	margin: 0;
	width: 464px !important;
	height: 272px !important;
}
li.bolder .infiniteCarousel_item img {
	width: 464px;
	height: 272px;
}
li.bolder a.btn_more{
	margin: 50px 0px;
	font: 15px/42px 'Roboto Slab', serif;
	color: #d40000;
	background: none;
	border: 2px solid #d40000;
	width: 236px;
	font-weight: bold;
	text-shadow: none;
}
li.bolder a.btn_more:hover{
	background: #d40000;
	color: #fff;
}
.dost div{
    width: 50%;
    float: left;
}
.dost p{
    
}
section#abou{
        height: 500px;
        width: 1000px;
}
div.column-left, div.column-right{
    width: 50%;
}
div.column-left p, div.column-right p{
    text-align: left;
    line-height: 36px;
}
th.tg-031e {
    width: 20%;
    border: 1px solid;
}
td.tg-031e,td.tg-yw4l {
    width: 20%;
    border: 1px solid;
    padding: 5px 6px;
}
.book{
    width: 240px;
    height: 30px;
    position: fixed;
}
.ssss{
	 line-height: 30px;
    padding: 6px;
}
html{
	overflow: auto !important;
}
a.ssss { /* анимация */
    -webkit-animation: background linear 3s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: background linear 3s;
    -moz-animation-iteration-count: infinite;
    -o-animation: background linear 3s;
    -o-animation-iteration-count: infinite;
    -ms-animation: background linear 3s;
    -ms-animation-iteration-count: infinite;
    animation: background linear 3s;
    animation-iteration-count: infinite;
    background: #258dc8;
}
@-moz-keyframes background{
    50% {
box-shadow: 0 -200px 100px -100px #207ead inset;
	}
}
@-webkit-keyframes background
 {
    50% {
box-shadow: 0 -200px 100px -100px #207ead inset;
    }
}
@-o-keyframes background
 {
    50% {
box-shadow: 0 -200px 100px -100px #207ead inset;
    }
}
@-ms-keyframes background
 {
    50% {
box-shadow: 0 -200px 100px -100px #207ead inset;
    }
}
@keyframes background
 {
    50% {
box-shadow: 0 -200px 100px -100px #207ead inset;

    }
}
.fa-star{
    margin-top: 8px;
    margin-left: -2px;
    padding: 0 4px;
}
.lightbox{
color: #0081b7;
    font: 300 16px/47px 'Roboto',serif;
}
.btn_popup_pokritiya, .lightbox{
	    width: 209px !important;
    margin: 0px 9px !important;
}
.lightbox-content{
    width: 700px;
    display: none
}
.book{
    width: 240px;
    height: 30px;
    position: fixed;
}
.ssss{
	 line-height: 30px;
    padding: 9px;
}
html{
	overflow: auto !important;
}
a.ssss { /* анимация */
    -webkit-animation: background linear 3s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: background linear 3s;
    -moz-animation-iteration-count: infinite;
    -o-animation: background linear 3s;
    -o-animation-iteration-count: infinite;
    -ms-animation: background linear 3s;
    -ms-animation-iteration-count: infinite;
    animation: background linear 3s;
    animation-iteration-count: infinite;
    background: #ff0000;
}
@-moz-keyframes background{
    50% {
box-shadow: 0 -200px 100px -100px #cc0202 inset;
	}
}
@-webkit-keyframes background
 {
    50% {
box-shadow: 0 -200px 100px -100px #cc0202 inset;
    }
}
@-o-keyframes background
 {
    50% {
box-shadow: 0 -200px 100px -100px #cc0202 inset;
    }
}
@-ms-keyframes background
 {
    50% {
box-shadow: 0 -200px 100px -100px #cc0202 inset;
    }
}
@keyframes background
 {
    50% {
box-shadow: 0 -200px 100px -100px #cc0202 inset;

    }
}
section.products div.cntrls p.opis{
	font-weight: 100;
    text-shadow: 0 0 0;
    font-size: 14px;
    text-align: justify;
    padding-bottom: 30px;
    width: 81%;
    margin: 0 auto;
}
section.products div.cntrls a.podrobn{
    color: #2d997b;
    border: 2px solid;
    padding: 8px;
    border-bottom: none;
    margin-bottom: 46px;
    height: 32px;
    display: block;
    width: 153px;
    margin: 0 auto;
        line-height: 12px;
    font-weight: 900;
    font-size: 14px;
    font-family: Roboto Slab;
}
section.products div.cntrls a.podrobn:hover{
background: #2d997b;
color: #fff;
border-color: #0081b7;
}
section.products div.cntrls a.podrobn:active{
background: #2d997b;
color: #fff;
border-color: #0081b7;
}
section.products div.cntrls div.boxter{
display: none;
padding:10px;
background-color:#f1f1f1;
margin:0px;
width:100%;
text-align: justify;
}



section.prods li p.opis{
	font-weight: 100;
    text-shadow: 0 0 0;
    font-size: 14px;
    text-align: justify;
    padding-bottom: 30px;
}
section.prods li a.podrobn{
    color: #2d997b;
    border: 2px solid;
    padding: 8px;
    border-bottom: none;
    margin-bottom: 46px;
    height: 32px;
    display: block;
    width: 153px;
    margin: 0 auto;
        line-height: 12px;
    font-weight: 900;
    font-size: 14px;
    font-family: Roboto Slab;
}
section.prods li a.podrobn:hover{
background: #2d997b;
color: #fff;
border-color: #0081b7;
}
section.prods li a.podrobn:active{
background: #2d997b;
color: #fff;
border-color: #0081b7;
}
section.prods li div.boxter{
display: none;
padding:10px;
background-color:#f1f1f1;
margin:0px;
width:100%;
text-align: justify;
}
/* стили блока аккордеон */
.accordion {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}
/* секции аккордеона */
.accordion .accordion_item {
  margin-bottom:1px;
  position:relative
}
/* заголовки панелей аккордеона */
.accordion .title_block {
font-weight: 400;
    font-size: 18px;
    color: #eee;
    cursor: pointer;
    background: #009688;
    padding: 12px 55px 12px 15px;
    -webkit-transition: all .2s linear 0;
    -webkit-transition-delay: .2s 0;
    transition: all .2s linear 0;
    width: 300px;
        margin: 0 auto;
}
/* переключатель панелей, положение вниз */
.accordion .title_block:before {
  content:'';
  height:8px;
  width:8px;
  display:block;
  border:2px solid #fefefe;
  border-right-width:0;
  border-top-width:0;
  position:absolute;
  transform: rotate(-45deg);
    right: 371px;
top: 16px;
}
/* активный переключатель, положение вверх */
.accordion .active_block .title_block:before {
  border:2px solid #fefefe;
  border-left-width:0;
  border-bottom-width:0;
  top:20px
}
.accordion .title_block:hover {
  background: #26A69A  
}
 
/* заголовок активного блока  */
.accordion .active_block .title_block {
  background: #26A69A;
  color:#fefefe
}
/* блоки с содержанием */
.accordion .info {
    display: none;
    padding: 10px 85px;
    overflow: hidden;
    background: #f7f7f7;
    width: 989px;
    margin: 6px 0;
}
/* параграф внутри блоков с содержанием */
.accordion .info_item {
	font-weight: 100;
    text-shadow: 0 0 0;
    font-size: 14px;
    text-align: justify;
    padding-bottom: 30px;
}
/* картинки внутри аккордеона */
.accordion .info img {
    height: auto;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
/* полноразмерная картинка */
.large-img {
    width: 100%;
    margin-bottom: 10px;
}
/* миниатюра слева */
.img-left {
    width: 25%;
    float:left;
    margin:5px 15px 5px 0;
}
/* миниатюра справа */
.img-right {
    width: 25%;
    float:right;
    margin:5px 0 5px 15px;
}
#politika{
	display: none;
}
input[type="checkbox"]{
    height: 20px;
    width: 20px;
    /* padding: 10px; */
    vertical-align: sub;
}
form[method="POST"]{
	
}