/*
version 2

sto.remontov.kz
*/



/* Reset styles */

html {
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}

a {outline:0; background-color:transparent; color:inherit; text-decoration:underline;}
a:active, a:hover {outline:0;}
a:hover {text-decoration:none;}

html,body,div,h1,p {margin:0; padding:0;}
header,section {display:block;}
img {border:none; border:0;}

* {
margin:0;
padding:0;
}

/* Disable selecting text */
* {
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}

/* Disable blue selection on tap */
* {
-webkit-tap-highlight-color:transparent;
}

/* Reset styles */





body {
animation:bodyAnimation ease 2s;
animation-iteration-count:1;
animation-fill-mode:forwards;
}
@keyframes bodyAnimation {
0% {
opacity:0;
}
100% {
opacity:1;
}
}





body {
margin:0;
padding:0;
font-family:Arial,Helvetica,sans-serif;
background:#fff;
}



#wrap {
padding:30px 25px;
}


@media only screen and (max-width:480px) { /* on small screen */
#wrap {
padding:30px 25px;
}
}


@media screen and (min-width: 600px) { /* on big screen */
#wrap {
max-width:600px;
margin:auto;
}
}




header {
display:block;
}

img#logo {
max-width:105px;
}

header a {
float:right;
text-decoration:none;
color:#000;
color:#2182cc;
color:rgb(30, 100, 230);
border-bottom:1px solid rgba(30, 100, 230, .25);
font-size:15px;
line-height:15px;
word-spacing:-0.07em;
word-spacing:-0.09em;
margin-top:2px;
}





h1 {
font-size:23px;
line-height:27px;
margin:20px 0 20px 0;
}


h3 {
font-size:18px;
margin:25px 0 15px 0;
}


p {
font-size:16px;
line-height:22px;
margin:0;
font-weight:normal;
margin-top:15px;
margin-bottom:15px;
}




ul {
list-style:none;
margin:15px 0;
}
ul li img {
display:inline-block;
vertical-align:bottom;
margin-right:3.5px;
margin-bottom:3.5px;
width:14px;
}
ul li {
color:#000000;
background:#E4F5FF;
margin:3px;
padding:13px 10px;
font-size:15px;
line-height:19px;
}

ul li:first-child {
border-top-left-radius:10px;
border-top-right-radius:10px;
}
ul li:last-child {
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
}






#btns {
display:block;
margin:20px 0;
}


a.link {
display:block;
margin:11px 0;
padding:15.5px 5px;
text-decoration:none;
outline:none;
text-align:center;
font-size:16px;
color:#fff;
border-radius:8px;
}
a.link img {
width:18px;
margin-right:1px;
filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(67deg) brightness(104%) contrast(104%);
vertical-align:bottom;
}

a.link.blue {
background:#009EFF;
}

a.link.green {
background:#00D44A;
}





#hello {
margin:22px -2px -3px -2px;
}
#hello img {
max-width:100%;
border-radius:18px;
box-shadow:rgba(149, 157, 165, 0.2) 0px 4px 12px;
}




#after-text {
text-align:center;
color:#000;
opacity:0.7;
font-size:14px;
line-height:16px;
margin:13px 0 33px 0;
}


#pre-text {
text-align:center;
color:#000;
opacity:0.7;
font-size:14px;
line-height:16px;
margin:33px 0 0px 0;
}




#reviews {
display:block;
margin:8px -25px 33px -25px;
overflow-x:scroll;
white-space:nowrap;
padding:10px 0;
}
.customer {
white-space:pre-wrap;
word-wrap:normal;
display:inline-block;
vertical-align:middle;
background:#f2f2f2;
border-radius:20px;
padding:9px 27px 9px 27px;
display:inline-block;
margin:0 10px;
margin:0 5px;
max-width:275px;
font-size:16px;
line-height:20px;
}
.customer.padding {
padding-top:15px;
padding-bottom:15px;
}

.customer:first-child {
margin-left:17px;
}
.customer:last-child {
margin-right:17px;
}

.customer span.stars {
color:orange;
display:block;
margin:0;
font-size:18px;
line-height:18px;
}

.customer span.author {
font-weight:bold;
color:#111;
font-size:14px;
display:block;
margin-top:15px;
}

.customer span.author span {
font-size:12px;
color:#aaa;
font-weight:normal;
margin-left:2px;
}


.customer.more {
background:#fff;
padding-left:10px;
padding-right:11px;
}
.customer span.counter {
display:block;
font-size:40px;
line-height:44px;
font-weight:bold;
padding:0;
margin:0;
}
.customer span.counter-info {
display:block;
font-size:16px;
line-height:20px;
padding:0;
margin:0;
}






a#whatsapp {
text-decoration:none;
border:none;
outline:none;
z-index:100;
position:fixed;
left:0;
right:0;
bottom:0;
font-size:16px;
line-height:20px;
font-weight:normal;
margin:0 17px 10px 17px;
text-align:center;
padding:10px;
color:#fff;
border-radius:14px;
background:#025CFF;
box-shadow:rgba(0, 0, 0, 0.06) 0px 1px 6px 0px, rgba(0, 0, 0, 0.16) 0px 2px 25px 0px;
}


@media screen and (min-width: 700px) { /* on big screen */
a#whatsapp {
max-width:610px;
margin:10px auto;
}
}


a#whatsapp span {
display:block;
margin:0;
padding:0;
-webkit-transform:translate3d(0,+7px,0);
font-weight:bold;
}


a#whatsapp span.small {
display:block;
font-size:11px;
line-height:11px;
margin:0.5px 0 4px 0;
padding:0;
-webkit-transform:translate3d(0,0,0);
font-weight:normal;
color:rgb(255,255,255, 0.75);
}


a#whatsapp span {
animation:textAnimation1 350ms;
animation-iteration-count:1;
animation-delay:2.2s;
animation-fill-mode:forwards;
}
@keyframes textAnimation1 {
0% {
/* -webkit-transform:translate3d(0,+3px,0); */
}
100% {
-webkit-transform:translate3d(0,0,0);
}
}


a#whatsapp span.small {
animation:textAnimation2 350ms;
animation-iteration-count:1;
opacity:0;
animation-delay:2.2s;
animation-fill-mode:forwards;
}
@keyframes textAnimation2 {
0% {
opacity:0;
}
100% {
opacity:1;
}
}




#help {
font-size:14px;
line-height:18px;
background:#f2f2f2;
color:#333;
padding:24px 20px;
border-radius:7px;
}




footer {
display:block;
margin:22px 0 0 0;
padding:20px 0 52px 0;
border-top:1px solid #ccc;
}
footer p {
font-size:12px;
line-height:17px;
color:#777;
margin:0;
}
footer a {
color:#999;
}