@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

html {
box-sizing: border-box;
overflow-x: hidden;
}



@-webkit-keyframes slideme {
    0% { left: -30px; margin-left: 0px; }
    30% { left: 110%; margin-left: 80px; }
    100% { left: 110%; margin-left: 80px; } 
}

.but4 {
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    /* display: flex; */
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 38px;
    padding-top: 2px;
    border: none;
    position: relative;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    overflow: hidden;
    background: #f3d429;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
    margin-left: auto;
    margin-right: auto;
margin-top: 20px;
text-decoration: none;
}
.but4:after {
	content: "";
	display: block;
	width: 30px;
	height: 300px;
	margin-left: 60px;
	background: #fff;
	background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.7) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.7) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#b3ffffff',GradientType=0 );
	position: absolute;
	left: -40px;
	top: -150px;
	z-index: 1;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.1s;
	transition: all 0.1s;
	-webkit-animation-name: slideme;
	animation-name: slideme;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-delay: 0.05s;
	animation-delay: 0.05s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	color: #000000;
}



.but4:hover {
text-decoration: underline;
}



a.podr_pr:link {
	position: absolute;
	left: 12px;
	top: 240px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
	border-radius: 15px;
	border: 1px solid #00A0E3;
	color: #00A0E3;
	display: block;
text-decoration:none; 
}
a.podr_pr:active {
	position: absolute;
	left: 12px;
	top: 240px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
	border-radius: 15px;
	border: 1px solid #00A0E3;
	color: #00A0E3;
	display: block;
text-decoration:none; 
}

a.podr_pr:visited {
	position: absolute;
	left: 12px;
	top: 240px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
	border-radius: 15px;
	border: 1px solid #00A0E3;
	color: #00A0E3;
	display: block;
text-decoration:none; 
}

a.podr_pr:hover {
	display: block; 
	position: absolute;
	left: 12px;
	top: 240px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
	border-radius: 15px;
	border: 1px solid #00A0E3;
	color: #FFFFFF;
	background: linear-gradient(#465AA4, #00A0E3);
text-decoration:none;
}


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

a.bll:link{color:#00A0E3;text-decoration:none;}
a.bll:visited{color:#00A0E3;text-decoration:none;}
a.bll:hover{color:#FFFFFF;text-decoration:none;}
a.bll:active{color:#00A0E3;text-decoration:none;}


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;}


	@media (min-width: 220px) and (max-width: 767px) {


.ogm2 {
    position: absolute;
    right: 110px;
    top: 11px;
    padding-left: 10px;
    padding-right: 10px;
    display: none;
}

.ogm3 {
    position: absolute;
    right: 10px;
    top: 17px;
}


.img1 {width: 100%;
    height: auto;
    border-radius: 10px;
    max-width: 300px;
    margin-right: auto;
    margin-left: auto;
display: block;}

.usl2 {
display: none;
    width: 100%;
    border-radius: 10px;
    margin-top: 20px;
}
.usl2_img {width: 100%;}
.usl2_txt {width: 100%;}

.opis {width: 100%; position: relative; margin-top: 20px; margin-bottom: 40px;}
.opis_ser {font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.opis_img {width: 100%; margin-bottom: 20px;}
.opis_txt {width: 100%; }

.prc {width: 100%; position: relative; margin-top: 20px; margin-bottom: 40px;}
.prc1 {width: 100%; }
.prc2 {width: 100%; }

.tr2 {background-image: url(img/tr2.png);background-repeat: no-repeat; padding-left: 25px; list-style-type: none;display: flex;}
.txtt {width: 100%; margin-left: auto; margin-right: auto; max-width: 1140px;}
.pricer {font-size: 43px; color: #000000; font-weight: bold;}

 .but3 {

	border-radius: 20px;
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: linear-gradient(#465AA4, #00A0E3);
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-top: 20px;
   transition: 0.5s;
    text-decoration: none;
}
.but3:hover {
	border-radius: 20px;
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: linear-gradient(#35457B, #0083BB);
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-top: 20px;
}



.menu-triger {
	display: block;
	width: 40px;
	height: 39px;	
	background: url(img/menu.png) 0 0 repeat;
	position: absolute;
	left: 15px;
	top: 28px;
	z-index: 10;
}	
.menu-close {
	display: block;
width: 20px;
    height: 20px;
	background: url(img/close2.png) 0 0 repeat;
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 100;
}
.menu-popup {
	display: none;	
	background: #2c2e3e;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0;
	box-sizing: border-box;
	padding: 30px;
	z-index: 9999;	
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.menu-popup ul {
	margin: 0;
	padding: 0;
}
.menu-popup li {

    list-style: none;
    margin: 10px 0;
    padding: 0;
    float: none;
    text-align: left;
    color: #FFFFFF;
    background-color: #2c2e3e;
    border-top: 0px solid #CCCCCC;

}
.menu-popup li:hover {

    list-style: none;
    margin: 10px 0;
    padding: 0;
    float: none;
    text-align: left;
    color: #FFFFFF;
    background-color: #2c2e3e;
    border-top: 0px solid #CCCCCC;

}


.menu-popup li a {
	font-size: 18px;
	font-family: "Arial";
	color: rgb(255, 255, 255);
	line-height: 1.4;	
	text-decoration: none;
}
.body_pointer * {
	cursor: pointer;
}


body {
	font-family: 'Exo 2', sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.hd1 {
	border-bottom: 2px solid #F1F1F1;
	margin-left: 35px;
	margin-right: 35px;
	padding-bottom: 5px;
    display: none;
}
.addr {
	background-image: url(img/ic1.png);
	background-repeat: no-repeat;
	background-position: 6px 4px;
	padding-left: 25px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	float: left;
}
.ml {
	background-image: url(img/ic2.png);
	background-repeat: no-repeat;
	background-position: 6px 6px;
	padding-left: 30px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	float: left;
	margin-left: 10px;
}
.phn {
	background-image: url(img/ic3.png);
	background-repeat: no-repeat;
	background-position: 6px 6px;
	padding-left: 30px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	float: left;
	margin-left: 10px;
}
.soc {
	width: 80px;
	height: 22px;
	position: absolute;
	right: 35px;
	text-align: center;
	top: 5px;
}
.soc2 {
	width: 93px;
	height: 28px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
margin-bottom: 10px;
}
.logo1 {
width: 177px;
    height: 59px;
    position: absolute;
    left: 79px;
    top: 26px;
}
.sc1 {
	display: inline-block;
}
.scc1 {
	display: inline-block;
}
.content1 {
	position: relative;
	background-color: #FFFFFF;
}
.menu1 {
	width: 679px;
	font-size: 25px;
	position: absolute;
	top: 69px;
	left: 350px;
    display: none;
}
.mn1 {
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-position: 2px 9px;
	transition-duration: 1s;
	float: left;
	cursor:pointer;

}
.mn1:hover {
	background-image: url(img/mn1.png);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-position: 2px 0px;
	transition-duration: 1s;
	float: left;
}
.mn2 {
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-position: 2px 12px;
	transition-duration: 0.01s;
	float: left;
	margin-left: 20px;
	cursor:pointer;

}
.mn2:hover {
	background-image: url(img/mn1.png);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-position: 2px 0px;
	transition-duration: 1s;
	float: left;
}

.bt {
	height: 39px;
	position: absolute;
	right: 35px;
	top: 73px;
   transition: 0.2s;
    display: none;
}
.content1 .content_text {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 70px;
margin-bottom: 35px;
}
.content2 .content_text {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	/* [disabled]margin-top: 25px; */
	padding-top: 2px;
}
.content_text img {
/*	border-radius: 200px; */
}
h1 {
	background-image: url(img/h1.png);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	width: 100%;
	margin-bottom: 0px;
	padding-bottom: 40px;
	line-height: 25px;
	font-size: 25px;
}
h2 {
	background-image: url(img/h2.png);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	width: 100%;
	margin-bottom: 0px;
	padding-bottom: 40px;
	line-height: 45px;
	font-size: 45px;
}
h3 {
background-image: url(img/h2.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    margin-bottom: 25px;
    padding-bottom: 40px;
    line-height: 30px;
    font-size: 37px;
    text-align: center;
}
.content_text3 .content_l h2 {
}
.ser {
	font-size: 30px;
	width: 250px;
	line-height: 30px;
	color: #727271;
	margin-top: 40px;
}


.content1 {
/*	background-image: url(img/back_fon1.jpg); */
	background-position: left bottom;
	background-repeat: no-repeat;
}
.txt {
    font-size: 20px;
    margin-bottom: 20px;
}
.txt_img {
	margin-bottom: 20px;
}
.strl {
	background-image: url(img/crkl.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.content2 {
	background-color: #F1F1F1;
}
.prod {
	text-align: center;
	position: relative;
	padding-bottom: 20px;
padding-top: 20px;

}
.pr1 {
	display: inline-block;
	width: 299px;
	height: 291px;
	background-image: url(img/r1.png);
	position: relative;
}
.pr2 {
	display: inline-block;
	width: 299px;
	height: 291px;
	background-image: url(img/r2.png);
	position: relative;
}
.pr3 {
	display: inline-block;
	width: 299px;
	height: 291px;
	background-image: url(img/r3.png);
	position: relative;
}
.pr4 {
	display: inline-block;
	width: 299px;
	height: 291px;
	background-image: url(img/r4.png);
	position: relative;
}
.pr5 {
	display: inline-block;
	width: 299px;
	height: 291px;
	background-image: url(img/r5.png);
	position: relative;
}
.pr6 {
	display: inline-block;
	width: 299px;
	height: 291px;
	background-image: url(img/r6.png);
	position: relative;
}
.pr7 {
	display: inline-block;
	width: 299px;
	height: 291px;
	background-image: url(img/r7.png);
	position: relative;
}
.pr8 {
	display: inline-block;
	width: 299px;
	height: 291px;
	background-image: url(img/r8.png);
	position: relative;
}
.pr9 {
	display: inline-block;
	width: 299px;
	height: 291px;
	background-image: url(img/r9.png);
	position: relative;
}
.pr10 {
	display: inline-block;
	width: 299px;
	height: 291px;
	background-image: url(img/r10.png);
	position: relative;
}
.price {
	position: absolute;
	left: 9px;
	top: 163px;
	font-size: 20px;
	font-weight: bold;
}
.bl {
	color: #33B3E8;
}
.name_pr {
	color: #000000;
	font-size: 25px;
	position: absolute;
	left: 9px;
	top: 197px;
}
.content3 {
/*	background-image: url(img/back_fon2.gif); */
	background-repeat: no-repeat;
	background-position: right top;
}
.content_text3 {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
/*	padding-top: 100px; */
	position: relative;
}
.content_l {

width: 94%;
    margin-left: auto;
    margin-right: auto;
    background-image: url(img/ct2.png);
    background-repeat: no-repeat;
    background-position: right 0%;
    margin-bottom: 40px;
    background-size: cover;
}
.form {
	background-color: #F1F1F1;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 35px;
	padding-right: 20px;
	padding-bottom: 35px;
	border-radius: 25px;
	padding-left: 20px;
	text-align: center;
	margin-top: 40px;
}
.form2 .frm  {
	border-top: 1px solid #F1F1F1;
	border-left: 1px solid #F1F1F1;
	border-right: 1px solid #F1F1F1;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-bottom: 1px solid #C8C7C7;
	background-color: #F1F1F1;
	color: #727271;
	margin-left: auto;
	width: 94%;
	margin-bottom: 20px;
	margin-right: auto;
	text-align: center;
}
 .but {
	border: 1px solid #48BAEA;
	border-radius: 20px;
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: linear-gradient(#465AA4, #00A0E3);
	width: 160px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-top: 20px;
   transition: 0.5s;
    text-decoration: none;
}
.but:hover {
	border: 1px solid #48BAEA;
	border-radius: 20px;
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: linear-gradient(#35457B, #0083BB);
	width: 160px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-top: 20px;

}

.but2 {
	border: 1px solid #48BAEA;
	border-radius: 20px;
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: linear-gradient(#465AA4, #00A0E3);
	width: 290px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
   transition: 0.5s;
    text-decoration: none;

}
.but2:hover {
	border: 1px solid #48BAEA;
	border-radius: 20px;
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: linear-gradient(#35457B, #0083BB);
	width: 290px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;


}

.content_r {
	width: 94%;
        margin-left: auto;
        margin-right: auto;

	padding-bottom: 40px;
}
.content4 {
	background-color: #F1F1F1;
/*	background-image: url(img/back_fon3.png); */
	/* [disabled]width: 1220px; */
	background-repeat: no-repeat;
}
.content4 .content_text4 {
	margin-left: auto;
	margin-right: auto;
/*	margin-top: 100px;
	padding-top: 150px;*/
}
.wh1 {
	width: 252px;
	height: 121px;
	display: inline-block;
	background-image: url(img/wh1.png);
	padding-top: 200px;
}
.wh2 {
	width: 252px;
	height: 121px;
	display: inline-block;
	background-image: url(img/wh2.png);
	padding-top: 200px;
}
.wh3 {
	width: 252px;
	height: 121px;
	display: inline-block;
	background-image: url(img/wh3.png);
	padding-top: 200px;
}
.wh4 {
	width: 252px;
	height: 121px;
	display: inline-block;
	background-image: url(img/wh4.png);
	padding-top: 200px;
}
.wh5 {
	width: 252px;
	height: 121px;
	display: inline-block;
	background-image: url(img/wh5.png);
	padding-top: 200px;
}
.foot {
background-color: #a2a2a2;
}
.foot .foot_text {
	width: 94%;
	color: #FFFFFF;
	position: relative;
	/* [disabled]padding-top: 76px; */
	margin-left: auto;
	margin-right: auto;
padding: 10px;
}
.logo2   {
	width: 244px;
	height: 59px;
	position: relative;
margin-left: auto;
    margin-right: auto;

}
.menu_foot
 
{
	position: relative;
	width: 250px;
	display: none;
}
.mn_ft {
	background-image: url(img/crkl2.png);
	background-repeat: no-repeat;
	padding-left: 23px;
	background-position: 2% 7px;
	font-size: 20px;
}
.foot_contacts {
	text-align: center;
}
.phone2 {
/*	background-image: url(img/ft1.png); */
	background-repeat: no-repeat;
	background-position: 104px 4px;
	margin-bottom: 10px;
}
.mail2 {
/*	background-image: url(img/ft2.png); */
	background-repeat: no-repeat;
	background-position: 93px 6px;
	margin-bottom: 10px;
}
.addr2 {
/*	background-image: url(img/ft3.png); */
	background-repeat: no-repeat;
	background-position: 6px 6px;
}
.scrollup{
width:80px;
height:80px;
opacity:0.9;
position:fixed;
bottom:50px;
right:50px;
display:none;
text-indent:-9999px;
background: url(img/icon_top.png) no-repeat;
}


#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: linear-gradient(#465AA4, #00A0E3);

    background-repeat: no-repeat;
    color: #fff;
    border-radius: 10px;	
	font-size: 16px;

    }  




#boxes #dialog {
   position: fixed;
    width:80%; 
    padding:10px;
    z-index: 1000000;
    }  

#boxes #dialog1 {
   position: fixed;
    width:80%; 
    padding:10px;
    z-index: 1000000;
    }  

#boxes #dialog2 {
   position: fixed;
    width:80%; 
    padding:10px;
    z-index: 1000000;
    }  
#boxes #dialog3 {
   position: fixed;
    width:80%; 
    padding:10px;
    z-index: 1000000;
    }  
#boxes #dialog4 {
   position: fixed;
    width:80%; 
    padding:10px;
    z-index: 1000000;
    }  
#boxes #dialog5 {
   position: fixed;
    width:80%; 
    padding:10px;
    z-index: 1000000;
    }  
#boxes #dialog6 {
   position: fixed;
    width:80%; 
    padding:10px;
    z-index: 1000000;
    }  




.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;
}


.map {margin-top: -20px;}
}


	@media (min-width: 768px) and (max-width: 1219px) {

.ogm2 {
    position: absolute;
    right: 10px;
    top: 30px;
}

.ogm3 {
display: none;
}


.img1 {width: 100%;
    height: auto;
    border-radius: 10px;
    max-width: 300px;
    float: left;
    /* padding-right: 11px; */
    margin-right: 10px;
    margin-left: 10px;
display: block;}

/* * {border: 1px solid red;} */

.usl2 {
display: none;
    width: 100%;
    border-radius: 10px;
    margin-top: 20px;
}
.usl2_img {width: 300px; float: left;}
.usl2_txt {width: calc(100% - 350px); float: right;}

.opis {width: 100%; position: relative; margin-top: 20px; margin-bottom: 40px;}
.opis_ser {font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.opis_img {width: 44%; float: left;}
.opis_txt {width: 50%; float: right;}

.prc {width: 100%; position: relative; margin-top: 20px; margin-bottom: 40px;}
.prc1 {width: 100%; }
.prc2 {width: 100%; }

.tr2 {background-image: url(img/tr2.png);background-repeat: no-repeat; padding-left: 25px; list-style-type: none;display: flex;}
.txtt {width: 100%; margin-left: auto; margin-right: auto; max-width: 1140px;}
.pricer {font-size: 43px; color: #000000; font-weight: bold;}

 .but3 {

	border-radius: 20px;
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: linear-gradient(#465AA4, #00A0E3);
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-top: 20px;
   transition: 0.5s;
    text-decoration: none;
}
.but3:hover {
	border-radius: 20px;
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: linear-gradient(#35457B, #0083BB);
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-top: 20px;
}




.menu-triger {
	display: block;
	width: 40px;
	height: 39px;	
	background: url(img/menu.png) 0 0 repeat;
	position: absolute;
	left: 15px;
	top: 28px;
	z-index: 10;
}	
.menu-close {
	display: block;
width: 20px;
    height: 20px;
	background: url(img/close2.png) 0 0 repeat;
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 100;
}
.menu-popup {
	display: none;	
	background: #2c2e3e;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0;
	box-sizing: border-box;
	padding: 30px;
	z-index: 9999;	
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.menu-popup ul {
	margin: 0;
	padding: 0;
}
.menu-popup li {

    list-style: none;
    margin: 10px 0;
    padding: 0;
    float: none;
    text-align: left;
    color: #FFFFFF;
    background-color: #2c2e3e;
    border-top: 0px solid #CCCCCC;

}
.menu-popup li:hover {

    list-style: none;
    margin: 10px 0;
    padding: 0;
    float: none;
    text-align: left;
    color: #FFFFFF;
    background-color: #2c2e3e;
    border-top: 0px solid #CCCCCC;

}


.menu-popup li a {
	font-size: 18px;
	font-family: "Arial";
	color: rgb(255, 255, 255);
	line-height: 1.4;	
	text-decoration: none;
}
.body_pointer * {
	cursor: pointer;
}


body {
	font-family: 'Exo 2', sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.hd1 {
	border-bottom: 2px solid #F1F1F1;
	margin-left: 35px;
	margin-right: 35px;
	padding-bottom: 5px;
    display: none;
}
.addr {
	background-image: url(img/ic1.png);
	background-repeat: no-repeat;
	background-position: 6px 4px;
	padding-left: 25px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	float: left;
}
.ml {
	background-image: url(img/ic2.png);
	background-repeat: no-repeat;
	background-position: 6px 6px;
	padding-left: 30px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	float: left;
	margin-left: 10px;
}
.phn {
	background-image: url(img/ic3.png);
	background-repeat: no-repeat;
	background-position: 6px 6px;
	padding-left: 30px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	float: left;
	margin-left: 10px;
}
.soc {
	width: 80px;
	height: 22px;
	position: absolute;
	right: 35px;
	text-align: center;
	top: 5px;
}
.soc2 {
	width: 93px;
	height: 28px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
margin-bottom: 10px;
}
.logo1 {
width: 177px;
    height: 59px;
    position: absolute;
    left: 79px;
    top: 26px;
}
.sc1 {
	display: inline-block;
}
.scc1 {
	display: inline-block;
}
.content1 {
	position: relative;
	background-color: #FFFFFF;
}
.menu1 {
	width: 679px;
	font-size: 25px;
	position: absolute;
	top: 69px;
	left: 350px;
    display: none;
}
.mn1 {
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-position: 2px 9px;
	transition-duration: 1s;
	float: left;
	cursor:pointer;

}
.mn1:hover {
	background-image: url(img/mn1.png);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-position: 2px 0px;
	transition-duration: 1s;
	float: left;
}
.mn2 {
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-position: 2px 12px;
	transition-duration: 0.01s;
	float: left;
	margin-left: 20px;
	cursor:pointer;

}
.mn2:hover {
	background-image: url(img/mn1.png);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-position: 2px 0px;
	transition-duration: 1s;
	float: left;
}

.bt {
	height: 39px;
	position: absolute;
	right: 35px;
	top: 73px;
   transition: 0.2s;
    display: none;
}
.content1 .content_text {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
margin-bottom: 35px;
}
.content2 .content_text {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	/* [disabled]margin-top: 25px; */
	padding-top: 30px;
}
.content_text img {
/*	border-radius: 200px; */
}
h1 {
	background-image: url(img/h1.png);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	width: 100%;
	margin-bottom: 0px;
	padding-bottom: 40px;
	line-height: 25px;
	font-size: 25px;
}
h2 {
	background-image: url(img/h2.png);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	width: 100%;
	margin-bottom: 0px;
	padding-bottom: 40px;
	line-height: 45px;
	font-size: 45px;
}
h3 {
background-image: url(img/h2.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    margin-bottom: 25px;
    padding-bottom: 40px;
    line-height: 30px;
    font-size: 37px;
    text-align: center;
}
.content_text3 .content_l h2 {
}
.ser {
	font-size: 30px;
	width: 250px;
	line-height: 30px;
	color: #727271;
	margin-top: 40px;
}


.content1 {
/*	background-image: url(img/back_fon1.jpg); */
	background-position: left bottom;
	background-repeat: no-repeat;
}
.txt {
    font-size: 20px;
    margin-bottom: 20px;
}
.txt_img {
	margin-bottom: 20px;
text-align: center;
}
.strl {
	background-image: url(img/crkl.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.content2 {
	background-color: #F1F1F1;
}
.prod {
	text-align: center;
	position: relative;
	padding-bottom: 20px;
padding-top: 20px;
}
.pr1 {
	display: inline-block;
	width: 299px;
	height: 291px;
	background-image: url(img/r1.png);
	position: relative;
}
.pr2 {
	display: inline-block;
	width: 299px;
	height: 291px;
	background-image: url(img/r2.png);
	position: relative;
}
.pr3 {
	display: inline-block;
	width: 299px;
	height: 291px;
	background-image: url(img/r3.png);
	position: relative;
}
.pr4 {
	display: inline-block;
	width: 299px;
	height: 291px;
	background-image: url(img/r4.png);
	position: relative;
}
.pr5 {
	display: inline-block;
	width: 299px;
	height: 291px;
	background-image: url(img/r5.png);
	position: relative;
}
.pr6 {
	display: inline-block;
	width: 299px;
	height: 291px;
	background-image: url(img/r6.png);
	position: relative;
}
.pr7 {
	display: inline-block;
	width: 299px;
	height: 291px;
	background-image: url(img/r7.png);
	position: relative;
}
.pr8 {
	display: inline-block;
	width: 299px;
	height: 291px;
	background-image: url(img/r8.png);
	position: relative;
}
.pr9 {
	display: inline-block;
	width: 299px;
	height: 291px;
	background-image: url(img/r9.png);
	position: relative;
}
.pr10 {
	display: inline-block;
	width: 299px;
	height: 291px;
	background-image: url(img/r10.png);
	position: relative;
}
.price {
	position: absolute;
	left: 9px;
	top: 163px;
	font-size: 20px;
	font-weight: bold;
}
.bl {
	color: #33B3E8;
}
.name_pr {
	color: #000000;
	font-size: 25px;
	position: absolute;
	left: 9px;
	top: 197px;
}
.content3 {
/*	background-image: url(img/back_fon2.gif); */
	background-repeat: no-repeat;
	background-position: right top;
}
.content_text3 {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
/*	padding-top: 100px; */
	position: relative;
}
.content_l {

width: 94%;
    margin-left: auto;
    margin-right: auto;
    background-image: url(img/ct2.png);
    background-repeat: no-repeat;
    background-position: right 0%;
    margin-bottom: 40px;
    background-size: cover;
}
.form {
	background-color: #F1F1F1;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 35px;
	padding-right: 20px;
	padding-bottom: 35px;
	border-radius: 25px;
	padding-left: 20px;
	text-align: center;
	margin-top: 40px;
}
.form2 .frm  {
	border-top: 1px solid #F1F1F1;
	border-left: 1px solid #F1F1F1;
	border-right: 1px solid #F1F1F1;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-bottom: 1px solid #C8C7C7;
	background-color: #F1F1F1;
	color: #727271;
	margin-left: auto;
	width: 94%;
	margin-bottom: 20px;
	margin-right: auto;
	text-align: center;
}
 .but {
	border: 1px solid #48BAEA;
	border-radius: 20px;
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: linear-gradient(#465AA4, #00A0E3);
	width: 160px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-top: 20px;
   transition: 0.5s;
    text-decoration: none;
}
.but:hover {
	border: 1px solid #48BAEA;
	border-radius: 20px;
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: linear-gradient(#35457B, #0083BB);
	width: 160px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-top: 20px;
}

.but2 {
	border: 1px solid #48BAEA;
	border-radius: 20px;
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: linear-gradient(#465AA4, #00A0E3);
	width: 290px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
   transition: 0.5s;
    text-decoration: none;

}
.but2:hover {
	border: 1px solid #48BAEA;
	border-radius: 20px;
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: linear-gradient(#35457B, #0083BB);
	width: 290px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;

}

.content_r {
	width: 94%;
        margin-left: auto;
        margin-right: auto;

	padding-bottom: 40px;
}
.content4 {
	background-color: #F1F1F1;
/*	background-image: url(img/back_fon3.png); */
	/* [disabled]width: 1220px; */
	background-repeat: no-repeat;
}
.content4 .content_text4 {
	margin-left: auto;
	margin-right: auto;
/*	margin-top: 100px;
	padding-top: 150px;*/
}
.wh1 {
	width: 252px;
	height: 121px;
	display: inline-block;
	background-image: url(img/wh1.png);
	padding-top: 200px;
}
.wh2 {
	width: 252px;
	height: 121px;
	display: inline-block;
	background-image: url(img/wh2.png);
	padding-top: 200px;
}
.wh3 {
	width: 252px;
	height: 121px;
	display: inline-block;
	background-image: url(img/wh3.png);
	padding-top: 200px;
}
.wh4 {
	width: 252px;
	height: 121px;
	display: inline-block;
	background-image: url(img/wh4.png);
	padding-top: 200px;
}
.wh5 {
	width: 252px;
	height: 121px;
	display: inline-block;
	background-image: url(img/wh5.png);
	padding-top: 200px;
}
.foot {
background-color: #a2a2a2;
}
.foot .foot_text {
	width: 94%;
	color: #FFFFFF;
	position: relative;
	/* [disabled]padding-top: 76px; */
	margin-left: auto;
	margin-right: auto;
padding: 10px;
}
.logo2   {
	width: 244px;
	height: 59px;
	position: relative;
margin-left: auto;
    margin-right: auto;

}
.menu_foot
 
{
	position: relative;
	width: 250px;
	display: none;
}
.mn_ft {
	background-image: url(img/crkl2.png);
	background-repeat: no-repeat;
	padding-left: 23px;
	background-position: 2% 7px;
	font-size: 20px;
}
.foot_contacts {
	text-align: center;
}
.phone2 {
/*	background-image: url(img/ft1.png); */
	background-repeat: no-repeat;
	background-position: 104px 4px;
	margin-bottom: 10px;
}
.mail2 {
/*	background-image: url(img/ft2.png); */
	background-repeat: no-repeat;
	background-position: 93px 6px;
	margin-bottom: 10px;
}
.addr2 {
/*	background-image: url(img/ft3.png); */
	background-repeat: no-repeat;
	background-position: 6px 6px;
}
.scrollup{
width:80px;
height:80px;
opacity:0.9;
position:fixed;
bottom:50px;
right:50px;
display:none;
text-indent:-9999px;
background: url(img/icon_top.png) no-repeat;
}


#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: linear-gradient(#465AA4, #00A0E3);

    background-repeat: no-repeat;
    color: #fff;
    border-radius: 10px;	
	font-size: 16px;

    }  




#boxes #dialog {
   position: fixed;
    width:80%; 
    padding:10px;
    z-index: 1000000;
    }  

#boxes #dialog1 {
   position: fixed;
    width:80%; 
    padding:10px;
    z-index: 1000000;
    }  

#boxes #dialog2 {
   position: fixed;
    width:80%; 
    padding:10px;
    z-index: 1000000;
    }  
#boxes #dialog3 {
   position: fixed;
    width:80%; 
    padding:10px;
    z-index: 1000000;
    }  
#boxes #dialog4 {
   position: fixed;
    width:80%; 
    padding:10px;
    z-index: 1000000;
    }  
#boxes #dialog5 {
   position: fixed;
    width:80%; 
    padding:10px;
    z-index: 1000000;
    }  
#boxes #dialog6 {
   position: fixed;
    width:80%; 
    padding:10px;
    z-index: 1000000;
    }  




.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;
}


.map {margin-top: -20px;}



}


	@media (min-width: 1220px) {

.ogm {
    position: absolute;
    right: 110px;
    top: 11px;
    padding-left: 10px;
    padding-right: 10px;
}


.ogm2 {
display: none;
}

.ogm3 {
display: none;
}


.img1 {width: 100%;
    height: auto;
    border-radius: 10px;
    max-width: 300px;
    float: left;
    /* padding-right: 11px; */
    margin-right: 10px;
    margin-left: 10px;
display: block;}


.usl2 {
display: none;
    width: 100%;
    border-radius: 10px;
    margin-top: 20px;
}
.usl2_img {width: 300px; float: left;}
.usl2_txt {width: calc(100% - 350px); float: right;}

.opis {width: 100%; position: relative; margin-top: 20px; margin-bottom: 40px;}
.opis_ser {font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.opis_img {width: 44%; float: left;}
.opis_txt {width: 50%; float: right;}

.prc {width: 100%; position: relative; margin-top: 20px; margin-bottom: 40px;}
.prc1 {width: 38%; float: left;}
.prc2 {width: 58%; float: right;}

.tr2 {background-image: url(img/tr2.png);background-repeat: no-repeat; padding-left: 25px; list-style-type: none;display: flex;}
.txtt {width: 100%; margin-left: auto; margin-right: auto; max-width: 1140px;}
.pricer {font-size: 43px; color: #000000; font-weight: bold;}

 .but3 {

	border-radius: 20px;
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: linear-gradient(#465AA4, #00A0E3);
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-top: 20px;
   transition: 0.5s;
    text-decoration: none;
}
.but3:hover {
	border-radius: 20px;
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: linear-gradient(#35457B, #0083BB);
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-top: 20px;
}

 


header {display: none;}

.menu-triger {
	display: block;
	width: 25px;
	height: 17px;	
	background: url(img/menu.png) 0 0 repeat;
	position: absolute;
	left: 15px;
	top: 28px;
}	
.menu-close {
	display: block;
width: 20px;
    height: 20px;
	background: url(img/close2.png) 0 0 repeat;
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 100;
}
.menu-popup {
	display: none;	
	background: #2c2e3e;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0;
	box-sizing: border-box;
	padding: 30px;
	z-index: 9999;	
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.menu-popup ul {
	margin: 0;
	padding: 0;
}
.menu-popup li {

    list-style: none;
    margin: 10px 0;
    padding: 0;
    float: none;
    text-align: left;
    color: #FFFFFF;
    background-color: #2c2e3e;
    border-top: 0px solid #CCCCCC;

}
.menu-popup li:hover {

    list-style: none;
    margin: 10px 0;
    padding: 0;
    float: none;
    text-align: left;
    color: #FFFFFF;
    background-color: #2c2e3e;
    border-top: 0px solid #CCCCCC;

}


.menu-popup li a {
	font-size: 18px;
	font-family: "Arial";
	color: rgb(255, 255, 255);
	line-height: 1.4;	
	text-decoration: none;
}
.body_pointer * {
	cursor: pointer;
}


body {
	font-family: 'Exo 2', sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.hd1 {
	border-bottom: 2px solid #F1F1F1;
	margin-left: 35px;
	margin-right: 35px;
	padding-bottom: 5px;
}
.addr {
	background-image: url(img/ic1.png);
	background-repeat: no-repeat;
	background-position: 6px 4px;
	padding-left: 25px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	float: left;
}
.ml {
	background-image: url(img/ic2.png);
	background-repeat: no-repeat;
	background-position: 6px 6px;
	padding-left: 30px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	float: left;
	margin-left: 10px;
}
.phn {
	background-image: url(img/ic3.png);
	background-repeat: no-repeat;
	background-position: 6px 6px;
	padding-left: 30px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	float: left;
	margin-left: 10px;
}
.soc {
	width: 80px;
	height: 22px;
	position: absolute;
	right: 35px;
	text-align: center;
	top: 20px;
}
.soc2 {
	width: 93px;
	height: 28px;
	position: absolute;
	/* [disabled]right: 35px; */
	text-align: center;
	top: 138px;
	/* [disabled]left: 0px; */
}
.logo1 {
	width: 245px;
	height: 59px;
	position: absolute;
	left: 35px;
	top: 60px;
}
.sc1 {
	display: inline-block;
}
.scc1 {
	display: inline-block;
}
.content1 {
	position: relative;
	background-image: url(url);
	background-color: #FFFFFF;
}
.menu1 {
	width: 700px;
	font-size: 25px;
	position: absolute;
/*	top: 69px;
left: 305px; */
top: 111px;
    left: 94px;

}
.mn1 {
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-position: 2px 9px;
	transition-duration: 1s;
	float: left;
	cursor:pointer;

}
.mn1:hover {
	background-image: url(img/mn1.png);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-position: 2px 0px;
	transition-duration: 1s;
	float: left;
}
.mn2 {
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-position: 2px 12px;
	transition-duration: 0.01s;
	float: left;
	margin-left: 20px;
	cursor:pointer;

}
.mn2:hover {
	background-image: url(img/mn1.png);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-position: 2px 0px;
	transition-duration: 1s;
	float: left;
}

.bt {
	height: 39px;
	position: absolute;
	right: 35px;
	top: 73px;
   transition: 0.2s;
}
.content1 .content_text {
width: 94%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
max-width: 1220px;
}
.content2 .content_text {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	/* [disabled]margin-top: 25px; */
	padding-top: 30px;
}
.content_text img {
/*	border-radius: 200px; */
}
h1 {
	background-image: url(img/h1.png);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	width: 450px;
	margin-bottom: 0px;
	padding-bottom: 40px;
	line-height: 25px;
	font-size: 25px;
}
h2 {
	background-image: url(img/h2.png);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	width: 450px;
	margin-bottom: 0px;
	padding-bottom: 40px;
	line-height: 45px;
	font-size: 45px;
}
h3 {
	background-image: url(img/h2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	/* [disabled]width: 450px; */
	margin-bottom: 25px;
	padding-bottom: 40px;
	line-height: 45px;
	font-size: 45px;
	text-align: center;
}
.content_text3 .content_l h2 {
}
.ser {
	font-size: 30px;
	width: 250px;
	line-height: 30px;
	color: #727271;
	margin-top: 40px;
}


.content1 {
	background-image: url(img/back_fon1.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}
.txt {
	width: 50%;
	float: left;
	font-size: 20px;
}
.txt_img {
	width: 50%;
	float: right;
	margin-bottom: 40px;
	text-align: center;
}
.strl {
	background-image: url(img/crkl.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.content2 {
	background-color: #F1F1F1;
}
.prod {
	text-align: center;
	position: relative;
	padding-bottom: 20px;
padding-top: 20px;
}
.pr1 {
	display: inline-block;
	width: 299px;
	height: 291px;
	background-image: url(img/r1.png);
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}
.pr2 {
	display: inline-block;
	width: 299px;
	height: 291px;
	background-image: url(img/r2.png);
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}
.pr3 {
	display: inline-block;
	width: 299px;
	height: 291px;
	background-image: url(img/r3.png);
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}
.pr4 {
	display: inline-block;
	width: 299px;
	height: 291px;
	background-image: url(img/r4.png);
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}
.pr5 {
	display: inline-block;
	width: 299px;
	height: 291px;
	background-image: url(img/r5.png);
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}
.pr6 {
	display: inline-block;
	width: 299px;
	height: 291px;
	background-image: url(img/r6.png);
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}
.pr7 {
	display: inline-block;
	width: 299px;
	height: 291px;
	background-image: url(img/r7.png);
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}
.pr8 {
	display: inline-block;
	width: 299px;
	height: 291px;
	background-image: url(img/r8.png);
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}
.pr9 {
	display: inline-block;
	width: 299px;
	height: 291px;
	background-image: url(img/r9.png);
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}
.pr10 {
	display: inline-block;
	width: 299px;
	height: 291px;
	background-image: url(img/r10.png);
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}
.price {
	position: absolute;
	left: 9px;
	top: 163px;
	font-size: 20px;
	font-weight: bold;
}
.bl {
	color: #33B3E8;
}
.name_pr {
	color: #000000;
	font-size: 25px;
	position: absolute;
	left: 9px;
	top: 197px;
}
.content3 {
	background-image: url(img/back_fon2.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.content_text3 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 100px;
	position: relative;
	max-width: 1140px;
}
.content_l {
	width: 50%;
	float: left;
	background-image: url(img/ct2.png);
	background-repeat: no-repeat;
	background-position: right 0%;
	margin-bottom: 40px;
}
.form {
	background-color: #F1F1F1;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 35px;
	padding-right: 35px;
	padding-bottom: 35px;
	border-radius: 25px;
	padding-left: 35px;
	text-align: center;
	margin-top: 100px;
}
.form2 .frm  {
	border-top: 1px solid #F1F1F1;
	border-left: 1px solid #F1F1F1;
	border-right: 1px solid #F1F1F1;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-bottom: 1px solid #C8C7C7;
	background-color: #F1F1F1;
	color: #727271;
	float: left;
	margin-left: 10px;
	width: 40%;
	margin-bottom: 20px;
	margin-right: 10px;
}
 .but {
	border: 1px solid #48BAEA;
	border-radius: 20px;
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: linear-gradient(#465AA4, #00A0E3);
	width: 160px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-top: 20px;
   transition: 0.5s;
    text-decoration: none;
}
.but:hover {
	border: 1px solid #48BAEA;
	border-radius: 20px;
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: linear-gradient(#35457B, #0083BB);
	width: 160px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-top: 20px;
}

a.but2:link {
	border: 1px solid #48BAEA;
	border-radius: 20px;
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: linear-gradient(#465AA4, #00A0E3);
	width: 290px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
   transition: 0.5s;
    text-decoration: none;
    display: block;

}
a.but2:active {
	border: 1px solid #48BAEA;
	border-radius: 20px;
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: linear-gradient(#465AA4, #00A0E3);
	width: 290px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
   transition: 0.5s;
    text-decoration: none;
    display: block;

}
a.but2:visited {
	border: 1px solid #48BAEA;
	border-radius: 20px;
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: linear-gradient(#465AA4, #00A0E3);
	width: 290px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
   transition: 0.5s;
    text-decoration: none;
    display: block;

}

a.but2:hover {
	border: 1px solid #48BAEA;
	border-radius: 20px;
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: linear-gradient(#35457B, #0083BB);
	width: 290px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
    display: block;
}

.content_r {
	width: 50%;
	float: right;
	padding-bottom: 40px;
}
.content4 {
	background-color: #F1F1F1;
	background-image: url(img/back_fon3.png);
	/* [disabled]width: 1220px; */
	background-repeat: no-repeat;
}
.content4 .content_text4 {
margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    max-width: 1220px;
    width: 98%;
}
.wh1 {
	width: 240px;
	height: 121px;
	display: inline-block;
	background-image: url(img/wh1.png);
	padding-top: 200px;
}
.wh2 {
	width: 240px;
	height: 121px;
	display: inline-block;
	background-image: url(img/wh2.png);
	padding-top: 200px;
}
.wh3 {
	width: 240px;
	height: 121px;
	display: inline-block;
	background-image: url(img/wh3.png);
	padding-top: 200px;
}
.wh4 {
	width: 240px;
	height: 121px;
	display: inline-block;
	background-image: url(img/wh4.png);
	padding-top: 200px;
}
.wh5 {
	width: 240px;
	height: 121px;
	display: inline-block;
	background-image: url(img/wh5.png);
	padding-top: 200px;
}
.foot {
	background-image: url(img/foot.png);
	height: 260px;
}
.foot .foot_text {
	width: 98%;
	color: #FFFFFF;
	position: relative;
	/* [disabled]padding-top: 76px; */
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
}
.logo2   {
	width: 244px;
	height: 59px;
	position: absolute;
	top: 58px;
}
.menu_foot
 
{
	position: absolute;
	width: 250px;
	left: 432px;
	top: 78px;
}
.mn_ft {
	background-image: url(img/crkl2.png);
	background-repeat: no-repeat;
	padding-left: 23px;
	background-position: 2% 7px;
	font-size: 20px;
}
.foot_contacts {
	width: 300px;
	right: 0px;
	position: absolute;
	top: 78px;
	text-align: right;
	font-size: 20px;
}
.phone2 {
	background-image: url(img/ft1.png);
	background-repeat: no-repeat;
	background-position: 104px 4px;
	margin-bottom: 10px;
}
.mail2 {
	background-image: url(img/ft2.png);
	background-repeat: no-repeat;
	background-position: 93px 6px;
	margin-bottom: 10px;
}
.addr2 {
	background-image: url(img/ft3.png);
	background-repeat: no-repeat;
	background-position: 6px 6px;
}
.scrollup{
width:80px;
height:80px;
opacity:0.9;
position:fixed;
bottom:50px;
right:50px;
display:none;
text-indent:-9999px;
background: url(img/icon_top.png) no-repeat;
}


#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: linear-gradient(#465AA4, #00A0E3);

    background-repeat: no-repeat;
    color: #fff;
    border-radius: 10px;	
	font-size: 16px;

    }  




#boxes #dialog {
   position: fixed;
    width:80%; 
    padding:10px;
    z-index: 1000000;
    }  

#boxes #dialog1 {
   position: fixed;
    width:80%; 
    padding:10px;
    z-index: 1000000;
    }  

#boxes #dialog2 {
   position: fixed;
    width:80%; 
    padding:10px;
    z-index: 1000000;
    }  
#boxes #dialog3 {
   position: fixed;
    width:80%; 
    padding:10px;
    z-index: 1000000;
    }  
#boxes #dialog4 {
   position: fixed;
    width:80%; 
    padding:10px;
    z-index: 1000000;
    }  
#boxes #dialog5 {
   position: fixed;
    width:80%; 
    padding:10px;
    z-index: 1000000;
    }  
#boxes #dialog6 {
   position: fixed;
    width:80%; 
    padding:10px;
    z-index: 1000000;
    }  




.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;
}


.map {margin-top: -20px;}
}