@charset "utf-8";
/* CSS Document */
body {font-family:'Poppins', Arial, Helvetica, sans-serif;margin:0;padding:0;font-size:16px;font-weight:400;background: #0E365C;color:#0A0A0A;min-width:320px;}
@media screen and (min-width: 639px)
{
	body {background: #0E365C;background: linear-gradient(0deg,rgba(14, 54, 92, 1) 0%, rgba(33, 145, 205, 1) 100%);}
}
input:-internal-autofill-selected {background:none;}
* {margin:0;padding:0;box-sizing:border-box;}
img {border:0;outline:none;}
a {text-decoration:none;outline:none;}
button, .submit {display:block;outline:none;border:none;cursor:pointer;font-family:'Poppins', Arial, Helvetica, sans-serif;background:none;color:inherit;}
button, input, textarea {font-family:'Poppins', Arial, Helvetica, sans-serif;}
li {display:block;padding:0px;margin:0px;list-style:none;}
*::selection {background:none;color:inherit;}
img::selection {background:none;}
#default {display:block;position:fixed;z-index:-1;top:0px;left:0px;right:0px;bottom:0px;width:100%;height:100%;}
#default-hold {display:block;position:fixed;z-index:-1;}
@media screen and (max-width: 479px)
{
	body {font-size:15px;}
	#default-hold {width:10px;}
}
@media screen and (min-width: 479px)
{
	body {font-size:15px;}
	#default-hold {width:50px;}
}
@media screen and (min-width: 639px)
{
	#default-hold {width:150px;}
}
@media screen and (min-width: 777px)
{
	#default-hold {width:250px;}
}
@media screen and (min-width: 959px)
{
	body {font-size:16px;}
	#default-hold {width:350px;}
}
@media screen and (min-width: 1169px)
{
	#default-hold {width:450px;}
}
@media screen and (min-width: 1399px)
{
	#default-hold {width:550px;}
}
@media screen and (min-width: 1639px)
{
	#default-hold {width:650px;}
}
@media screen and (min-width: 1919px)
{
	#default-hold {width:750px;}
}
@media screen and (min-width: 2299px)
{
	#default-hold {width:850px;}
}

/* Transition */
p.cancel,
button, button:hover,
input, input:focus, input:hover, textarea, textarea:focus,
a, a img, a::before, a::after
	{transition:color 0.3s, background 0.3s, border 0.3s, opacity 0.3s;-moz-transition:color 0.3s, background 0.3s, border 0.3s, opacity 0.3s;-webkit-transition:color 0.3s, background 0.3s, border 0.3s, opacity 0.3s;-o-transition:color 0.3s, background 0.3s, border 0.3s, opacity 0.3s;}
a svg, button svg
	{transition:fill 0.3s;-moz-transition:fill 0.3s;-webkit-transition:fill 0.3s;-o-transition:fill 0.3s;}

/* clear */
.hold {margin:auto;width:88%;min-width:300px;max-width:1640px;box-sizing:border-box;}
	*.hold::after {display:block;clear:both;content:" ";line-height:0px;height:0px;}
	*.clear::after {display:block;clear:both;content:" ";line-height:0px;height:0px;}

/* def */
*.lazy {background:url(../../file/loader-32.gif) center no-repeat;}
*.lazy.lazy-on {background:none;}
*.ellipsis {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
	*.zoom-5 {-o-transition:transform 0.5s;-moz-transition:transform 0.5s;-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;}
	*.zoom-5:hover {-ms-transform: matrix(1.05, 0, 0, 1.05, 0, 0);-webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0);transform: matrix(1.05, 0, 0, 1.05, 0, 0);}
	*.zoom-5-shadow {transition:transform 0.5s, box-shadow 0.5s;-moz-transition:transform 0.5s, box-shadow 0.5s;-webkit-transition:-webkit-transform 0.5s, box-shadow 0.5s;-o-transition:transform 0.5s, box-shadow 0.5s;}
	*.zoom-5-shadow:hover {-ms-transform: matrix(1.05, 0, 0, 1.05, 0, 0);-webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0);transform: matrix(1.05, 0, 0, 1.05, 0, 0);-webkit-box-shadow:0px 1px 12px rgba(0,0,0,0.1);box-shadow:0px 1px 12px rgba(0,0,0,0.1);}
*.butonon {font-size:1em;box-sizing:border-box;line-height:1.2em;padding:1.4em 1.25em;color:#ffffff;background:#E24C0B;-moz-border-radius:1em;border-radius:1em;cursor:pointer;letter-spacing:-0.02em;height:4em;}
	*.butonon:hover {background:#930C0C;}

/* animst */
.an-left.an-off {-ms-transform: matrix(1, 0, 0, 1, -90, 0);-webkit-transform: matrix(1, 0, 0, 1, -90, 0);transform: matrix(1, 0, 0, 1, -90, 0);filter:alpha(opacity=0);opacity:0;}
.an-zoom.an-off {-ms-transform: matrix(0.8, 0, 0, 0.8, 0, 0);-webkit-transform: matrix(0.8, 0, 0, 0.8, 0, 0);transform: matrix(0.8, 0, 0, 0.8, 0, 0);filter:alpha(opacity=0);opacity:0;}
.an-up.an-off {-ms-transform: matrix(1, 0, 0, 1, 0, 60);-webkit-transform: matrix(1, 0, 0, 1, 0, 60);transform: matrix(1, 0, 0, 1, 0, 60);filter:alpha(opacity=0);opacity:0;}
.an-fade.an-off {filter:alpha(opacity=0);opacity:0;}
.animst.an-left, .animst.an-zoom, .animst.an-up {transition:transform 1.5s, opacity 1.5s;-moz-transition:transform 1.5s, opacity 1.5s;-webkit-transition:-webkit-transform 1.5s, opacity 1.5s;-o-transition:transform 1.5s, opacity 1.5s;}
.animst.an-fade {transition:opacity 1.5s;-moz-transition:opacity 1.5s;-webkit-transition:opacity 1.5s;-o-transition:opacity 1.5s;}

/* animst */
*.lo-ready {transition:background 1.5s;-moz-transition:background 1.5s;-webkit-transition:background 1.5s;-o-transition:background 1.5s;}
	body.ready *.lo-ready {background:none;}
*.f-ready {filter:alpha(opacity=0);opacity:0;transition:opacity 1.5s;-moz-transition:opacity 1.5s;-webkit-transition:opacity 1.5s;-o-transition:opacity 1.5s;}
	body.ready *.f-ready {filter:alpha(opacity=100);opacity:1;}
.an-diz.an-off {-ms-transform: matrix(1, 0, 0, 1, 0, 60);-webkit-transform: matrix(1, 0, 0, 1, 0, 60);transform: matrix(1, 0, 0, 1, 0, 60);filter:alpha(opacity=0);opacity:0;}
.an-diz {transition:transform 1.5s, opacity 1.5s;-moz-transition:transform 1.5s, opacity 1.5s;-webkit-transition:-webkit-transform 1.5s, opacity 1.5s;-o-transition:transform 1.5s, opacity 1.5s;}
.an-fade.an-off {filter:alpha(opacity=0);opacity:0;}
.an-fade {transition:opacity 1.5s;-moz-transition:opacity 1.5s;-webkit-transition:opacity 1.5s;-o-transition:opacity 1.5s;}


article {display:block;position:fixed;z-index:100;width:100%;height:100%;overflow:hidden;top:0%;left:0%;}

#uskoro {position:absolute;z-index:100;width:100%;height:100%;overflow:hidden;top:0%;left:0%;}
@media screen and (max-width: 777px)
{
	#uskoro {font-size:1.5vw;}
	#uskoro {font-size:clamp(12px, 1.4vh, 20px);}
	
}
@media screen and (min-width: 777px)
{
	#uskoro {font-size:clamp(14px, 1.85vh, 20px);}
}
#uskoro .front {position:absolute;z-index:120;width:90%;top:0%;left:5%;}
#uskoro .front .in {position:absolute;z-index:120;width:100%;top:50%;left:0%;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}
#uskoro .front .logo {width:100%;align-self: center;}
#uskoro .front .logo svg {fill:#ffffff;display: block;margin:auto;}
#uskoro .front .tx {color:#ffffff;width:100%;align-self: center;}
#uskoro .front .tx p {line-height:1.5em;text-align:center;letter-spacing: 0.3em;text-transform: uppercase;}
@media screen and (max-width: 777px)
{
	#uskoro .front {bottom:16em;}
	#uskoro .front .logo svg {height:13em;}
	#uskoro .front .tx {padding-top:7vh;}
	#uskoro .front .tx p {font-size:1.5em;}
}
@media screen and (min-width: 777px)
{
	#uskoro .front {bottom:10em;}
	#uskoro .front .logo svg {height:16em;}
	#uskoro .front .tx {padding-top:7.5vh;}
	#uskoro .front .tx p {font-size:1.5em;}
}
#uskoro .back {position:absolute;z-index:100;width:100%;height:100%;top:0%;left:0%;background: #0E365C;background: linear-gradient(0deg, rgba(14, 54, 92, 1) 0%, rgba(33, 145, 205, 1) 100%);}
#uskoro .back::after {position:absolute;z-index:102;width:100%;height:100%;top:0%;left:0%;background:rgba(0,0,0,0.15);display:block;content:' ';mix-blend-mode: multiply;}
#uskoro .back img {display: block;position:absolute;z-index:100;width:100%;height:100%;top:0%;left:0%;object-fit: cover;opacity: 0;-ms-transform: matrix(1.05, 0, 0, 1.05, 0, 0);-webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0);transform: matrix(1.05, 0, 0, 1.05, 0, 0);-o-transition:transform 1.5s, opacity 1s;-moz-transition:transform 1.5s, opacity 1s;-webkit-transition:-webkit-transform 1.5s, opacity 1s;transition:transform 1.5s, opacity 1s;}
#uskoro.start .back img {-ms-transform: matrix(1, 0, 0, 1, 0, 0);-webkit-transform: matrix(1, 0, 0, 1, 0, 0);transform: matrix(1, 0, 0, 1, 0, 0);opacity: 1;}
#uskoro .footer {position:absolute;z-index:120;width:90%;max-width:40em;height:10em;background:rgba(255,255,255,0.9);color:#487F84;border-radius:3em 3em 0em 0em;-ms-transform: translate(-50%, 0%);-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%);bottom:0%;left:50%;}	#uskoro .footer .in {position:absolute;z-index:100;top:50%;left:4%;width:92%;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}
#uskoro .footer a {color:inherit;}
#uskoro .footer a:hover {text-decoration: underline;text-decoration-style: wavy;}
#uskoro .footer .kontakt p {line-height: 1.1em;white-space: nowrap;}
#uskoro .footer .kontakt p.tel {font-weight:800;}
#uskoro .footer .soc p {line-height:1.5em;white-space: nowrap;}
#uskoro .footer .soc a {padding-left:2em;display: inline-block;}
#uskoro .footer .soc a img {display: block;float:left;margin-left:-2em;width:1.5em;}
@media screen and (max-width: 777px)
{
	#uskoro .footer {height:16em;max-width:25em;}
	#uskoro .footer .kontakt {text-align: center;}
	#uskoro .footer .kontakt p.tel {font-size:2em;}
	#uskoro .footer .kontakt p.mail {padding-top:0.5em;}
	#uskoro .footer .soc {text-align:center;padding-top:1.5em;}
	#uskoro .footer .soc p.insta {padding-top:0.5em;}
}
@media screen and (min-width: 777px)
{
	#uskoro .footer {height:10em;max-width:40em;}

	#uskoro .footer .kontakt {display: flex;justify-content: center;gap:1em;}
	#uskoro .footer .kontakt p.tel {font-size:2em;}
	#uskoro .footer .kontakt p.mail {padding-top:1em;}
	#uskoro .footer .soc {display: flex;justify-content: center;gap:1em;padding-top:1.5em;}
}

