/*
plycom.kz
*/


html {
font-family:sans-serif;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
height:100%;
}


a {outline:0; background-color:transparent; color:inherit; text-decoration:underline;}
a:active, a:hover {outline:0;}
a:hover {text-decoration:none;}



/* Reset styles */

html,body,div,h1,p {margin:0; padding:0;}
header,section {display:block;}
img {border:none; border:0;}

html {
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}

* {
margin:0;
padding:0;
}

/* Reset styles */





/* Disable selecting text */
* {
-webkit-touch-callout:none; /* iOS Safari */
-webkit-user-select:none; /* Safari */
-khtml-user-select:none; /* Konqueror HTML */
-moz-user-select:none; /* Firefox */
-ms-user-select:none; /* Internet Explorer/Edge */
user-select:none; /* Non-prefixed version, currently supported by Chrome and Opera */
}



/* Disable blue selection on tap */
* {
-webkit-tap-highlight-color:transparent;
}





body {
font-family:Arial, sans-serif;
padding:0;
margin:0;
background:#f0eeea;
}





body {
animation:fadeInAnimation ease 3s;
animation-iteration-count:1;
animation-fill-mode:forwards;
}

@keyframes fadeInAnimation {
0% {
opacity:0;
}
100% {
opacity:1;
}
}






#element {
position:absolute;
top:0;
left:0;
right:0;
text-align:center;
z-index:-1;
overflow:hidden;
}
#element img {
max-width:100%;
}





/* Flex div center */
@media only screen and (min-width:480px) { /* on big screen */
body {
width:100%;
min-height:100vh;
margin:0;
padding:0;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-ms-touch-action:manipulation;
touch-action:manipulation;
}
#box {
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
min-height:100vh;
width:100%;
flex-direction:column;
}
}





a {
color:#000;
text-decoration:none;
outline:none;
}




#content {
display:block;
max-width:700px;
padding:0;
margin:auto;
}


@media only screen and (max-width:480px) { /* on small screen */
#content {
padding:10px 10px;
}
}




#logo {
display:block;
padding:0;
margin:0;
margin-left:40px;
margin-top:30px;
}
#logo img {
max-width:125px;
}


@media only screen and (max-width:480px) { /* on small screen */
#logo {
margin-left:35px;
margin-top:15px;
}
#logo img {
max-width:101px;
}
}




#language-link {
display:block;
padding:0;
margin:20px 0;
}

#language-link a.go {
position:relative;
display:block;
background:#fff;
padding:35px 35px 38px 35px;
margin:18px 0;
border-radius:22px;
transition:0.22s;
border:1px solid #d1d1d1;
transform:scale(0.96);
}


@media only screen and (max-width:480px) { /* on small screen */
#language-link {
margin:15px 0;
}
#language-link a.go {
padding:25px 25px;
border-radius:18px;
margin:15px 0;
}
}




span.flex {
display:flex;
align-items:center; /* vertical */
}




span.txt {
display:block;
text-align:left;
font-size:25px;
line-height:30px;
padding-right:25px;
color:#555;
}


@media only screen and (max-width:480px) { /* on small screen */
span.txt {
font-size:17px;
line-height:22px;
padding-right:10px;
}
}




span.btn {
display:block;
padding:12px 10px;
border-radius:16px;
margin-left:auto; /* position - right */
margin-top:0px;
font-size:22px;
line-height:22px;
text-align:center;
min-width:110px;
background:#fff;
border:1px solid #d1d1d1;
transition:0.2s;
color:#656565;
}


@media only screen and (max-width:480px) { /* on small screen */
span.btn {
font-size:17px;
line-height:22px;
padding:10px 10px;
min-width:88px;
border-radius:14px;
}
}




@media only screen and (min-width:480px) { /* on big screen */
#language-link a.go:hover {
border-color:#222;
transform:scale(1);
box-shadow:rgba(100, 100, 111, 0.11) 0px 3px 10px 0px;
}
#language-link a.go:hover span.txt {
color:#000;
}
#language-link a.go:hover span.btn {
background:#000;
color:#fff;
border-color:#000;
}
}




#footer {
text-align:right;
padding:10px 0;
margin-right:43px;
margin-bottom:15px;
color:#b4b3b3;
}


@media only screen and (max-width:480px) { /* on small screen */
#footer {
padding:5px 0;
margin-right:35px;
margin-bottom:10px;
}
}


