* {
padding: 0;
margin: 0;
scroll-behavior: smooth;
font-family: 'Montserrat', sans-serif;
}

a{
text-decoration: none;
text-transform: none;
color: #fff;
}



.headphoneline{
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
	height: 6vh;
	background: #000;
	border-bottom: 1px solid #fff;
	font: 16px "Montserrat";
	color: #fff;
	line-height: 6vh;
	position: fixed;
}
.graf{
	float: right;
}

.logofon{
    width: 100%;
    background: url(/img/bgm.jpg) center top no-repeat;
    background-size: 100%;
    height: 26vh;
}

.logo{
    width: 90%;
    margin-left: 5%;
    margin-top: 4vh;
}

.headprip{
	 width: 100vw;
	 clear: both;
    font: 15px "Montserrat";
    color: #fff;
    letter-spacing: 0.5px;
    margin-top: 13vh;
    text-align: center;
    padding-bottom: 2vh;
}

.clear{
    width: 100%;
    height: 0px;
    clear: both;
}

.boxc{

	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
	min-height: 5vh;
margin-top: -12vh;
}


.boxc2{
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
	min-height: 5vh;
margin-top: 4vh;
margin-bottom: 2vh;
}



.boxc5{
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
    min-height: 5vh;
padding-top: 5vh;
background: #000;
}

.boxc5::after{
content: "";
height: 1px;
width: 100%;
display: block;
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 50%, rgba(0,0,0,1) 100%);
}



.banka{
	width: 50%;
	float: left;
	margin-left: -2%;
	clear: both;
}

.bigtext{
width: 50%;
font: 50px "Montserrat";
font-weight: 300;
float: left;
margin-top: 4vh;
text-align: right;	
padding-bottom: 2vh;
color: #fff;
}



.bah{
    width: 100%;
    padding-bottom: 0px;
    margin-bottom: 0px;
padding-top: 3vh;

}


.greyb{
    background: #3c4152;
    width: 100%;
    min-height: 10vh;
    margin-top: -1vh;
    padding-bottom: 5vh;

}


.poluk{
    background: #e89e2c;
    border-radius: 25px;
    min-height: 5vh;
    width: 90%;
    margin-left: 5%;
    overflow: hidden;
    margin-top: -2vh;
    z-index: 100;
    position: relative;
}

.wb1{
    width: 50%;
    height: 100%;
    background: #fff;
    float: left;
}

.tb1{
width: 100%;
font: 16px "Montserrat";
font-weight: 400;
text-align: center;
padding-top: 1vh;
padding-bottom: 1vh;
}
.bt2{
width: 100%;
font: 28px "Montserrat";
font-weight: 600;
text-align: center;
padding-bottom: 1vh;
}

.wb2{
    width: 50%;
    height: 100%;
    float: left;
}

.tb12{
width: 100%;
font: 16px "Montserrat";
font-weight: 400;
text-align: center;
padding-top: 1vh;
padding-bottom: 1vh;
color: #fff;
}
.bt22{
width: 100%;
font: 28px "Montserrat";
font-weight: 600;
text-align: center;
padding-bottom: 1vh;
color: #fff;
}




.forname{
font: 14px "Montserrat";
font-weight: 400; 
clear: both;
width: 90%;
margin-left: 5%;
color: #fff;
}

.forminp{
    width: 82.5%;
    margin-left: 5%;
    height: 44px;
    font: 18px "Montserrat";
font-weight: 400;
background: #fff;
outline: none;
border: none;
padding-left: 3%;
border: 8px solid #9597a0; 
border-radius: 30px;
}


.forminp2{
    width: 90%;
    margin-left: 5%;
    height: 60px;
    font: 18px "Montserrat";
font-weight: 400;
background: #fff;
outline: none;
border: none;
padding-left: 3%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
border: 8px solid #9597a0; 
border-radius: 30px;
}

.promej{
    width: 100%;
    height: 3vh;

}


.zrozam{
font: 22px "Montserrat";
font-weight: 600;  
width: 100%;
margin-top: 5vh;
color: #f3d64d;
text-align: center;
margin-bottom: 2vh;
}


.buttcl{
    width: 90%;
    margin-left: 5%;
    height: 70px;

font: 20px "Montserrat";

font-weight: 600;
letter-spacing: 0.3px;

color: #000;
outline: none;
border: none;

-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
border-radius: 35px;
margin-top: 5vh;
background: linear-gradient(to bottom, #efe256 0%,#fdb133 100%);
}

.buttcl:hover{
font-weight: 600;
background: linear-gradient(to bottom, #fdb133 0%,#efe256 100%);
}


.box90{
    width: 90%;
    margin-left: 5%;
    clear: both;
}

.pert{
font: 28px "Montserrat";
font-weight: 600;  
width: 100%;
text-align: center;
margin-top: 5vh;
}

.blackbox{
    width: 100%;
    border-radius: 20px;
    clear: both;
    overflow: hidden;
    margin-top: 5vh;
border: 1px solid #000;

-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);

}

.bli{
    width: 40%;
    float: left;
    background: url(/img/s1.jpg) center top no-repeat;
    background-size: cover;
    min-height: 18vh;
}

.bri{
    width: 55%;
    float: right;
    padding-top: 1vh;
    padding-bottom: 1vh;
    padding-right: 2%;
font: 17px "Montserrat";
font-weight: 400;  
}


.bli1{
    width: 40%;
    float: right;
    background: url(/img/s2.jpg) center top no-repeat;
    background-size: cover;
    min-height: 18vh;
}

.bri1{
    width: 55%;
    float: left;
    padding-top: 1vh;
    padding-bottom: 1vh;
    padding-left: 2%;
font: 17px "Montserrat";
font-weight: 400;  
}

.bli2{
    width: 40%;
    float: left;
    background: url(/img/s3.jpg) center top no-repeat;
    background-size: cover;
    min-height: 18vh;
}

.bli11{
    width: 40%;
    float: right;
    background: url(/img/s4.jpg) center top no-repeat;
    background-size: cover;
    min-height: 18vh;
}

.bli21{
    width: 40%;
    float: left;
    background: url(/img/s5.jpg) center top no-repeat;
    background-size: cover;
    min-height: 18vh;
}

.greyb2{
    background: #3c4152;
    width: 100%;
    min-height: 10vh;
    margin-top: 5vh;
    text-align: center;
}

.zrozam2{
font: 26px "Montserrat";
font-weight: 600;  
width: 100%;
padding-top: 5vh;
color: #fff;
text-align: center;
margin-bottom: 2vh;
letter-spacing: 0.5px;
}

.piram2{
width: 50%;
clear: both;
margin-bottom: -3vh;
}

.lineb{
    width: 100%;
    background: #2f3340;
    padding-top: 2vh;
    padding-bottom: 2vh;
    position: relative;
}

.linew{
    width: 100%;
    padding-top: 2vh;
    padding-bottom: 2vh;
    position: relative;
}

.boxinl1{
font: 16px "Montserrat";
font-weight: 600;
color: #fff;
width: 45%;
padding-left: 5%;
float: left;
text-align: left;
}


.boxinl2{
font: 16px "Montserrat";
font-weight: 400;
color: #fff;
width: 45%;
padding-right: 5%;
float: right;
text-align: right;
}


.podr{
font: 16px "Montserrat";
font-weight: 500;  
width: 90%;
margin-left: 5%;
clear: both;
color: #000;
margin-top: 3vh;
display: block;
}

.doss{
    width: 90%;
    margin-top: 3vh;
    margin-left: 5%;
font: 20px "Montserrat";
font-weight: 600;    
text-align: center;
}

.nov{
    width: 50%;
    margin-left: 25%;
    clear: both;
    margin-top: 2vh;
}

.np2{
    width: 100%;
    clear: both;
}

.blackbb{
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 3vh;
    padding-bottom: 3vh;
    min-height: 100px;
    background: #000;
    margin-top: -1vh;
    text-align: center;
font: 12px "Montserrat";
font-weight: 400; 
color: #fff;
}

.logom{
    width: 40%;
    margin-top: 3vh;

}

.hidden{
display: none;
}


.openboxbut{
    width: 80%;
    border: 2px solid #ffcc00;
    height: 30px;
    border-radius: 25px;
    font: 14px "Montserrat";
font-weight: 500; 
line-height: 30px;
color: #ffcc00;
margin-left: 10%;
margin-top: 3vh;
}

.openboxbut:hover{
background: #fff3c2;
color: #000;
}

.uslbox{
    width: 94%;
    padding-left: 3%;
    padding-right: 3%;
    padding-top: 2hv;
    padding-bottom: 2vh;
    background: #fff;
    color: #000;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 200;
    text-align: left;
    font: 14px "Montserrat";
font-weight: 400;
border-bottom: 1px solid #000;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
}





.closebu{
 background: url(/img/close.png) left top no-repeat;
 background-size: cover;
 display: block;
 height: 30px;
 width: 30px;
 float: right;
 clear: both;
 margin-top: 2vh;
 margin-right: 3%;
 margin-bottom: 2vh;
 position: relative;
}

.ttb{
    clear: both;
}






















.bigtext5{
width: 100%;
font: 26px "Montserrat";
font-weight: 200;
float: left;
margin-top: 1vh;
text-align: center; 
padding-bottom: 2vh;
color: #fff;
}

.boxcnoline{
	width: 96%;
	margin-left: 2%;
	margin-top: 3vh;
	height: auto;
}

.minzag{
    width: 100%;
    clear: both;
    font: 26px "Montserrat";
    font-weight: 100;
}

.minzag1{
    width: 100%;
    clear: both;
    font: 26px "Montserrat";
    font-weight: 100;
margin-top: 5vh;
}

.minzag5{
    width: 100%;
    clear: both;
    font: 26px "Montserrat";
    font-weight: 100;
    padding-top: 3vh;
    color: #fff;
    padding-bottom: 3vh;
}

.minzag6{
    width: 98%;
    margin-left: 2%;
    clear: both;
    font: 26px "Montserrat";
    font-weight: 100;
    color: #fff;
}



.forw1{
    width: 100%;
    border: 1px solid #499cea;
    margin-top: 3vh;
    background-color:rgba(73,155,234, 0.05);
    font: 16px "Montserrat";
    font-weight: 300;
    text-align: left;
    letter-spacing: 0.3px;
    line-height: 22px;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
float: left;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;

}



.forw1zag{
background-color:rgba(73,155,234, 0.15);
padding-top: 2vh;
padding-bottom: 2vh;
padding-left: 5vw;
padding-right: 5vw;

    font: 20px "Montserrat";
    font-weight: 300;
    text-align: center;
}


.forw2{
    width: 100%;
    border: 1px solid #ff910a;
    margin-top: 5vh;
    background-color:rgba(255,175,75, 0.05);
    font: 16px "Montserrat";
    font-weight: 300;
    text-align: left;
    letter-spacing: 0.3px;
    line-height: 22px;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
float: left;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;

}

.forw2zag{
background-color:rgba(255,175,75, 0.15);
padding-top: 2vh;
padding-bottom: 2vh;
padding-left: 5vw;
padding-right: 5vw;

    font: 20px "Montserrat";
    font-weight: 300;
    text-align: center;
}


.forw3{
    width: 100%;
    border: 1px solid #5fc202;
    margin-top: 5vh;
    background-color: rgba(95,194,2,0.05) ;
    font: 16px "Montserrat";
    font-weight: 300;
    text-align: left;
    letter-spacing: 0.3px;
    line-height: 22px;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
float: left;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;

}

.forw3zag{
background-color: rgba(95,194,2,0.15) ;
padding-top: 2vh;
padding-bottom: 2vh;
padding-left: 5vw;
padding-right: 5vw;

    font: 20px "Montserrat";
    font-weight: 300;
    text-align: center;
}

.boxitems{
    width: 100%;
    height: auto;
    margin-top: 2vh;
    padding-bottom: 1vh;
}


.lineitem{
    padding: 1.4vh;
}

.gb{
    width: 22px;
    float: left;
    margin-right: 3vw;
 padding-bottom: 1vh;
}

.aten{
    width: 30px;
    float: left;
    margin-right: 2vw;
 padding-bottom: 80px;
}

.aten2{
    width: 30px;
    float: left;
}

.aten3{
    width: 50px;
    float: left;
    margin-right: 3vw;
     padding-bottom: 120px;
}


.atentext{
    font: 14px "Montserrat";
    font-weight: 500;
    letter-spacing: 0px;
    padding-top: 7px;
}

.boxhow{
    padding-left: 3vw;
    padding-right: 3vw;
    padding-top: 2vh;
    padding-bottom: 2vh;
    font: 15px "Montserrat";
    font-weight: 400;
    text-align: left;
    letter-spacing: 0px;	
}


.fowsost{
    width: 94%;
    padding-left: 3vw;
    padding-right: 3vw;
    padding-top: 2vh;
    padding-bottom: 2vh;
    margin-top: 5vh;
    height: auto;
    border: 1px solid #d4d4d4;
    margin-top: 20px;
    background-color:rgba(246,246,246, 1);
    font: 16px "Montserrat";
    font-weight: 300;
    text-align: left;
    letter-spacing: 0.3px;
    line-height: 22px;

-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
float: left;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;

}


.fullbox{
	width: 100%;
    min-height: 100px;
    background: #000;
    background-image: url(/img/bg1mob.png);
    background-size: cover;

    background-repeat: no-repeat;
    padding-bottom: 5vh;
}

.vopros{
    width: 100%;
    clear: both;
    margin-top: 4vh;
    font: 16px "Montserrat";
    font-weight: 400;
    color: #fff;
}

.otvet{
    width: 100%;
    clear: both;
    margin-top: 1vh;
    font: 16px "Montserrat";
    font-weight: 300;
    margin-bottom: 5vh;
    text-align: justify;
}


.fullbox22{
	width: 100%;
    min-height: 100px;
    background: #000;
    background-image: url(/img/bgmobsec.png);
    background-size: cover;
    padding-bottom: 5vh;
    padding-top: 5vh;

}

.sfc{
	width: 70%;
	margin-left: 15%;
	clear: both;
    border: 1px solid #000;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
}


.fullbox3{
    width: 100%;
    min-height: 100px;
    background: #000;
    background-size: cover;
background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 5vh;
    padding-top: 5vh;

}

.doctext{
    width: 90%;
    margin-left: 2%;
    padding-left: 3vw;
    padding-right: 3vw;
    padding-top: 2vh;
    padding-bottom: 2vh;
    border: 1px solid #fff;
    margin-top: 3vh;
    background: #fefefe;
    font: 15px "Montserrat";
    font-weight: 400;
    text-align: left;
    letter-spacing: 0.2px;
    line-height: 26px;
clear: both;
text-align: justify;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
}

.docprip{
    width: 72%;
    margin-left: 2%;
    float: left;
    height: auto;
    font: 15px "Montserrat";
    font-weight: 400;
    color: #fff;
    border-bottom: 1px solid #fff;
    margin-top: 2vh;
}

.docfoto{
    width: 38vw;
    height: 38vw;
    border: 1px solid #fff;
    border-radius: 19vw;
    margin-left: -14vw;
    margin-top:-4vh;
display: block;
float: left;
background: url(/img/doctor.jpg)center center;
background-size: contain;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
}



.ovzivblock{
    width: 94%;
    padding-left: 3%;
    padding-right: 3%;
    height: auto;
    padding-top: 2vh;
    padding-bottom: 2vh;
    margin-top: 3vh;
    background-image: url(/img/teleg.png);
    background-repeat: no-repeat;
background-position: -4% 240%;
    background-color: rgba(95,194,2,0.04) ;
    font: 16px "Montserrat";
    font-weight: 300;
    text-align: left;
letter-spacing: 0.2px;
line-height: 22px;
border: 1px solid #c2e89d;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
float: left; 
margin-right: 40px;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;

}

.otzprip{
    clear: both;
    margin-top: 5vh;
    font: 14px "Montserrat";
    font-weight: 500;
    text-align: right;
}



.cirrazriv{
    width: 100%;
    clear: both;
    height: 0px;
    margin-top: 2vh;
}

.cirob{
width: 30vw;
height: 30vw;
border-radius: 20vw;
display: block;
padding: 2vw;

background: #3D159F;                                           
background: -webkit-linear-gradient(to right, #3D159F, #E10D63, #F78B0B);                                            
background: linear-gradient(to right, #3D159F, #E10D63, #F78B0B);

-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
float: left;
}

.cir{
display: block;
width: 100%;
height: 100%;
border-radius: 15vw;
background: #f6fafe;
}


.incirbig{
    width: 100%;
    height: 55%;
    line-height: 100%;
    font: 60px "Montserrat";
    font-weight: 600;
    text-align: center;
    clear: both;
}

.incirlit{
    width: 100%;
    height: 40%;
    line-height: 100%;
    font: 15px "Montserrat";
    font-weight: 400;
    text-align: center;
    clear: both;
}

.palkao{
    width: 10vw;
    height: 17vw;
    display: block;
    border-bottom: 1px solid #F78B0B;
    float: left;
}


.opisdost{
    width: 47vw;
    height: 30vw;
    float: left;
    border: 1px solid #000;
padding: 2vw;
border-image: linear-gradient(to right, #3D159F, #E10D63, #F78B0B) 30;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
font: 15px "Montserrat";
font-weight: 300;
overflow: hidden;
}

.punktir{
    width: 17vw;
    height: 7vh;
    display: block;
    clear: both;
    border-right: #dedede 5px dashed;;
}

.bigimb{
    width: 50%;
    margin-left: 25%;
    clear:both;
    margin-top: 3vh;
}




.kvadob{
width: 92vw;
height: auto;
background: red;
display: block;
padding: 2vw;
margin-top: 2vh;
background: #3D159F;                                           
background: -webkit-linear-gradient(to right, #3D159F, #E10D63, #F78B0B);                                            
background: linear-gradient(to right, #3D159F, #E10D63, #F78B0B);
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
float: right;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
}

.kvad{
display: block;
width: 100%;
height: 100%;
background: #f6fafe;
padding-bottom: 2vh;
}

.cena1{
padding: 3vw;
clear: both;
font: 36px "Montserrat";
font-weight: 200;
text-align: center;
}


.cena2{
font: 30px "Montserrat";
font-weight: 200; 
color: #e63600;
text-decoration: line-through;
width: 89%;
text-align: right;
margin-top: 3vh;
}

.cena3{
font: 70px "Montserrat";
font-weight: 400; 
color: #000;
width: 100%;
text-align: center;

}



.boxform{
    width: 100%;
    min-height: 300px;
    height: auto;
    clear: both;
    margin-top: 5vh;
    background: url(/img/zakstoi.png) no-repeat, linear-gradient(to top right, #fec800, #ff1451);
background-size: cover;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
padding-top: 2vh;
padding-bottom: 2vh;
}

.inform{
    width: 70%;
    height: auto;
    padding: 3vw;
    border: 1px solid #fff;
    margin: auto;

border-image: linear-gradient(to bottom left , #fec800, #ff1451) 30;
}




.ofortext{
    width: 100%;
    clear: both;
font: 22px "Montserrat";
font-weight: 200;
color: #fff;
padding-bottom: 20px;
}



.fullbox2{
    width: 100%;
    background:  rgba(134,174,204,0.6);
    background: rgba(109,162,199,0.5);
    background: #000;
    padding-bottom: 2vh;
    margin-top: 5vh;
}

.footertext{
    width: 80%;
    margin: auto;
    text-align: center;
font: 11px "Montserrat";
line-height: 18px;
font-weight: 300;
color: #fff;
}


.zatem{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background: linear-gradient(rgb(0,0,0, 0.8), rgb(0,0,0, 0.8));
z-index: 300;
}

.bocorderok{
    width: 80%;
    height: auto;
    display: block;
    margin: auto;
    margin-top: 10vh;

background: rgba(177,212,74,1);
background: -moz-linear-gradient(top, rgba(177,212,74,1) 0%, rgba(125,191,63,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(177,212,74,1)), color-stop(100%, rgba(125,191,63,1)));
background: -webkit-linear-gradient(top, rgba(177,212,74,1) 0%, rgba(125,191,63,1) 100%);
background: -o-linear-gradient(top, rgba(177,212,74,1) 0%, rgba(125,191,63,1) 100%);
background: -ms-linear-gradient(top, rgba(177,212,74,1) 0%, rgba(125,191,63,1) 100%);
background: linear-gradient(to bottom, rgba(177,212,74,1) 0%, rgba(125,191,63,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1d44a', endColorstr='#7dbf3f', GradientType=0 );

border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;

-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.8);
box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.8);
padding-bottom: 4vh;
}



.ocomht{
    width: 100%;
    clear: both;
font: 50px "Montserrat";
font-weight: 400;  
padding-top: 40px;
text-align: center;
color: #fff;
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.8);
}

.ocomn1{
width: 100%;
clear: both;
font: 20px "Montserrat";
font-weight: 300;  
padding-top: 10px;
text-align: center;  
}

.ocomn2{
width: 90%;
margin-left:5%;
clear: both;
font: 18px "Montserrat";
font-weight: 400;  
padding-top: 30px;
text-align: center;  
}


.ocomn3{
    margin: auto;
width: 55%;
clear: both;
font: 20px "Montserrat";
font-weight: 300;  
margin-top: 50px;
text-align: center;
color: #fff;  
border-bottom: 1px solid #fff;
}

.ocomn3::before{
    content: "";
    height: 20px;
    width: 20px;
    display: block;
    background: url(/img/dom.png);
    background-size: cover;
    float: left;
    margin-right: 2vw;

}