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

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

.head{
	width: 100%;
	height: auto;

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

.topline{
	width: 100%;
	background: #221f1f;
}

.contei{
	width: 1100px;
	margin: auto;
}


.logobox{
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}

.logo{
	height: 50px;
	clear: both;
}

.logoprip{
	width: 100%;
	clear: both;
	color: #fff;
	font: 11.3px "Montserrat";
	font-weight: 400;
}


.headregim{
color: #fff;
width: 50%;
float: right;
text-align: right;
font: 12px "Montserrat";
line-height: 18px;
font-weight: 300;
margin-top: 10px;
}

.headphh{
	clear: both;
	color: #fff;
font: 16px "Montserrat";
font-weight: 400;
margin-top: 10px;
}




.mainzag{
width: 100%;
clear: both;
font: 30px "Montserrat";
font-weight: 200;
line-height: 42px;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}

.greyline{
	width: 100%;
	background: #f7f7f7;
}

.linemoreh1{
	width: 100%;
	background: #e2e2e2;
	padding-top: 5px;
	padding-bottom: 5px;
	font: 12px "Montserrat";
	text-align: center;
}

.contei2{
	width: 1100px;
	margin: auto;
	margin-top: 30px;
}


.item {
	width: 23%;
	height: 516px;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	border-radius: 3px;
	float: left;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom:30px;

}

.item:hover{
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
	width: 24%;
	margin-left: 0.5%;
	margin-right: 0.5%;
	height: 536px;
	margin-top: -10px;
	margin-bottom: 20px;

}

.imit{
	border: 1px solid #e2e2e2;
	width: 90%;
	margin-left: 4.9%;
	margin-top: 4%;
}



.nazv{
	width: 90%;
	margin-left: 4.9%;
	margin-top: 7%;
	font: 14px "Montserrat";
	font-weight: 400;
	clear: both;
}


.lineon{
	width: 90%;
	margin-left: 4.9%;
	margin-top: 5%;
	font: 12px "Montserrat";
	font-weight: 300;
	clear: both;
	color: #2d6dfe;
}

.onimg{
	height: 15px;
	float: left;
	margin-right: 10px;
}

.pack{
	width: 90%;
	margin-left: 4.9%;
	margin-top: 5%;
	font: 14px "Montserrat";
	font-weight: 400;
	clear: both;
}

.deliv{
	width: 90%;
	margin-left: 4.9%;
	margin-top: 12%;
	font: 12px "Montserrat";
	font-weight: 400;
	clear: both;
	color: #00a046;
}

.delimg{
	height: 8px;
	margin-left: 8px;
}

.price{
	width: 90%;
	margin-left: 4.9%;
	margin-top: 2%;
	font: 24px "Montserrat";
	font-weight: 500;
	color: #000;
float: left;
}
.price::after{
	content: " грн.";
	font: 16px "Montserrat";
	font-weight: 400;
}


.top1{
	position: absolute;
	margin-top: 20px;
	margin-left: 25px;
	padding: 5px;
	padding-right: 10px;
	padding-left: 10px;
	background: #ff5c00;
	border-radius: 20px;
	font: 10px "Montserrat";
	font-weight: 600;
	color: #fff;
}

.top2{
	position: absolute;
	margin-top: 20px;
	margin-left: 25px;
	padding: 5px;
	padding-right: 10px;
	padding-left: 10px;
	background: #ffa900;
	border-radius: 20px;
	font: 10px "Montserrat";
	font-weight: 600;
	color: #fff;
}

.buybut{
	border: none;
	outline: none;
	width: 90%;
	margin-left: 5%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 5%;
	font: 14px "Montserrat";
	font-weight: 500;
	border-radius: 20px;
	background: rgb(255,212,3) linear-gradient(rgb(255,212,3), rgb(248,157,23));
	box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.15);
	cursor: pointer;

}

.buybut:hover{
	  box-shadow: inset 0 -1px 1px rgba(0,0,0,0), inset 0 1px 2px rgba(0,0,0,0), inset 0 0 0 60px rgba(255,255,0,.5);
	  
}

.butox{
position: absolute;
margin-bottom: 0px;
}


.footerline{
	width: 100%;
	background: #e2e2e2;
	font: 12px "Montserrat";
	font-weight: 400;
	line-height: 30px;
}

.endfooter{
	width: 100%;
	min-height: 70px;
	background: #221f1f;

}


.conteifoo{
	width: 1100px;
	margin: auto;
	color: #fff;
	padding-top: 20px;
	font: 10px "Montserrat";
	font-weight: 400;
	padding-bottom: 20px;
}




/*Страница товара*/


.firstprbox{
	margin-top: 30px;
	clear: both;
	width: 100%;
	height: auto;
}

.bigfotbox{
	width: 40%;
	padding: 1.5%;
	padding-bottom: 10px;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);	
	border-radius: 10px;
	float: left;
}

.bigfot{
border: 1px solid #e2e2e2;
width: 100%;

}

.secboxpbb{
float: right;
width: 54%
}



.prodnaz{
	width: 94%;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);	
	font: 16px "Montserrat";
	font-weight: 600;
padding: 2%;
padding-left: 3%;
padding-right: 3%;
border-radius: 10px;
clear: both;
}

.prodnaz2{
	width: 94%;
	font: 12px "Montserrat";
	font-weight: 400;
padding: 2%;
padding-left: 3%;
padding-right: 3%;
border-radius: 10px;
clear: both;
}

.prodnaz3{
width: 97%;
padding-left: 3%;
height: 30px;
clear: both;
line-height: 10px;
border-bottom: 1px solid #e2e2e2;
padding-bottom: 2%;
margin-top: 2%;
}

.prodfor{
height: 30px;
float: left;
}
.prodfortext{
margin-left: 10px;
margin-top: 8px;
	font: 12px "Montserrat";
	font-weight: 400;
float: left;
color: #2d6dfe;
}

.delivprod{
	width: 100%;
	margin-top: 3%;
	font: 12px "Montserrat";
	font-weight: 400;
	clear: both;
	color: #00a046;
	text-align: right;
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 3%;
}

.packprod{
	width: 90%;
	margin-left: 3%;
	margin-top: 3%;
	font: 14px "Montserrat";
	font-weight: 400;
	clear: both;
}


.packprod1{
	width: 90%;
	margin-left: 3%;
	margin-top: 2%;
	font: 14px "Montserrat";
	font-weight: 400;
	clear: both;
}


.packprod2{
	width: 90%;
	margin-left: 3%;
	margin-top: 1%;
	font: 14px "Montserrat";
	font-weight: 400;
	clear: both;
}




.top1prod {
clear: both;
display: inline-block;
	margin-top: 3%;
	margin-left: 82%;
	padding: 5px;
	padding-right: 10px;
	padding-left: 10px;
	background: #ff5c00;
	border-radius: 20px;
	font: 12px "Montserrat";
	font-weight: 600;
	color: #fff;
	text-align: center;

}

.top2prod {

clear: both;
display: inline-block;
	margin-top: 3%;
	margin-left: 81%;
	padding: 5px;
	padding-right: 10px;
	padding-left: 10px;
	background: #ffa900;
	border-radius: 20px;
	font: 12px "Montserrat";
	font-weight: 600;
	color: #fff;
	text-align: center;

}




.priceprod{
	width: 90%;
	margin-left: 3%;
	margin-top: 3%;
	font: 30px "Montserrat";
	font-weight: 500;
	color: #000;
	clear: both;
}
.priceprod::after{
	content: " грн.";
	font: 18px "Montserrat";
	font-weight: 400;
}


.buybutprod{
	border: none;
	outline: none;
	width: 45%;
	margin-left: 0%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 3%;
	font: 14px "Montserrat";
	font-weight: 500;
	border-radius: 20px;
	background: rgb(255,212,3) linear-gradient(rgb(255,212,3), rgb(248,157,23));
	box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.15);
	cursor: pointer;
	float: left;

}

.buybutprod:hover{
	  box-shadow: inset 0 -1px 1px rgba(0,0,0,0), inset 0 1px 2px rgba(0,0,0,0), inset 0 0 0 60px rgba(255,255,0,.5);
	  
}


.knoppodr{
	width: 45%;
	margin-left: 9.5%;
	text-align: center;
	padding-top: 9px;
	padding-bottom: 9px;
	margin-top: 3%;
	font: 14px "Montserrat";
	font-weight: 400;
	border-radius: 20px;
	color: #2d6dfe;
	border: 1px solid #7ca4ff;
	cursor: pointer;
	float: left;
	box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.15);
}

.knoppodr:hover{
background: #ebf1ff;
	box-shadow: none;
}

.zagopisprod{
	width: 100%;
	margin-top: 20px;
	clear: both;
	font: 16px "Montserrat";
	font-weight: 600;
	padding-bottom: 5px;
}

.aboutprod{
	width: 94%;
	background: #f7f7f7;
	border-radius: 10px;
	padding-bottom: 30px;
	padding-left: 3%;
	padding-right: 3%;
}

.ocnprod{
	clear: both;
	font: 16px "Montserrat";
	font-weight: 400;
	padding-top: 30px;


}

.whiteprodbox{
	width: 96%;
	padding: 2%;
	background: #fff;
	border-radius: 10px;
	margin-top: 5px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	font: 12px "Montserrat";
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0.3px;
}


.abzac{
	padding-left: 35px;
}
.abzac_kurs{
	padding-left: 35px;
	font-style: italic;
}


.zagprodinfo{
	font: 16px "Montserrat";
	font-weight: 600;
	line-height: 20px;
	padding-bottom: 5px;

}

.zagprodinfo::before{
content: "";
height: 20px;
width: 20px;
display: block;
background: url(/img/gg.png) center center no-repeat;
background-size: contain;
float: left;
margin-right: 10px;
}


ul {
  padding-left: 3%;
  list-style-type: none;
}

ul li {
	padding-left: 2.5%;
  background-image: url(/img/mar.jpg);
  background-size: 10px;
  background-position: 0px 2px;
  background-repeat: no-repeat;
  	font: 12px "Montserrat";
	font-weight: 500;
	letter-spacing: 0.5px;
	margin-top: 10px;
}

.zagprodinfospos{
	font: 16px "Montserrat";
	font-weight: 600;
	line-height: 20px;
	padding-bottom: 5px;
}

.zagprodinfospos::before{
content: "";
height: 25px;
width: 25px;
display: block;
background: url(/img/tabl.png) center center no-repeat;
background-size: contain;
float: left;
margin-right: 10px;
margin-top: -3px;
}


.zapvas{
	font: 16px "Montserrat";
	font-weight: 600;
	line-height: 20px;
	padding-bottom: 5px;
}

.zapvas::before{
content: "";
height: 23px;
width: 23px;
display: block;
background: url(/img/aten.png) center center no-repeat;
background-size: contain;
float: left;
margin-right: 10px;
margin-top: -2px;
}


.whitenopad{
margin-top: 30px;
padding-bottom: 30px;
}


.itempoh {
	width: 18%;
	height: 410px;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	border-radius: 3px;
	float: left;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom:30px;

}

.itempoh:hover {
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
}

.nazvpoh{
	width: 90%;
	margin-left: 4.9%;
	margin-top: 7%;
	height: 50px;
	font: 12px "Montserrat";
	font-weight: 400;
	clear: both;
	overflow: hidden;
}

.packpoh{
	width: 90%;
	margin-left: 4.9%;
	margin-top: 6%;
	font: 12px "Montserrat";
	font-weight: 500;
	clear: both;
}

.pricepoh{
	width: 90%;
	margin-left: 4.9%;
	margin-top: 2%;
	padding-top: 2%;
	font: 20px "Montserrat";
	font-weight: 500;
	color: #000;
float: left;
}
.pricepoh::after{
	content: " грн.";
	font: 14px "Montserrat";
	font-weight: 400;
}


.buybutpoh{
	border: none;
	outline: none;
	width: 80%;
	margin-left: 10%;
	text-align: center;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-top: 7%;
	font: 14px "Montserrat";
	font-weight: 500;
	border-radius: 20px;
	background: rgb(255,212,3) linear-gradient(rgb(255,212,3), rgb(248,157,23));
	box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.15);
	cursor: pointer;

}

.buybutpoh:hover{
	  box-shadow: inset 0 -1px 1px rgba(0,0,0,0), inset 0 1px 2px rgba(0,0,0,0), inset 0 0 0 60px rgba(255,255,0,.5);
	  
}


/*Страница оформления заказа*/
.whiteten{
	width: 60%;
	padding-left: 20%;
	padding-right: 20%;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-top: 2%;
	padding-bottom: 5%;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
	border-radius: 10px;
	min-height: 600px;
}

.ramkazak{
	border: 1px solid #e2e2e2;
	padding: 10px;
	border-radius: 5px;
	clear: both;
}

.zakimg{
		border: 1px solid #efefef;
		padding: 5px;
		width: 25%;
		float: left;
}

.zaknazv{
font: 14px "Montserrat";
font-weight: 600;
float: right;
padding-right: 10px;
width: 69%;
}

.zakinpac{
font: 14px "Montserrat";
font-weight: 400;
margin-top: 5%;
float: right;
padding-right: 10px;
width: 69%;
}

.zapprice{
font: 18px "Montserrat";
font-weight: 400;
margin-top: 3%;
float: right;
padding-right: 10px;
width: 69%;
text-align: right;
}

.priceprod2{
	width: 90%;
	font: 30px "Montserrat";
	font-weight: 500;
	color: #000;
	float: right;

}
.priceprod2::after{
	content: " грн.";
	font: 18px "Montserrat";
	font-weight: 400;
}


.ramkazak2{
	border: 1px solid #e2e2e2;
	padding: 10px;
	border-radius: 5px;
	clear: both;
	margin-top: 3%;
}

.np{
	float: left;
	width: 12%;
	margin-left: 6.5%;
margin-top: 2%;
}

.zakdost{
font: 12px "Montserrat";
line-height: 20px;
font-weight: 400;
float: right;
padding-right: 10px;
width: 69%;
}

.ramkazak3{
	border: 1px solid #e2e2e2;
	padding: 20px;
	border-radius: 5px;
	clear: both;
	margin-top: 3%;
	text-align: center;
}

.inpzak{
	border: none;
	outline: none;
	border: 1px solid #efefef;
	border-radius: 10px;
	padding: 10px;
	width: 70%;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);
	font: 14px "Montserrat";
line-height: 20px;
font-weight: 400;
clear: both;
}
.inpzak:focus{
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
border: 1px solid #e2e2e2;
}

.zakbefin{
	width: 70%;
	margin-left: 13.5%;
	clear: both;
font: 12px "Montserrat";
line-height: 20px;
font-weight: 400;
color: #7e7e7e;
text-align: left;
}



.zakbutl{
	border: none;
	outline: none;
	width: 73%;
	margin-left: 13.5%;
	text-align: center;
	padding: 10px;
	margin-top: 5%;
	font: 14px "Montserrat";
	font-weight: 500;
	border-radius: 20px;
	background: rgb(255,212,3) linear-gradient(rgb(255,212,3), rgb(248,157,23));
	box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.15);
	cursor: pointer;
	float: left;

}

.zakbutl:hover{
	  box-shadow: inset 0 -1px 1px rgba(0,0,0,0), inset 0 1px 2px rgba(0,0,0,0), inset 0 0 0 60px rgba(255,255,0,.5);
}


/* Страница оформленного заказа - всплывающая*/

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

.bocorderok{
    width: 700px;
    height: 300px;
    display: block;
    margin: auto;
    margin-top: 200px;
background: linear-gradient(to top, #015cc2 0%, #2d9efe 100%);

border-radius: 10px;

box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);
}

.ocomht{
    width: 100%;
    clear: both;
font: 40px "Montserrat";
font-weight: 400;  
padding-top: 40px;
line-height: 50px;
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;  
color: #fff;
}

.ocomn2{
width: 100%;
clear: both;
font: 18px "Montserrat";
font-weight: 400;  
padding-top: 30px;
text-align: center;  
color: #fff;
}


.ocomn3{
    margin: auto;
width: 20%;
clear: both;
font: 18px "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: 10px;
}

/* Конец заказа*/


.textbx{
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 3%;
	padding-bottom: 3%;
font: 14px "Montserrat";
font-weight: 400;  
line-height: 24px;
background: #f7f7f7;

margin-bottom: 3%;
border-radius: 10px;

}


h2{
font: 20px "Montserrat";
font-weight: 500;	
margin-top: 2%;
}

h1{
font: 26px "Montserrat";
font-weight: 600;	
}


.contei1{
	width: 1100px;
	margin: auto;
}


.textbx2{
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 0.1%;
	padding-bottom: 1%;
font: 14px "Montserrat";
font-weight: 400;  
line-height: 24px;
background: #f7f7f7;

margin-bottom: 3%;
border-radius: 10px;

}

p{
	margin-bottom: 1.5%;
}


.contei11{
	width: 1100px;
	margin: auto;
	margin-top: 1%;
	margin-bottom: -0.5%;
}

.tov{
clear: both;
font: 20px "Montserrat";
font-weight: 300;  	
}


.textbx22{
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 2.5%;
	padding-bottom: 1%;
font: 14px "Montserrat";
font-weight: 400;  
line-height: 24px;
background: #f7f7f7;

margin-bottom: 3%;
border-radius: 10px;
text-align: center;
}


.tas{
font: 14px "Montserrat";
font-weight: 400;  
color: #42AAFF;
line-height: 30px;
padding-left: 10px;
padding-right: 10px;
border-radius: 15px;
border: 1px solid #42AAFF;
margin-right: 20px;
display: inline-block;
margin-bottom: 15px;
background: #fff;
}

.tas:hover{
background: #42AAFF;
color: #fff;
}

.bs{
	color: #000;
	text-decoration: underline;
}


.pagin{
font: 16px "Montserrat";
font-weight: 400;  
color: #42AAFF;
line-height: 40px;
width: 40px;
text-align: center;
border: 1px solid #42AAFF;
margin-right: 20px;
display: inline-block;
margin-bottom: 15px;
background: #fff;	
}
.pagin:hover{
background: #42AAFF;
color: #fff;
}

.paginon{
background: #42AAFF;
color: #fff;
font: 16px "Montserrat";
font-weight: 400;  
line-height: 40px;
width: 40px;
text-align: center;
border: 1px solid #42AAFF;
margin-right: 20px;
display: inline-block;
margin-bottom: 15px;
}


.linelin{
	width: 100%;
	margin-bottom: 15px;
	clear: both;
	text-align: justify;
	border-bottom: 1px solid #efefef;
	padding-bottom: 15px;
}

.telin{
font: 16px "Montserrat";
font-weight: 500;  
color: #42AAFF;
clear: both;
text-decoration: underline;
margin-bottom: 10px;
display: inline-block;
}
.telin:hover{
color: #227dc7;
text-decoration: underline dotted;
}



.awhite{
	color: #fff;
}

/*--------------- New Finish --------------------------*/

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


.bocorderok{
    width: 700px;
    height: auto;
    margin: auto;
    margin-top: 200px;
padding-top: 3vh;
padding-bottom: 3vh;
background: #fff;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;

-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.8);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.8);
}


.ocomhtn{
    width: 86%;
    margin-left: 7%;

    clear: both;
font-size: 20px;
font-weight: 300;
line-height: 50px;  
text-align: center;
color: #fff;
border: 1px solid #77fc03;
border-radius: 5px;
box-shadow: 0px 0px 7px 0px rgba(119, 252, 3,0.3);
color: #14b814;
text-transform: uppercase;
}


.ocomn1n{
font-size: 18px;
width: 86%;
margin-left: 7%;
font-weight: 400;
color: #000;
text-align: center;
margin-top: 2vh;
}

.ocomn2n{
font-size: 16px;
width: 86%;
margin-left: 7%;
font-weight: 300;
color: #000;
text-align: center;
margin-top: 2vh;

}


.ocomn11n{
font-size: 18px;
width: 86%;
margin-left: 7%;
font-weight: 400;
color: #000;
text-align: center;
margin-top: 3vh;
line-height: 24px;
}
 


 .buttcl55{
width: 86%;
margin-left: 7%;
background: radial-gradient(ellipse at center, rgba(64,150,238,1) 0%, rgba(140,220,246,1) 100%);
border: 1px solid rgba(64,150,238,1);
font-size: 16px;
font-weight: 400;
margin-top: 3vh;
line-height: 40px;
border-radius: 20px;
cursor: pointer;
color: #fff;
box-shadow: 0px 2px 5px 0px rgba(64,150,238,0.5);
text-align: center;
}


.ocomn22n{
font-size: 14px;
width: 86%;
margin-left: 7%;
font-weight: 300;
color: #000;
text-align: center;
margin-top: 3vh;
}


.ocomn3n{
width: 86%;
margin-left: 7%;
clear: both;
font-size: 16px;
font-weight: 400;  
margin-top: 3vh;
text-align: left;
line-height: 40px;
color: #000;  
border: 1px solid #000;
border-radius: 20px;s
}

.ocomn3n::before{
    content: "";
    height: 20px;
    width: 20px;
    margin-top: 8px;
    margin-left: 30%;
    display: block;
    background: url(/img/dom2.png);
    background-size: cover;
    float: left;
    margin-right: 2vw;

}

/* Load Frame */

.hidden{
display: none;
}


.whitenezf{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient( 165deg,  rgba(255,255,255,0.95) 0%,rgba(255, 255,255,0.95) 100%);
    z-index: 100000;
}


.loadtextz{
    text-align: center;
    margin-top: 30vh;
    width: 100%;
    color: #000;
    font-size: 18px;
    font-weight: 400;
}

.loader-4 {
  width: 10px;
  height: 10px;
  position: relative;
  animation: loader-4 1s ease infinite;
  top: 50%;
  margin: -30px auto 0 auto;
}

@-webkit-keyframes loader-4 {
  0%, 100% {
    box-shadow: -10px 15px 0 #ffffff, 10px 15px 0 rgba(33, 199, 255, 0.2), 10px 36px 0 rgba(33, 199, 255, 0.2), -10px 36px 0 rgba(33, 199, 255, 0.2); }
  25% {
    box-shadow: -10px 15px 0 rgba(33, 199, 255, 0.2), 10px 15px 0 #ffffff, 10px 36px 0 rgba(33, 199, 255, 0.2), -10px 36px 0 rgba(33, 199, 255, 0.2); }
  50% {
    box-shadow: -10px 15px 0 rgba(33, 199, 255, 0.2), 10px 15px 0 rgba(33, 199, 255, 0.2), 13px 46px 0 #ffffff, -10px 36px 0 rgba(33, 199, 255, 0.2); }
  75% {
    box-shadow: -10px 15px 0 rgba(33, 199, 255, 0.2), 10px 15px 0 rgba(33, 199, 255, 0.2), 10px 36px 0 rgba(33, 199, 255, 0.2), -10px 36px 0 #ffffff; } }

@keyframes loader-4 {
  0%, 100% {
    box-shadow: -10px 15px 0 #ffffff, 10px 15px 0 rgba(33, 199, 255, 0.2), 10px 36px 0 rgba(33, 199, 255, 0.2), -10px 36px 0 rgba(33, 199, 255, 0.2); }
  25% {
    box-shadow: -10px 15px 0 rgba(33, 199, 255, 0.2), 10px 15px 0 #ffffff, 10px 36px 0 rgba(33, 199, 255, 0.2), -10px 36px 0 rgba(33, 199, 255, 0.2); }
  50% {
    box-shadow: -10px 15px 0 rgba(33, 199, 255, 0.2), 10px 15px 0 rgba(33, 199, 255, 0.2), 10px 36px 0 #ffffff, -10px 36px 0 rgba(33, 199, 255, 0.2); }
  75% {
    box-shadow: -10px 15px 0 rgba(33, 199, 255, 0.2), 10px 15px 0 rgba(33, 199, 255, 0.2), 10px 36px 0 rgba(33, 199, 255, 0.2), -10px 36px 0 #ffffff; } }


.loader-3 {
  width: 50px;
  height: 60px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: -30px auto 0;
  text-align: center;
}

.loader-3 div {
  background-color: #21c7ff;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: loader-3 1.2s infinite ease-in-out;
  animation: loader-3 1.2s infinite ease-in-out;
}

.loader-3 .item-2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.loader-3 .item-3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.loader-3 .item-4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.loader-3 .item-5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}


@-webkit-keyframes loader-3 {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4)
  }
  20% {
    -webkit-transform: scaleY(1.0)
  }
}

@keyframes loader-3 {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}