@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');
src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}
html,body{margin:0;padding:0;background:white !important;color:#333;font:16px 'Roboto',sans-serif;font-weight:400;width:100%}
h1,h3{position:relative;font-size:28px;margin:28px 0;font-weight:normal}
h1:after,h3:after,.h2:after,#text h2:after{content:"";display:block;position:absolute;bottom:-9px;width:225px;border-bottom:solid 5px #c0c9d0}
h1:before,h3:before,.h2:before,#text h2:before{content:"";position:absolute;z-index:2;bottom:-9px;width:75px;border-bottom:solid 5px #45b400}
h2{font-size:28px;font-weight:normal;margin:-20px 2% 1% 2%;text-align:center}
.h2{position:relative;font-size:28px;margin:28px 0;font-weight:normal; text-align: left;}
#text h2{position:relative;font-size:28px;margin:28px 0;font-weight:normal; text-align: left;}
.h1{font-size:28px;font-weight:normal;margin:-20px 2% 1% 2%;text-align:center}
.h1:before, .h1:after{display: none;}
h4{display:inline-block;padding:8px 20px;border:1px dotted white;font-weight:400;font-size:2em;text-align:center; font-family:'Roboto medium';    padding-left: 0px;}
.nnn{margin-top:20px; margin-bottom:20px;    margin-top: 60px;    margin-bottom: 0px;}
h6, .h6{font-size:28px;font-weight:normal;text-align:center;color:#45b400}
p{margin:15px auto; line-height: 20px; text-align:justify}
.max{max-width:800px}
.right{text-align:right}
.center{text-align:center !important}
.yel{color:#45b400}
.bigtext{font-size:18px;font-weight:400}
.fontext{display:inline-block;padding:5px 30px;color:#3a3003;background:#45b400;line-height:20px}
li{margin:5px 0}
.dotted{padding:8px 20px;border:1px dotted #353B47;font-size:15px;text-align:center;margin-top:40px}
.big{font-size:130%;margin:-10px 20px 15px 20px}
.white{color:white !important}
a{text-decoration:underline;color:#353B47}
a:hover{text-decoration:none}
a.non{text-decoration:none}
a.non:hover{text-decoration:underline}
a.white{color:white;text-decoration:none}
a.white:hover{text-decoration:underline}
table{max-width:1000px;border:1px solid #e0e9f0;margin:30px auto}
th{background:#45b400;text-align:left;font-weight:400}
tr:nth-child(odd){background:#e0e9f0}
.m400{margin-left:395px}
.clear{clear:both}
.tab{padding-left:80px}
.tab span{display:inline-block;width:80px;margin-left:-80px;color:#3a3003}
header>div,section>div,.section>div,nav>div{position:relative;width:98%;max-width:1200px;min-width:900px;margin:0 auto;padding:0 0.5%}
header a{position:absolute;z-index:6;top:10px;    top: 40px;width:228px;height:165px;    height: 85px;/*background-image:url(../images/logo.png)*/;background-image:url(../images/logotip.png);background-repeat:no-repeat;background-position:center top;transition:.5s}
header.fixlogo a{position:fixed;top:1px;width:98px;height:40px;margin:0 79px;background-image:url(../images/logotip.png);background-size: cover;}
header.fixlogo a:hover{background-image:url(../images/logotip333.png);width:108px;}
.flash p{opacity:0}
nav{position:absolute;z-index:4;top:50px;width:100%;font-size:14px;font-weight:400;transition:.5s}
nav.fix{position:fixed;top:0;border-bottom:4px solid #353B47;background:rgba(0,0,0,.7)}
.mobilemenu{display:none}
.menu{float:right;width:70%;height:27px;padding-top:1%;text-align:justify;border-bottom:4px solid #353B47;transition:.5s}
.menu:after,.services:after,.portfolio:after{content:"";display:inline-block;width:100%;height:0;visibility:hidden;overflow:hidden}

.menu a,.menu #uslugi,.menu #preim,.menu #etapy,.menu #portfolio,.menu #kontakty{cursor:pointer;position:relative;display:inline-block;height:17px;padding-bottom:2px;color:#fff;text-decoration:none;transition:.5s}
.menu a:hover,.menu a.active,.menu #uslugi:hover,.menu #preim:hover,.menu #etapy:hover,.menu #portfolio:hover,.menu #kontakty:hover,.menu #uslugi.active,.menu #preim.active,.menu #etapy.active,.menu #portfolio.active,.menu #kontakty.active{color:#45b400}
.menu a.active:after,.menu #uslugi.active:after,.menu #preim.active:after,.menu #etapy.active:after,.menu #portfolio.active:after,.menu #kontakty.active:after{content:"";position:absolute;left:35%;bottom:-12px;border-bottom:solid 4px #45b400;width:40%}
.menu a span,.menu #uslugi span,.menu #preim span,.menu #etapy span,.menu #portfolio span,.menu #kontakty span{display:block;float:left;height:20px;width:20px;background-image:url(../images/icons.png)}
.menu a:nth-child(1) span,.menu #uslugi span{background-position:-2px 0}
.menu a:nth-child(1):hover span,.menu a.active:nth-child(1) span,.menu #uslugi:hover span,.menu #uslugi.active span{background-position:-2px 19px}
.menu a:nth-child(2) span,.menu #preim  span{background-position:-40px 0}
.menu a:nth-child(2):hover span,.menu a.active:nth-child(2) span,.menu #preim:hover span,.menu #preim.active  span{background-position:-40px 19px}
.menu a:nth-child(3) span,.menu #etapy  span{background-position:-77px 1px}
.menu a:nth-child(3):hover span,.menu a.active:nth-child(3) span,.menu #etapy:hover span,.menu #etapy.active  span{background-position:-77px 21px}
.menu a:nth-child(4) span,.menu #portfolio  span{background-position:-116px 0}
.menu a:nth-child(4):hover span,.menu a.active:nth-child(4) span,.menu #portfolio:hover span,.menu #portfolio.active  span{background-position:-116px 20px}
.menu a:nth-child(5) span,.menu #kontakty  span{background-position:-153px 0}
.menu a:nth-child(5):hover span,.menu a.active:nth-child(5) span,.menu #kontakty:hover span,.menu #kontakty.active  span{background-position:-153px 20px}


.va{vertical-align: middle; padding: 0px 5px;}
.submenu{background:rgba(0,0,0,.8);position:absolute;left:0;top:31px;z-index:10;height:0;margin:0;padding:0;overflow:hidden;opacity:0;transition:0.5s}
.submenu a{color:white;padding:10px;width:100% !important;height:15px;border-bottom:1px solid #353b47;text-align:left;white-space:nowrap}
.submenu a:hover{background:rgba(0,0,0,.9)}
.menu label, .menu .label{position:relative}
.menu .label{position:relative; display: inline-block;}
.menu label:hover .submenu, .menu .label:hover .submenu{opacity:1;height:217px}
nav.fix .menu{border-bottom:none}
.call{position:absolute;top:43px;right:7px;padding:10px;color:#c0c9d0;font-size:18px;background:rgba(53,59,71,.7);text-decoration:none}
.call:hover{color:#45b400}
.call span{display:block;float:left;width:20px;height:20px;margin-right:10px;background:url(../images/icons.png) -265px 0}
nav.fix .call{position:fixed;right:-160px;transition:.5s}
nav.fix .call:hover{right:0}
section,.section{background-size:cover;background-position:center bottom;background-repeat:no-repeat}
#main{background-color:#353B47;background-image:url(../images/fon_main.jpg);    background-image: url(../images/fon_main.jpg);   /* background-size: auto; */   background-position: center top;    padding-bottom: 20px;}
 @media (max-width: 999px){#main{height: 350px;}}
#fon{background-color:#353B47;background-image:url(../images/fon.jpg);padding:20px 0;color:white}
#fons{background-color:#353B47;background-image:url(../images/fon.jpg);padding:20px 0;color:white}
#fon_kamen{background:#353B47 url(../images/fon_kamen.jpg) center top;padding:20px 0}
#main2,#fon-tp,#fon-gb,#fon-klinker,#fon-nk,#fon-sg,#fon-eco,#fon-optimas{color:white;padding-bottom:40px;background-color:#353B47;background-size:cover;text-align:center}
#main2,.fonplitka{background-image:url(../images/fon_main2.jpg)}
#fon-tp{background-image:url(../images/fon_main.jpg)}
#fon-gb{background-image:url(../images/fon-gb.jpg)}
#fon-klinker{background-image:url(../images/fon-klinker.jpg)}
#fon-nk{background-image:url(../images/fon-nk.jpg)}
#fon-sg{background-image:url(../images/fon-sg.jpg)}
#fon-eco{background-image:url(../images/fon-eco.jpg)}
#fon-optimas{background-image:url(../images/fon-optimas1.jpg)}
.button{display:inline-block;text-align:center;text-decoration:none;color:#fff!important;font-size:18px;font-weight:300;line-height:50px;padding:0 40px;color:#3a3003;background:#45b400;border:solid 1px #45b400;    font-family: 'roboto medium';}
.button:hover{text-decoration:none;box-shadow:0 0 3px white;background:#1a9b00; }
.bonusblock{position:relative;margin-bottom:160px}
.fonplitka{position:relative;z-index:2;color:white;padding:20px 20px 10px 20px;font-size:18px}
.fonplitka input{width:30%;padding:0 20px;line-height:50px;text-align:justify}
.bonus{position:absolute;z-index:0;width:100%;bottom:-160px}
.bonus div{display:block;float:left;width:12.8%;padding:20px .9%;margin:20px 1%;height:135px;border:1px solid #c0c9d0;border-radius:2px;color:#353b47;background:#45b400;text-align:center;transition:.5s}
.bonus div:first-child{margin-left:.5%}
.bonus div:last-child{margin-right:0;s}
.bonus div:nth-child(4){width:13.5%;padding:20px .5%}
.bonus div:hover{margin-bottom:0;padding-top:40px;color:#3a3003;background:#c0c9d0}
.bonus span{display:block;width:100px;height:60px;margin:5px auto 10px auto;background-image:url(../images/sprite.png)}
.bonus div:nth-child(1) span{background-position:0 0}
.bonus div:nth-child(2) span{background-position:-100px 0}
.bonus div:nth-child(3) span{background-position:-200px 0}
.bonus div:nth-child(4) span{background-position:-300px 0}
.bonus div:nth-child(5) span{background-position:-400px 0}
.bonus div:nth-child(6) span{background-position:-500px 0}
.bonus div:nth-child(1):hover span{background-position:0 -60px}
.bonus div:nth-child(2):hover span{background-position:-100px -60px}
.bonus div:nth-child(3):hover span{background-position:-200px -60px}
.bonus div:nth-child(4):hover span{background-position:-300px -60px}
.bonus div:nth-child(5):hover span{background-position:-400px -60px}
.bonus div:nth-child(6):hover span{background-position:-500px -60px}
.wrapper{width:100%;height:180px}
.kk{width:365px;margin-top:40px}
.kk p{font-size:30px; line-height: 30px; color:#c0c9d0}
.kk p span{font-size:35px;font-weight:300;color:white}
.kk p span b{font-size:70px; line-height: 70px; font-weight:400;color:white}
.kk .button{width:100%;padding:0;margin:30px 0 100px 0}
.plitka{float:left;margin:30px 20px 40px 20px;width:33%; margin-bottom:70px;margin-left:0px;margin-bottom: 180px;margin-top: 10px;}
@media(min-width:1000px)
	{
		#text{margin-top:40px; margin-botom:40px;}
		#text p{line-height:1.6;}
	}
#nadpis {
    position: absolute;
    color: #fff;
    font-size: 24px;
    top: 120px;
    left: 44px;
}
@media(max-width:999px)
	{
		#nadpis {display:none;}
		.plitka{float:none;display:block;width:70%; min-width:260px;margin-top:20px!important;margin-left:20px;margin-right:20px;margin-bottom:20px;}
	}
.frame{width:100%;margin:2% 0;border:1px solid #45b400}
.frame p{margin:2% 0 0 2%}
.video{width:20%;margin:2.3%;border: none;}
.video:hover{outline:1px solid #45b400;box-shadow:0 0 5px #353B47}
.services{text-align:justify}
.services a{position:relative;display:inline-block;width:240px;height:240px;margin:45px 40px;border-radius:50%}
 
@media(min-width:970px)
	{
	.services a{margin-left:110px;	margin-right:110px;}
	}
@media(min-width:1130px)
	{
	.services a{margin-left:150px;	margin-right:150px;}
	}
	
h5{display:block;z-index:3;position:absolute;top:115px;left:-41px;width:180px;height:62px;padding:5px 70px;font-size:14px;font-weight:normal;text-transform:uppercase;text-align:center;color:white;background:url(../images/band2.png)}
.services a:hover h5{color:black;background:url(../images/band-on.png)}
.services a div{display:block;position:absolute;z-index:3;top:160px;left:-10px;width:290px;padding-top:50px;height:90px;text-align:center;background-position:right;background-repeat:no-repeat}
.services a p{text-indent:30px;line-height:25px;font-size:18px;color:white;background:url(../images/price-icon.png) no-repeat}
.services i{color:#c0c9d0;font-size:16px}
.services a span{position:absolute;z-index:2;display:block;width:200px;height:200px;border:20px solid rgba(70,90,110,.7);border-radius:50%;transition:.5s}
.services a span:after{content:"";display:block;position:absolute;bottom:-25px;left:-25px;width:248px;height:248px;border:none;border-radius:50%;transition:1s}
.services a:hover span{border:20px solid rgba(0,180,0,.5)}
.services a:hover span:after{border:1px solid rgba(0,180,0,.7)}
.services a:nth-child(1){background:url(../images/mask-plitka.jpg)}
.services a:nth-child(2){background:url(../images/mask-granit.jpg)}
.services a:nth-child(3){background:url(../images/mask-klinker.jpg)}
.services a:nth-child(4){background:url(../images/mask-nk.jpg)}
.services a:nth-child(5){background:url(../images/mask-eco.jpg)}
.services a:nth-child(6){background:url(../images/mask-galka.jpg)}
.services a:nth-child(1) div{background-image:url(../images/material-plitka.png)}
.services a:nth-child(2) div{background-image:url(../images/material-granit.png)}
.services a:nth-child(3) div{background-image:url(../images/material-klinker.png)}
.services a:nth-child(4) div{background-image:url(../images/material-nk.png)}
.services a:nth-child(5) div{background-image:url(../images/material-eco.png)}
.services a:nth-child(6) div{background-image:url(../images/material-galka.png)}
.bx-wrapper{margin:10px 40px}
.slide{position:relative;display:inline-block;height:300px;overflow:hidden}
#fotoplitka{background-image:url(../images/foto1.jpg)}
#fotogranit{background-image:url(../images/foto2.jpg)}
#fotomech{background-image:url(../images/foto3.jpg)}
#fotoklinker{background-image:url(../img/KLINKER_8a.jpg)}
#fotonk{background-image:url(../images/foto5.jpg)}
#fotoeco{background-image:url(../images/foto6.jpg)}
#fotogalka{background-image:url(../images/foto7.jpg)}
.slide img{position:absolute;z-index:1;margin:0 auto}
.slide p{text-align:center}
.slide a{position:absolute;display:block;z-index:2;width:260px;height:200px;padding:50px 20px;background:rgba(0,0,0,.5);opacity:0;color:white;text-align:center;text-decoration:none;transition:.5s}
.slide a:before{content:"";top:0;left:0;position:absolute;display:block;height:90%;width:90%;z-index:2;margin:10px;border:4px solid #c0c9d0}
.slide:hover a{opacity:1}
.rig{float:right}
#videofon{height:400px;position:relative;color:white;font-size:18px;background:black;overflow:hidden}
#videofon span{position:absolute;display:block;z-index:2;width:100%;height:400px;background:url(../images/white.png) no-repeat top left;background-size:contain}
#video_background{position:absolute;min-width:100%;width:auto;height:auto;min-height:400px;z-index:0;overflow:hidden;opacity:.5}
#block{height:260px;overflow:hidden}
#block ul:last-child{padding-bottom:300px}
.romb{float:left;width:46%;margin:2%;padding-top:20px; text-decoration: none;}
.w100{width:96% !important}
.romb p{text-align:left}
.romb span{position:relative;display:block;float:left;width:200px;height:200px;margin:-20px 25px 0 0;background-image:url(../images/rombs.jpg)}
.romb span:before{content:"";display:block;position:absolute;width:120px;height:120px;top:40px;left:40px;z-index:2;outline:3px solid #c0c9d0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.romb span:after{content:"";display:block;position:absolute;width:150px;height:150px;top:25px;left:25px;z-index:3;outline:1px solid #c0c9d0}
.romb:hover span:before,.romb:hover span:after{outline-color:#45b400}
.romb p i{
	font-style: normal;
	padding-top: 15px;
	text-decoration: underline;
}
.romb p i:hover{
	color: #45b400
}
#kons{background-position:0 0}
span.ruka{background-image: url(../images/plitka-ruka.jpg);}
span.advice{background-image: url(../images/advice.jpg);}
span.advice1{background-image: url(../images/ukladka-plitki-msk.png);}
#zamer{background-position:0 -200px}
#grunt{background-position:0 -402px}
#model{background-position:0 -605px}
#pov{background-position:0 -807px}
#glub{background-position:0 -1010px}
#kamen{background:url(../images/rombs2.png)}
#chem{background:url(../images/rombs2.png) 0 -200px}
.w100 span{background-image:url(../images/romb.png)}
input,textarea{padding:10px 20px;color:#353b47;border:1px solid #c0c9d0;border-radius:2px;font:15px 'Roboto',sans-serif;margin-bottom:10px}
.feed{margin-bottom:20px}
.feed textarea{float:right;width:65%;height:117px}
.feed input{width:25%}
input[type=submit]{cursor:pointer;background:#45b400}
input[type=submit]:hover{background:#c0c9d0}
.feed input[type=submit]{float:right}
#callme{padding:5% 10%;text-align:center}
#callme input[type=text],#callme textarea{width:80%}
.line-circle{margin:30px auto;padding:0;text-align:center;list-style:none;width:1000px}
.line-circle li{position:relative;display:block;float:left;width:165px;margin-bottom:20px}
.line-circle p, .line-circle i{display:inline-block;height:30px;text-align:center}
.line-circle i{margin-top:10px;padding-left:20px;font-style:normal;color:#45b400;background:url(../images/clock.png) no-repeat}
.line-circle span{position:relative;display:inline-block;font-size:60px;width:40px;height:70px;padding:5px 20px;color:rgba(255,255,255,.7);border:10px solid rgba(255,255,255,.7);border-radius:50%;transition:.5s}
.line-circle li:hover span{color:#45b400;border:10px solid white}
.line-circle span:after{content:"";position:absolute;top:38px;left:90px;border:4px solid rgba(255,255,255,.4);width:57px}
#last:after{display:none}

.line-main{margin:30px auto;padding:0;text-align:center;list-style:none;}
.line-main li{position:relative;display:block;float:left;width:20%;margin-bottom:20px; padding: 1% 0;}
.line-main p, .line-main i{font-style:normal;padding: 10px 20px; text-align:center}
.line-main p{color:#45b400; margin-bottom: 0}
.line-main span{position:relative;display:block;font-size:60px;width:50px;height:80px;margin: 5px auto;padding:5px 21px 5px 19px;color:rgba(255,255,255,.7);border:10px solid rgba(255,255,255,.7);border-radius:50%;transition:.5s}
.line-main li:hover span{color:#45b400;border:10px solid white}
#l10 {padding:5px 31px 5px 9px;}

.sq{float:left;width:48%;margin:10px 2% 20px 0;color:white;min-height:415px}
.sq:nth-child(2n+1){margin-right:0}
.sq p{text-align:left}
p.name{display:block;float:left;line-height:0;margin-right:10px}
.sq span{white-space:nowrap}
.sq span b{display:inline-block;width:14px;height:14px;padding:4px;margin:0 3px;outline:1px solid white;background-image:url(../images/pics.png);background-repeat:no-repeat}
.sq span b:nth-child(2){background-position:-22px}
.sq span b:nth-child(3){background-position:-44px}
.sq span b:nth-child(4){background-position:-66px}
.sq span b:nth-child(5){background-position:-88px}
.sq div{position:relative;margin-top:10px;background:#c0c9d0;color:#333}
.sq ol{float:right;width:30%;padding:5px 0 0 0;margin:5px -3px 0 3px}
.sq img{float:left;width:55%;min-width:320px}
.sq a{position:relative}
.sq a b{display:block;position:absolute;z-index:2;top:5px;right:5px;width:50px;height:50px;background-image:url(../images/voda.png)}
.sq a i{position:absolute;display:block;top:190px;right:0;z-index:2;width:100px;height:20px;padding:3px 20px 3px 50px;background:url(../images/price.png);font-style:normal}
.waterproof{background-position:right}
.point{position:absolute;top:0;z-index:2;list-style:none}
.point li{display:block;width:100px;background:url(../images/line.png) right center no-repeat}
.point li.lotok{width:235%}
.point li.beton{width:135%}
.point li.small{width:85%}
.point li:last-child{width:50%}
.point li b{display:block;width:8px;height:16px;padding:0 4px;background:#45b400;border-radius:50%;line-height:16px;font-size:13px;color:#3a3003}
.bx-wrapper{position:relative;margin:0 auto;*zoom:1}
.bx-wrapper .bx-prev{left:-40px;background:url(../images/arrows.png) no-repeat -1px 0}
.bx-wrapper .bx-next{right:-40px;background:url(../images/arrows.png) no-repeat -147px 0}
.bx-wrapper .bx-prev:hover{background-position:-1px -110px}
.bx-wrapper .bx-next:hover{background-position:-147px -110px}
.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-42px;outline:0;width:29px;height:85px;text-indent:-9999px;z-index:3}
.bx-wrapper .bx-controls-direction a.disabled{display:none}
#maps{height:400px}
.ymaps-2-1-39-map{border-top:4px solid #353B47}
footer{position:absolute;z-index:2;width:200px;height:240px;background:rgba(53,59,71,.7);border-radius:50%;margin:30px 0;padding:30px 50px}
footer p{color:white;text-align:left}
footer span,.ico span{display:block;float:left;width:20px;height:20px;background-image:url(../images/icons.png);background-repeat:no-repeat}
.ico{display:inline-block;margin:10px 20px;color:#45b400}
#phone{background-position:-264px 0}
#map{background-position:-231px 0}
#mail{background-position:-305px 0}
#art{background-position:-78px -20px}
#podval{height:50px;padding:5px;background:#353B47}
#podval p{white-space:nowrap}
.intrid{display:block;float:left;width:100px;height:20px;margin:2px 10px;padding:3px 10px 3px 30px;font:10pt Arial;background:url(../images/white-1.png);color:#353B47;text-decoration:none}
.social{padding-left:10px;margin-top:15px}
.social a{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;text-decoration:none;padding-left:10px;transition:all 0.7s;font-size:18px;font-weight:normal}
.social a:nth-of-type(1):hover{color:#4267b2}
.social a:nth-of-type(2):hover{color:hsl(3,81.8%,49.6%)}
.social a:nth-of-type(1):before{content:"\f230"}
.social a:nth-of-type(2):before{content:"\f16a"}
.letter{float:right;width:50%;height:480px;margin:-60px 0 0 10px;padding:10px 0;color:#333;background:white url(../images/letter.jpg)}
.letter img{float:right;margin:20px 30px 20px 0}
.letter input,.letter textarea{font-size:16px;padding:5px 8px;color:#777777;border:1px #eee inset;margin-bottom:0}
.letter input{width:45%}
.letter p{margin:20px 0 10px 40px;text-align:left;font-size:14px}
p.ip{margin:-10px 40px 50px 120px;text-align:left;color:#777777;font-size:12px}
p.ip span{display:inline-block;width:100px;height:20px;margin:0 20px;padding:5px 10px;color:black;font-size:16px;border:1px #333 solid}
.letter h5{text-align:center;margin:10px;font-size:20px;font-weight:bold}
.letter textarea{width:85%;height:100px;margin:10px 40px}
.letter input[type="submit"]{display:block;margin:0 auto 0 auto;padding:5px 15px;color:white;background:#214f68;border-radius:5px}
.letter input[type="submit"]:hover{cursor:pointer;box-shadow:0 0 5px #333}
.letter a{color:#777777}
.letter .center{
	width: 100%;
	display: inline-block;
	text-align: center;
	padding-bottom: 15px;
}
.letter .center input{
	display: inline-block;
	width: 15px !important;
}
.letter .center a{
	display: inline-block;
}
#shemy div,#shemy-optimas div{text-align:center}
#shemy div img{width:60%}
#shemy-optimas img{width:27%;float:left;margin:0 3% 2% 3%}

@media all and (min-width:1200px){.sq ol{width:38%} .line-main li{width:17%;padding: 1% 1.5%;}
}
@media all and (min-width:1000px){.mobile{display:none !important}
}

.feed .center{
	width: 100%;
	text-align: center;
}
.feed .center input{
	display: inline-block;
	width: 15px !important;
}
.feed .center a{
	display: inline-block;
}

.fonplitka .centerus{
	position: absolute;
	text-align: center;
	width: 85%;
}
.fonplitka .centerus input{
	display: inline-block;
	width: 15px !important;
}
.fonplitka .centerus a{
	color: #FFF;
	display: inline-block;
}

.dog{
	float: right;
	margin-right: 30px;
}
.dog input{
	width: 20px;
	margin-top: 5px;
	float: left;
}
.dog a{
	color: #FFF;
	font-size: 14px;
}
.shemy-plit{
	display: inline-block;
	width: 100%;
	padding: 15px 0px;
	text-align: center;
}
.shemy-plit figure{
	display: inline-block;
	width: 200px;
	margin: 5px 15px;
	vertical-align: top;
}
.shemy-plit figure figcaption{

}
.checked-ul{
	list-style: none;
}
.checked-ul li{
	position: relative;
	padding-left: 30px;
	margin-top: 15px;
}
.checked-ul li:before{
	content: '';
	background: url(../images/checked-ul.png);
	width: 25px;
	height: 18px;
	position: absolute;
	left: -5px;
	top: 50%;
	margin-top: -9px;
}

.i-list-zag{
	font-weight: bold;
	padding-top: 15px;
}
.i-list-zag i{
	font-style: normal;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	line-height: 30px;
	background: #45b400;
	text-align: center;
	margin-right: 5px;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.3); 
}
.accent-bg{
	display: inline-block;
	border-left: 5px solid #45b400;
	padding: 10px;
	padding-left: 15px;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	font-weight: 500;
}
.breadcrumb{
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline-block;
	width: 100%;
/*	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;*/
	background: rgba(0,0,0,0.05);
	margin-top: 15px;
	padding-left: 5px;
}
.breadcrumb li{
	display: inline-block;
	padding-right: 5px;
}
.breadcrumb li a{
	color: #777;
	text-decoration: none;
}
.breadcrumb li a:hover{
	text-decoration: underline;
}
.breadcrumb li.active{
	color: #45b400;
}
.breadcrumb li:before{
	content: '/';
	padding-right: 5px;
	color: #777;
}
.breadcrumb li:first-child:before{
	display: none;
}

.super{
	display: inline-block;
	width: 100%;
	padding-bottom: 15px;
}

.s-item{
	display: inline-block;
	width: 49%;
	margin-top: 30px;
	vertical-align: top;
}
.s-item:nth-child(2n+2){
	margin-left: 1%;	
}
.s-icon{
	display: block;
	width: 40px;
	height: 40px;
	border: 1px solid #45b400;
	float: left;
	margin-right: 30px;
	position: relative;
	transition: all 0.3s;
	margin-bottom: 5px;	
}
.s-icon img{
	width: 32px;
	height: 32px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -16px;
	margin-top: -16px;
}
.s-icon:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
	background:#45b400;
	transform: rotate(45deg);
	transition: all 0.3s;
	margin-left: -1px;
	margin-top: -1px;
}

.s-item:hover .s-icon{
}
.s-item:hover .s-icon:before{
	transform: rotate(-45deg);
}
.img-right{
	float: right;
	padding-left: 30px;
	padding-bottom: 15px;
	max-width:400px;
	width:90%;
}
@media (min-width: 100px)
{
	.img-right{
	max-width:400px;
	margin-bottom:60px;
}
}
.img-left{
	float: left;
	padding-right: 30px;
	padding-bottom: 15px;
}
.g-recaptcha{
display: none;
}
.black_fon{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: #000;
	opacity: 0.7;
}
.form-modal{
	display: none;
	position: fixed;
	z-index: 101;
	width: 800px;
    height: 450px;
    max-width: 1200px;
    max-height: 450px;
    overflow: hidden;
    text-shadow: none;
    background-color: #fff;
    top: 50%;
    left: 50%;
    margin: -250px 0 0 -400px; 
}

.modal-close{
	display: none;
	z-index: 101;
	position: fixed;
	top: 15px;
	right: 30px;
}

.modal-close:before{
	font-family: 'lightcase',sans-serif;
	content: '\2716';
	font-size: 45px;
	color: #fff;
	transition: all 0.3s;
	cursor: pointer;
}

.modal-close:hover:before{
	color: red;
}

.shems-img {
	display: block;
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
}


@media (max-width: 999px)
{
   header a{background-image: url(../images/logo3232.png);background-size: contain;height: 105px;}
}

.preim{max-width: 1920px; margin:auto; border-bottom:#ffbf00 1px solid; border-top:#ffbf00 1px solid; background:white;padding:20px 0; padding-bottom:60px;}
    .preim table{margin:0 auto;border:none; width:auto;margin-left:0px; margin-right:0px; width:100%;    max-width: inherit;}
	.preim table tr:nth-child(odd) {   background: none;}
	
	.v1 td{width:20%;text-align:center;vertical-align:top;    font-family: 'roboto regular';   font-size: 18px;}
	.v1 img{display:block; margin:0 auto; margi-bottom:5px;}
	.v2 td{ width:33.3%;text-align:center;vertical-align:top;    font-family: 'roboto regular';   font-size: 18px;}
	.v2 img{display:block; margin:0 auto; margi-bottom:5px;}
	.tt4,.tt5{width:50%!important;padding-left:40px;padding-right:40px;}
	.preim table.v3{width:auto;}
	.v3 td{  text-align:left;vertical-align:middle;    font-family: 'roboto regular';   font-size: 18px;}
	.v3 img{display:block; margin:0 auto; margi-bottom:5px;}
	.v2 { display: none; }
    .v3 { display: none; }
	@media (max-width: 960px) {
	.v1 {
		display: none;
	}
	.v2 {
		display: table;
	}
	}
	@media (max-width: 540px) {
	.seti {
		display: none;
	}
	#tel_ico {
		margin-left: 10px;
	}
	.img_main2 {
		width: 100%;
	}
	.v2 {
		display: none;
	}
	.v3 {
		display: table;
	}
	}
	
	.slide.bx-clone p{    margin-top: -10px;}
	.m400 {
    margin-left: 395px!important;
}