@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;700&display=swap');


.vnimanie {display: relative; padding: 10px; margin-top: 20px; margin-bottom: 20px; border: 1px solid #FF0000; color: #FF0000;}


@media (min-width: 200px) and (max-width: 1070px) {

.mail0 {
display: none;
    position: absolute;
    top: 10px;
    background-color: #9fad45;
    left: inherit;
    right: 0px;
    top: 26px;
    border: 1px solid #CCCCCC;
    padding: 10px;
    color: #FFFFFF;
}

.forms1mail {padding: 10px; text-align: center; }
.forms1mail2 {padding: 10px; text-align: center; }	
.forms1mail3 {padding: 10px; text-align: center; }	
.forms1mail4 {padding: 10px; text-align: center; }	
.forms1mail5 {padding: 10px; text-align: center; }	
.forms1mail6 {padding: 10px; text-align: center; }	
.forms1mail7 {padding: 10px; text-align: center; }	
.forms1mail8 {padding: 10px; text-align: center; }	
.forms1mail9 {padding: 10px; text-align: center; }	


a.black:link {
	color: #000000;
	text-decoration: none;
}
a.black:visited {
	color: #000000;
	text-decoration: none;
}
a.black:hover {
	color: #000000;
	text-decoration: underline;
}
a.black:active {
	color: #000000;
	text-decoration: none;
}

.go-anchor:link {color: #8ead45;}
.go-anchor:visited {color: #8ead45;}
.go-anchor:active {color: #8ead45;}
.go-anchor:hover {color: #8ead45;	text-decoration: underline;}

.green:link {color: #8ead45;position: relative;}
.green:visited {color: #8ead45;position: relative;}
.green:active {color: #8ead45;position: relative;}
.green:hover {color: #8ead45;	text-decoration: underline;position: relative;}

.tx_im1 {
	padding-right: 20px;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
text-align: center;
	/* [disabled]margin-top: 30%; */
	position: relative;
}
.tx_bt {
	margin-bottom: 10px;
}

.tx_im2 {
	padding-right: 20px;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
text-align: center;
	/* [disabled]margin-top: 30%; */
	position: relative;
}
.blk {
	background-position: center center;
}

.blkk {
	background-position: center center;
}

.wlk {
color: #75C3E2;
    font-size: 25px;
    line-height: 25px;

}


.rs1 {
	background-image: url(img/rs1.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 500px;
	background-size: cover;
	position: relative;
	z-index: 1;
}
.rs7 {
	background-image: url(img/rs7.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 500px;
	background-size: cover;
	position: relative;
	z-index: 1;
}

.rs8 {
	background-image: url(img/rs8.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 500px;
	background-size: cover;
	position: relative;
	z-index: 1;
}

.rs9 {
	background-image: url(img/rs9.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 500px;
	background-size: cover;
	position: relative;
	z-index: 1;
}


.rs3 {
	background-image: url(img/rs3.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 500px;
	background-size: cover;
	position: relative;
}

.rs5 {
	background-image: url(img/rs5.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 500px;
	background-size: cover;
	position: relative;
}


.rs2 {
	background-image: url(img/rs2.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 500px;
	background-size: cover;
	position: relative;
}
.rs4 {
	background-image: url(img/rs4.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 500px;
	background-size: cover;
	position: relative;
}

.rs6 {
	background-image: url(img/rs6.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 500px;
	background-size: cover;
	position: relative;
}


.rs1 .tr1 {
	background-image: url(img/tr1.png);
	background-repeat: no-repeat;
	width: 92px;
	height: 850px;
	position: absolute;
	right: 0px;
	z-index: 10;
    display: none;
}

.rs7 .tr1 {
	background-image: url(img/tr1.png);
	background-repeat: no-repeat;
	width: 92px;
	height: 850px;
	position: absolute;
	right: 0px;
	z-index: 10;
    display: none;
}

.rs8 .tr1 {
	background-image: url(img/tr1.png);
	background-repeat: no-repeat;
	width: 92px;
	height: 850px;
	position: absolute;
	right: 0px;
	z-index: 10;
    display: none;
}


.rs9 .tr2 {
	background-image: url(img/tr2.png);
	background-repeat: no-repeat;
	width: 92px;
	height: 850px;
	position: absolute;
	z-index: 10;
	left: 0px;
    display: none;
}


.rs3 .tr1 {
	background-image: url(img/tr1.png);
	background-repeat: no-repeat;
	width: 92px;
	height: 850px;
	position: relative;
	right: 0px;
	z-index: 10;
	float: right;
    display: none;
}
.rs2 .tr2 {
	background-image: url(img/tr2.png);
	background-repeat: no-repeat;
	width: 92px;
	height: 850px;
	position: absolute;
	z-index: 10;
	left: 0px;
    display: none;
}
.rs4 .tr2 {
	background-image: url(img/tr2.png);
	background-repeat: no-repeat;
	width: 92px;
	height: 850px;
	position: relative;
	z-index: 10;
	left: 0px;
	float: left;
    display: none;
}

.rs5 .tr1 {
	background-image: url(img/tr1.png);
	background-repeat: no-repeat;
	width: 92px;
	height: 850px;
	position: relative;
	right: 0px;
	z-index: 10;
	float: right;
    display: none;
}
.rs6 .tr2 {
	background-image: url(img/tr2.png);
	background-repeat: no-repeat;
	width: 92px;
	height: 850px;
	position: relative;
	z-index: 10;
	left: 0px;
	float: left;
    display: none;
}

.price1 {
    background-image: url(img/price1.png);
    background-repeat: no-repeat;
    width: 165px;
    color: #FFFFFF;
    font-weight: bold;
    height: 36px;
    font-size: 18px;
    position: absolute;
    right: 0px;
    margin-top: 40px;
    padding-top: 12px;
    background: #FF0000;
text-align:center;
}

	.price2 {
    background-image: url(img/price2.png);
    background-repeat: no-repeat;
    width: 165px;
    color: #FFFFFF;
    font-weight: bold;
    height: 36px;
    font-size: 18px;
    position: absolute;
    left: 0px;
    margin-top: 40px;
    padding-top: 12px;
    background: #FF0000;
text-align:center;

}


.pr {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	}

.pr img {height: auto;
    width: 95%;
    margin-bottom: 20px;
    /* border-radius: 5px; */
    padding: 3px;
    border: 1px solid #CCCCCC; }


.ok1 {position: fixed; top:45%;  left: 40%; padding: 25px; background-color: #FF0000; color: #FFFFFF;  opacity: 0.8; z-index: 10000;}
.ok2 {position: absolute; top:22%; width: 97%; background-color: #FFFFFF; color: #000000;  opacity: 0.8; z-index: 10000; font-size: 35px; text-align: center;}
.rw1 {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	background-repeat: no-repeat;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 10px;
	min-height: 150px;
	border-bottom: 1px solid #AEAEAE;
	margin-bottom: 10px;
}


.rew {
	background-color: #FFFFFF;
	margin-top: 0px;
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
	text-align: center;
}


body {
	font-family: 'Roboto', sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.back {
	background-repeat: no-repeat;
	background-position: center 0%;
}
.head {
/*	height: 110px;  */
	background-color: #ffffff;;
	display: block;
}
.center_t {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	max-width: 1220px;
}
.logo {
width: 184px;
    height: 47px;
    margin-left: auto;
    margin-right: inherit;
    padding-top: 5px;}
.menu {
position: relative;
    /* top: 70px; */
    color: #FFFFFF;
    font-size: 20px;
    text-align: center;
    /* position: absolute; */
    margin-top: 10px;
    margin-bottom: 10p;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;
}
.phone {
    /* position: absolute; */
    /* color: #FFFFFF; */
    background-image: url(img/phone.png);
    background-repeat: no-repeat;
    background-position: left center;
    /* top: 27px; */
    /* right: 20px; */
    /* padding-left: 35px; */
    font-size: 20px;
    /* margin-left: auto; */
    /* margin-right: auto; */
    /* width: 159px; */
    margin-top: 17px;
    text-align: center;
}
.head2 {
	background-image: url(img/back2.jpg);
	background-position: center 0%;
}
.slogan {
	width: 80%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15%;
	padding-bottom: 15%;
}
#but:link {
	height: 35px;
/*	width: 200px; */
	color: #FFFFFF;
	background-color: #FFA283;
	text-align: center;
	vertical-align: middle;
	padding-top: 15px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	display: block;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}
#but:hover {
	height: 35px;
	width: 200px;
	color: #FFFFFF;
	background-color: #f37f58;
	text-align: center;
	vertical-align: middle;
	padding-top: 15px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	display: block;
	text-decoration: none;
}


.why {
	background-color: #FFFFFF;
	margin-top: 0px;
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
	text-align: center;
}
.welk1 {
	color: #FFA283;
	background-image: url(img/welk1.png);
	background-position: center bottom;
	font-size: 28px;
	background-repeat: no-repeat;
	padding-bottom: 50px;
	font-weight: lighter;
	margin-bottom: 30px;
	text-align: center;
}
.welk2 {
	color: #FFFFFF;
	background-image: url(img/welk2.png);
	background-position: center bottom;
	font-size: 28px;
	background-repeat: no-repeat;
	padding-bottom: 50px;
	font-weight: lighter;
	margin-bottom: 30px;
	text-align: center;
}





.sh1 {
	width: 185px;
	background-image: url(img/sh1.png);
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 210px;
	background-repeat: no-repeat;
height: 120px;
}
	.sh2 {
	width: 185px;
	background-image: url(img/sh2.png);
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 210px;
	background-repeat: no-repeat;
height: 120px;
}
	.sh3 {
	width: 185px;
	background-image: url(img/sh3.png);
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 210px;
	background-repeat: no-repeat;
height: 120px;
}
	.sh4 {
	width: 185px;
	background-image: url(img/sh4.png);
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 210px;
	background-repeat: no-repeat;
height: 120px;
}
	.sh5 {
	width: 185px;
	background-image: url(img/sh5.png);
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 210px;
	background-repeat: no-repeat;
height: 120px;
}
	.sh6 {
	width: 185px;
	background-image: url(img/sh6.png);
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 210px;
	background-repeat: no-repeat;
height: 120px;
}
	.sh7 {
	width: 185px;
	background-image: url(img/sh7.png);
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 210px;
	background-repeat: no-repeat;
	height: 90px;
}
	.sh8 {
	width: 185px;
	background-image: url(img/sh8.png);
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 210px;
	background-repeat: no-repeat;
	height: 90px;
}
.wh1 {
	width: 169px;
	height: 300px;
	background-image: url(img/wh1.png);
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
background-repeat: no-repeat;
}

.wh2 {
	width: 169px;
	height: 300px;
	background-image: url(img/wh2.png);
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
background-repeat: no-repeat;
}
.wh3 {
	width: 169px;
	height: 300px;
	background-image: url(img/wh3.png);
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
background-repeat: no-repeat;

}
.wh4 {
	width: 169px;
	height: 300px;
	background-image: url(img/wh4.png);
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
background-repeat: no-repeat;

}
.wh5 {
	width: 169px;
	height: 300px;
	background-image: url(img/wh5.png);
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
background-repeat: no-repeat;

}
	
	.wh_text {
background-color: #FFFFFF;
    margin-top: 130px;
    padding-bottom: 5px;
    height: 50px;
    font-size: 13px;
}

.why_all {
	text-align: center;
	display: block;
	position: relative;
}
.shem_all {
	text-align: center;
	display: block;
	position: relative;
}
.rew_all {
	text-align: center;
	display: block;
	position: relative;
}
.photo_all {
	text-align: center;
	display: block;
	position: relative;
	width: 100%;
	max-width: 1220px;
	margin-left: auto;
	margin-right: auto;
}
.photo_all img {
    border: 1px solid #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 98%;
    height: auto;
}
.shem {
	background-image: url(img/back3.jpg);
	background-position: center top;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.job {
	background-position: center top;
	padding-top: 40px;
	padding-right: 10px;
        padding-bottom: 35px;
	padding-left: 10px;
	background-color: #4CA5AD;
}
.price {
	background-position: center top;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #FFFFFF;
}
.tdd {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-top: 5px solid #FFFFFF;
}
.form {
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;
	background-color: #3A5C6E;
	color: #FFFFFF;
	text-align: center;
}
.foot {
	background-color: #08495C;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #FFFFFF;
	text-align: center;
}
body,td,th {
	font-family: Roboto, sans-serif;
}
a:link {
color: #8ead45;
    text-decoration: none;
}
a:visited {
color: #8ead45;
    text-decoration: none;
}
a:hover {
color: #8ead45;
    text-decoration: underline;
}
a:active {
color: #8ead45;
    text-decoration: none;
}

.social img {
	margin-left: 5px;
	margin-right: 5px;
}
.form_mail {position:relative;}

.ok1 {position: fixed; top:45%;  left: 40%; padding: 25px; background-color: #FF0000; color: #FFFFFF;  opacity: 0.8; z-index: 10000;}
.ok2 {position: absolute; top:22%; width: 97%; background-color: #FFFFFF; color: #000000;  opacity: 0.8; z-index: 10000; font-size: 35px; text-align: center;}
/*.ok2 {position: fixed; top:45%;  left: 40%; padding: 45px; background-color: #FFFFFF; color: #000000;  opacity: 0.8; z-index: 10000; font-size: 30px;} */

#znach1 {font-size:12px; display: block; position: absolute; top: 0px; left: 10px; float:left;  z-index: 100; opacity: 0.8; }
#znach2 {font-size:12px; display: block; position: absolute; top: 0px; left: 10px; float:left;  z-index: 100; opacity: 0.8; }
#znach3 {font-size:12px; display: block; position: absolute; top: 0px; left: 10px; float:left;  z-index: 100; opacity: 0.8; }

#zn1 {font-size:12px; display: block; position: absolute; top: 0px; left: 10px; float:left;  z-index: 100; opacity: 0.8; }
#zn2 {font-size:12px; display: block; position: absolute; top: 0px; left: 10px; float:left;  z-index: 100; opacity: 0.8; }
#zn3 {font-size:12px; display: block; position: absolute; top: 0px; left: 10px; float:left;  z-index: 100; opacity: 0.8; }

#z1 {font-size:12px; display: block; position: absolute; top: 0px; left: 10px; float:left;  z-index: 100; opacity: 0.8; }
#z2 {font-size:12px; display: block; position: absolute; top: 0px; left: 10px; float:left;  z-index: 100; opacity: 0.8; }
#z3 {font-size:12px; display: block; position: absolute; top: 0px; left: 10px; float:left;  z-index: 100; opacity: 0.8; }
.pos {position:relative; display: inline-block; }
.pos2 {position:relative; display: inline-block; width:100%;}

.forms1 {
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 200px;
	border: 1px solid #FFFFFF;
	color: #969696;
	margin-right: 10px;
/*	border-radius: 3px; */
	margin-bottom: 10px;
}
.forms11 {
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	min-width: 96%;
	border: 1px solid #D75D6F;
	color: #969696;
	margin-right: 10px;
	border-radius: 3px;
	margin-bottom: 10px;
}

.forms111 {
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 96%;
	border: 1px solid #D75D6F;
	color: #969696;
	margin-right: 10px;
	border-radius: 3px;
	margin-bottom: 10px;
}

.forms {
	margin-top: 10px;
	position:relative;
}
#button {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #48A953;
	/* border-radius: 3px; */
	color: #ffffff;
	cursor: pointer;
border: 1px solid #CCCCCC;
}
#button:hover {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #30D343;
	/*	border-radius: 3px; */
	color: #FFFFFF;
	
}

#butinput{
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #48A953;
	/* border-radius: 3px; */
	color: #ffffff;
	cursor: pointer;
border: 1px solid #CCCCCC;
}
#butinput:hover {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #30D343;
	/*	border-radius: 3px; */
	color: #FFFFFF;
	
}




#button2 {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #D6D6D6;
	border-radius: 3px;
	color: #911E2D;
	border: 1px solid #D6D6D6;
	margin-top: 10px;
	cursor: pointer;
	
}
#button2:hover {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #D3203B;
	border-radius: 3px;
	color: #FFFFFF;
	border: 1px solid #D6D6D6;
	margin-top: 10px;
	
}

.scrollup{
width:50px;
height:50px;
opacity:0.9;
position:fixed;
bottom:20px;
display: none;
right:20px;
text-indent:-9999px;
background: url(img/icon_top.png) no-repeat;
    z-index: 100;
}

.scrollup2{
width:50px;
height:50px;
opacity:0.9;
position:fixed;
bottom:80px;
display: none;
right:20px;
text-indent:-9999px;
background: url(img/mail.png) no-repeat;
    z-index: 100;
}

.scrollup3{
width:50px;
height:50px;
opacity:0.9;
position:fixed;
bottom:140px;
display: none;
right:20px;
text-indent:-9999px;
background: url(img/viber.png) no-repeat;
    z-index: 100;
}


a.white:link {
	color: #FFFFFF;
	text-decoration: underline;
}
a.white:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
a.white:hover {
	color: #000000;
	text-decoration: underline;
}
a.white:active {
	color: #FFFFFF;
	text-decoration: underline;
}


#mask {
    position:absolute;
    left:0;
    top:0;
    z-index:9000;
    background-color:#000;
    display:none;
    }

#boxes .window {
    position: absolute;
    left: 0;
    top: 0px;
    width: 90%;
    display: none; 
    z-index: 9999;
    /* padding: 20px; */
    overflow: hidden;
    background-color: #3face9;
    background-repeat: no-repeat;
    color: #fff;
    border-radius: 10px;	
	font-size: 16px;
    }  

#boxes #dialog {
   position: fixed;
    width:40%; 
    padding:10px;
    }  

#boxes #dialog1 {
   position: fixed;
    width:90%; 
    padding:10px;
    max-width: 500px;
    text-align: center;
    }  
#boxes #dialog2 {
   position: fixed;
    width:90%; 
    padding:10px;
    max-width: 500px;
    text-align: center;
    }  
#boxes #dialog3 {
   position: fixed;
    width:90%; 
    padding:10px;
    max-width: 500px;
    text-align: center;
    }  
#boxes #dialog4 {
   position: fixed;
    width:90%; 
    padding:10px;
    max-width: 500px;
    text-align: center;
    }  

#boxes #dialog5 {
   position: fixed;
    width:90%; 
    padding:10px;
    max-width: 500px;
    text-align: center;
    }  

#boxes #dialog6 {
   position: fixed;
    width:90%; 
    padding:10px;
    max-width: 500px;
    text-align: center;
    }  


#boxes #dialog7 {
   position: fixed;
    width:90%; 
    padding:10px;
    max-width: 500px;
    text-align: center;
    }  

#boxes #dialog8 {
   position: fixed;
    width:90%; 
    padding:10px;
    max-width: 500px;
    text-align: center;
    }  

#boxes #dialog9 {
   position: fixed;
    width:90%; 
    padding:10px;
    max-width: 500px;
    text-align: center;
    }  


#boxes #dialogmail {
    position: fixed;
    width:40%; 
    padding:10px;
    }  


.close {
    width:20px;
    height:20px;
    float: right;
   background-image: url(img/close.png); 
   transition: 0.2s;
    display: table;
}


a.close:hover {
   background-image: url(img/close2.png); 
   transition: 0.2s;
}

} 

@media (min-width: 1071px) {

.mail0 {
display: none;
    position: absolute;
    top: 10px;
    background-color: #9fad45;
    left: inherit;
    right: 0px;
    top: 26px;
    border: 1px solid #CCCCCC;
    padding: 10px;
    color: #FFFFFF;
}


#butinput{
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #48A953;
	/* border-radius: 3px; */
	color: #ffffff;
	cursor: pointer;
border: 1px solid #CCCCCC;
}
#butinput:hover {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #30D343;
	/*	border-radius: 3px; */
	color: #FFFFFF;
	
}


body {
	font-family: 'Roboto', sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.back {
	background-repeat: no-repeat;
	background-position: center 0%;
}
.head {
	height: 80px;
	background-color: #FFFFFF;
}
.center_t {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	max-width: 1220px;
}
.logo {
	width: 184px;
	height: 47px;
	position: absolute;
	left: 19px;
	top: 4px;
}
.menu {
width: 491px;
    position: absolute;
    left: calc(100%/2 - 306px);
    top: 30px;
    color: #FFFFFF;
    font-size: 20px;
    text-align: center;
    font-size: 16px;
}
.phone {
    position: absolute;
    color: #000000;
    background-image: url(img/phone.png);
    background-repeat: no-repeat;
    background-position: left center;
    top: 17px;
    right: 10px;
    padding-left: 35px;
    font-size: 20px;
    text-align: right;
}
.head2 {
	background-image: url(img/back2.jpg);
	background-position: center 0%;
}
.slogan {
	width: 50%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15%;
	padding-bottom: 15%;
}
#but:link {
	height: 35px;
	width: 200px;
	color: #FFFFFF;
	background-color: #FFA283;
	text-align: center;
	vertical-align: middle;
	padding-top: 15px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	display: block;
	text-decoration: none;
}
#but:hover {
	height: 35px;
	width: 200px;
	color: #FFFFFF;
	background-color: #f37f58;
	text-align: center;
	vertical-align: middle;
	padding-top: 15px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	display: block;
	text-decoration: none;
}


.why {
	background-color: #FFFFFF;
	margin-top: 0px;
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
	text-align: center;
}
.welk1 {
	color: #DD1B39;
	background-image: url(img/welk1.png);
	background-position: center bottom;
	font-size: 46px;
	background-repeat: no-repeat;
	padding-bottom: 50px;
	font-weight: lighter;
	margin-bottom: 30px;
	text-align: center;
}
.welk2 {
	color: #FFFFFF;
	background-image: url(img/welk2.png);
	background-position: center bottom;
	font-size: 46px;
	background-repeat: no-repeat;
	padding-bottom: 50px;
	font-weight: lighter;
	margin-bottom: 30px;
	text-align: center;
}
.sh1 {
	width: 185px;
	background-image: url(img/sh1.png);
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 210px;
	background-repeat: no-repeat;
	height: 120px;
}
.rw1 {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	background-repeat: no-repeat;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 10px;
	min-height: 150px;
	border-bottom: 1px solid #AEAEAE;
	margin-bottom: 10px;
}
	.sh2 {
	width: 185px;
	background-image: url(img/sh2.png);
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 210px;
	background-repeat: no-repeat;
	height: 120px;
}
	.sh3 {
	width: 185px;
	background-image: url(img/sh3.png);
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 210px;
	background-repeat: no-repeat;
	height: 120px;
}
	.sh4 {
	width: 185px;
	background-image: url(img/sh4.png);
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 210px;
	background-repeat: no-repeat;
	height: 120px;
}
	.sh5 {
	width: 185px;
	background-image: url(img/sh5.png);
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 210px;
	background-repeat: no-repeat;
	height: 120px;
}
	.sh6 {
	width: 185px;
	background-image: url(img/sh6.png);
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 210px;
	background-repeat: no-repeat;
	height: 120px;
}
	.sh7 {
	width: 185px;
	background-image: url(img/sh7.png);
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 210px;
	background-repeat: no-repeat;
	height: 120px;
}
	.sh8 {
	width: 185px;
	background-image: url(img/sh8.png);
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 210px;
	background-repeat: no-repeat;
	height: 120px;
}
.wh1 {
	width: 169px;
	height: 300px;
	background-image: url(img/wh1.png);
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
background-repeat: no-repeat;
}

.wh2 {
	width: 169px;
	height: 300px;
	background-image: url(img/wh2.png);
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
background-repeat: no-repeat;
}
.wh3 {
	width: 169px;
	height: 300px;
	background-image: url(img/wh3.png);
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
background-repeat: no-repeat;

}
.wh4 {
	width: 169px;
	height: 300px;
	background-image: url(img/wh4.png);
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
background-repeat: no-repeat;

}
.wh5 {
	width: 169px;
	height: 300px;
	background-image: url(img/wh5.png);
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
background-repeat: no-repeat;

}
	
	.wh_text {
background-color: #FFFFFF;
    margin-top: 130px;
    padding-bottom: 5px;
    height: 50px;
    font-size: 13px;
}
.why_all {
	text-align: center;
	display: block;
	position: relative;
}
.shem_all {
	text-align: center;
	display: block;
	position: relative;
}
.photo_all {
	text-align: center;
	display: block;
	position: relative;
	width: 100%;
	max-width: 1220px;
	margin-left: auto;
	margin-right: auto;
}
.photo_all img {
	border: 1px solid #FFFFFF;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.shem {
	background-image: url(img/back3.jpg);
	background-position: center top;
	padding-top: 40px;
	padding-right: 40px;
	padding-left: 40px;
}
.job {
	background-position: center top;
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
	background-image: url(img/back3.png);
}
.price {
	background-position: center top;
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
	background-color: #FFFFFF;
}
.tdd {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-top: 5px solid #FFFFFF;
}
.form {
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
	color: #FFFFFF;
	text-align: center;
	background-image: url(img/back3.png);
     background-color: #3A5C6E;
}
.foot {
	background-color: #3face9;;
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
	color: #FFFFFF;
	text-align: center;
}
body,td,th {
	font-family: Roboto, sans-serif;
}
a:link {
color: #8ead45;
    text-decoration: none;
}
a:visited {
color: #8ead45;
    text-decoration: none;
}
a:hover {
color: #8ead45;
    text-decoration: underline;
}
a:active {
color: #8ead45;
    text-decoration: none;
}
.social img {
	margin-left: 5px;
	margin-right: 5px;
}
.form_mail {position:relative;}

.ok1 {position: fixed; top:45%;  left: 40%; padding: 25px; background-color: #FF0000; color: #FFFFFF;  opacity: 0.8; z-index: 10000;}
.ok2 {position: absolute; top:22%; width: 97%; background-color: #FFFFFF; color: #000000;  opacity: 0.8; z-index: 10000; font-size: 35px; text-align: center;}
/*.ok2 {position: fixed; top:45%;  left: 40%; padding: 45px; background-color: #FFFFFF; color: #000000;  opacity: 0.8; z-index: 10000; font-size: 30px;} */

#znach1 {font-size:12px; display: block; position: absolute; top: 0px; left: 10px; float:left;  z-index: 100; opacity: 0.8; }
#znach2 {font-size:12px; display: block; position: absolute; top: 0px; left: 10px; float:left;  z-index: 100; opacity: 0.8; }
#znach3 {font-size:12px; display: block; position: absolute; top: 0px; left: 10px; float:left;  z-index: 100; opacity: 0.8; }

#zn1 {font-size:12px; display: block; position: absolute; top: 0px; left: 10px; float:left;  z-index: 100; opacity: 0.8; }
#zn2 {font-size:12px; display: block; position: absolute; top: 0px; left: 10px; float:left;  z-index: 100; opacity: 0.8; }
#zn3 {font-size:12px; display: block; position: absolute; top: 0px; left: 10px; float:left;  z-index: 100; opacity: 0.8; }

#z1 {font-size:12px; display: block; position: absolute; top: 0px; left: 10px; float:left;  z-index: 100; opacity: 0.8; }
#z2 {font-size:12px; display: block; position: absolute; top: 0px; left: 10px; float:left;  z-index: 100; opacity: 0.8; }
#z3 {font-size:12px; display: block; position: absolute; top: 0px; left: 10px; float:left;  z-index: 100; opacity: 0.8; }
.pos {position:relative; display: inline-block; }
.pos2 {position:relative; display: inline-block; width:100%;}

.forms1 {
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 200px;
	border: 1px solid #FFFFFF;
	color: #969696;
	margin-right: 10px;
/*	border-radius: 3px; */
	margin-bottom: 10px;
}
.forms11 {
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	min-width: 96%;
	border: 1px solid #D75D6F;
	color: #969696;
	margin-right: 10px;
	border-radius: 3px;
	margin-bottom: 10px;
}

.forms111 {
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 96%;
	border: 1px solid #D75D6F;
	color: #969696;
	margin-right: 10px;
	border-radius: 3px;
	margin-bottom: 10px;
}

.forms {
	margin-top: 10px;
	position:relative;
}
#button {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #48A953;
	/* border-radius: 3px; */
	color: #ffffff;
	cursor: pointer;
border: 1px solid #CCCCCC;
}
#button:hover {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #30D343;
	/*	border-radius: 3px; */
	color: #FFFFFF;
	
}

#button2 {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #D6D6D6;
	border-radius: 3px;
	color: #911E2D;
	border: 1px solid #D6D6D6;
	margin-top: 10px;
	cursor: pointer;
	
}
#button2:hover {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #D3203B;
	border-radius: 3px;
	color: #FFFFFF;
	border: 1px solid #D6D6D6;
	margin-top: 10px;
	
}

.scrollup{
width:50px;
height:50px;
opacity:0.9;
position:fixed;
bottom:80px;
display: none;
right:20px;
text-indent:-9999px;
background: url(img/icon_top.png) no-repeat;
    z-index: 100;
}

.scrollup2{
width:50px;
height:50px;
opacity:0.9;
position:fixed;
bottom:20px;
display: none;
right:20px;
text-indent:-9999px;
background: url(img/mail.png) no-repeat;
    z-index: 100;
}

.scrollup3{
width:50px;
height:50px;
opacity:0.9;
position:fixed;
bottom:140px;
display: none;
right:20px;
text-indent:-9999px;
background: url(img/viber.png) no-repeat;
    z-index: 100;
}


a.white:link {
	color: #FFFFFF;
	text-decoration: underline;
}
a.white:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
a.white:hover {
	color: #000000;
	text-decoration: underline;
}
a.white:active {
	color: #FFFFFF;
	text-decoration: underline;
}


#mask {
    position:absolute;
    left:0;
    top:0;
    z-index:9000;
    background-color:#000;
    display:none;
    }

#boxes .window {
    position: absolute;
    left: 0;
    top: 0px;
    width: 90%;
    display: none; 
    z-index: 9999;
    /* padding: 20px; */
    overflow: hidden;
    background-color: #3face9;
    background-repeat: no-repeat;
    color: #fff;
    border-radius: 10px;	
	font-size: 16px;
    }  

#boxes #dialog1 {
   position: fixed;
    width:90%; 
    padding:10px;
    max-width: 500px;
    text-align: center;
    }  
#boxes #dialog2 {
   position: fixed;
    width:90%; 
    padding:10px;
    max-width: 500px;
    text-align: center;
    }  
#boxes #dialog3 {
   position: fixed;
    width:90%; 
    padding:10px;
    max-width: 500px;
    text-align: center;
    }  
#boxes #dialog4 {
   position: fixed;
    width:90%; 
    padding:10px;
    max-width: 500px;
    text-align: center;
    }  


#boxes #dialog5 {
   position: fixed;
    width:90%; 
    padding:10px;
    max-width: 500px;
    text-align: center;
    }  
#boxes #dialog6 {
   position: fixed;
    width:90%; 
    padding:10px;
    max-width: 500px;
    text-align: center;
    }  

#boxes #dialog7 {
   position: fixed;
    width:90%; 
    padding:10px;
    max-width: 500px;
    text-align: center;
    }  

#boxes #dialog8 {
   position: fixed;
    width:90%; 
    padding:10px;
    max-width: 500px;
    text-align: center;
    }  

#boxes #dialog9 {
   position: fixed;
    width:90%; 
    padding:10px;
    max-width: 500px;
    text-align: center;
    }  


#boxes #dialogmail {
    position: fixed;
    width:40%; 
    padding:10px;
    }  


.close {
    width:20px;
    height:20px;
    float: right;
   background-image: url(img/close.png); 
   transition: 0.2s;
    display: table;
}


a.close:hover {
   background-image: url(img/close2.png); 
   transition: 0.2s;
}

.rew {
	background-color: #FFFFFF;
	margin-top: 0px;
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
	text-align: center;
}

.rew_all {
	text-align: center;
	display: block;
	position: relative;
}

.ok1 {position: fixed; top:45%;  left: 40%; padding: 25px; background-color: #FF0000; color: #FFFFFF;  opacity: 0.8; z-index: 10000;}
.ok2 {position: absolute; top:22%; width: 97%; background-color: #FFFFFF; color: #000000;  opacity: 0.8; z-index: 10000; font-size: 35px; text-align: center;}

.pr {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	}

.pr img {height: 300px;
    width: auto;
    margin-bottom: 20px;
    /* border-radius: 5px; */
    padding: 3px;
    border: 1px solid #CCCCCC; }
.im1 {
	background-image: url(img/im1.png);
	height: 963px;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	position: relative;
}
.im2 {
	background-image: url(img/im4.png);
	height: 963px;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	position: relative;
}
.tx_im1 {
	padding-right: 20px;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	text-align: left;
	/* [disabled]margin-top: 30%; */
	position: relative;
}
.tx_bt {
	margin-bottom: 10px;
}

.tx_im2 {
	padding-right: 20px;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	text-align: right;
	/* [disabled]margin-top: 30%; */
	position: relative;
}
.blk {
	background-position: center center;
}

.blkk {
	background-position: center center;
}

.wlk {
	color: #75C3E2;
	font-size: 30px;
}


.im3 {
	background-image: url(img/im3.png);
	height: 963px;
	background-repeat: no-repeat;
	background-position: center center;
}
.im4 {
	background-image: url(img/im2.png);
	height: 963px;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}

.back .shem .shem_all {
}


.rs1 {
	background-image: url(img/rs1.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 850px;
	background-size: cover;
	position: relative;
	z-index: 1;
}
.rs7 {
	background-image: url(img/rs7.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 850px;
	background-size: cover;
	position: relative;
	z-index: 1;
}

.rs8 {
	background-image: url(img/rs8.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 850px;
	background-size: cover;
	position: relative;
	z-index: 1;
}

.rs9 {
	background-image: url(img/rs9.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 850px;
	background-size: cover;
	position: relative;
	z-index: 1;
}

.rs3 {
	background-image: url(img/rs3.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 850px;
	background-size: cover;
	position: relative;
}
.rs5 {
	background-image: url(img/rs5.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 850px;
	background-size: cover;
	position: relative;
}
.rs2 {
	background-image: url(img/rs2.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 850px;
	background-size: cover;
	position: relative;
}
.rs4 {
	background-image: url(img/rs4.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 850px;
	background-size: cover;
	position: relative;
}
.rs6 {
	background-image: url(img/rs6.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 850px;
	background-size: cover;
	position: relative;
}

.rs1 .tr1 {
	background-image: url(img/tr1.png);
	background-repeat: no-repeat;
	width: 92px;
	height: 850px;
	position: absolute;
	right: 0px;
	z-index: 10;
}

.rs7 .tr1 {
	background-image: url(img/tr1.png);
	background-repeat: no-repeat;
	width: 92px;
	height: 850px;
	position: absolute;
	right: 0px;
	z-index: 10;
}

.rs8 .tr1 {
	background-image: url(img/tr1.png);
	background-repeat: no-repeat;
	width: 92px;
	height: 850px;
	position: absolute;
	right: 0px;
	z-index: 10;
}

.rs9 .tr2 {
	background-image: url(img/tr2.png);
	background-repeat: no-repeat;
	width: 92px;
	height: 850px;
	position: absolute;
	left: 0px;
	z-index: 10;
}


.rs3 .tr1 {
	background-image: url(img/tr1.png);
	background-repeat: no-repeat;
	width: 92px;
	height: 850px;
	position: relative;
	right: 0px;
	z-index: 10;
	float: right;
}
.rs5 .tr1 {
	background-image: url(img/tr1.png);
	background-repeat: no-repeat;
	width: 92px;
	height: 850px;
	position: relative;
	right: 0px;
	z-index: 10;
	float: right;
}
.rs2 .tr2 {
	background-image: url(img/tr2.png);
	background-repeat: no-repeat;
	width: 92px;
	height: 850px;
	position: absolute;
	z-index: 10;
	left: 0px;
}
.rs4 .tr2 {
	background-image: url(img/tr2.png);
	background-repeat: no-repeat;
	width: 92px;
	height: 850px;
	position: relative;
	z-index: 10;
	left: 0px;
	float: left;
}
.rs6 .tr2 {
	background-image: url(img/tr2.png);
	background-repeat: no-repeat;
	width: 92px;
	height: 850px;
	position: relative;
	z-index: 10;
	left: 0px;
	float: left;
}
.price1 {
    background-image: url(img/price1.png);
    background-repeat: no-repeat;
    width: 165px;
    color: #FFFFFF;
    font-weight: bold;
    height: 36px;
    font-size: 18px;
    position: absolute;
    right: 0px;
    margin-top: 40px;
    padding-top: 12px;
    background: #FF0000;
text-align: center;
}

	.price2 {
    background-image: url(img/price2.png);
    background-repeat: no-repeat;
    width: 165px;
    color: #FFFFFF;
    font-weight: bold;
    height: 36px;
    font-size: 18px;
    position: absolute;
    left: 0px;
    margin-top: 40px;
    padding-top: 12px;
    background: #FF0000;
text-align: center;
}



.f1 {
	font-size: 50px;
}
.f2 {
	font-size: 40px;
}
.f3 {
	font-size: 30px;
}
.f4 {
	font-size: 20px;
}



a.black:link {
	color: #000000;
	text-decoration: none;
}
a.black:visited {
	color: #000000;
	text-decoration: none;
}
a.black:hover {
	color: #000000;
	text-decoration: underline;
}
a.black:active {
	color: #000000;
	text-decoration: none;
}

.wd50_1 {width: 50%; float:left;}
.wd50_2 {width: 50%; float: right;}


.wd50_22 {width: 50%; float:left;}
.wd50_11 {width: 50%; float: right;}

.forms1mail {padding: 10px; text-align: center; }
.forms1mail2 {padding: 10px; text-align: center; }	
.forms1mail3 {padding: 10px; text-align: center; }	
.forms1mail4 {padding: 10px; text-align: center; }	
.forms1mail5 {padding: 10px; text-align: center; }	
.forms1mail6 {padding: 10px; text-align: center; }	
.forms1mail7 {padding: 10px; text-align: center; }	
.forms1mail8 {padding: 10px; text-align: center; }	
.forms1mail9 {padding: 10px; text-align: center; }	

.order {text-align: center;
    background-color: #1edf66;
    color: #FFFFFF;
    font-size: 50px;}

.white_bl {text-align: center;
    background-color: #FFFFFF;
    color: #000000;
    max-width: 1220px;
    margin-left: auto;
    margin-right: auto;
}




}