html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
ol, ul {
list-style: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
b,strong{font-weight: bold;}
.clearfix:after, .clearfix:before{
content: " ";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
img{
max-width: 100%;
height: auto;
}
*{
outline: none;
}
.shadow-text{
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}
input::-webkit-input-placeholder {font: 16px "Open Sans", sans-serif; color: #fff;}
input::-moz-placeholder {font: 16px "Open Sans", sans-serif; color: #fff;}
input:-moz-placeholder {font: 16px "Open Sans", sans-serif; color: #fff;}
input:-ms-input-placeholder {font: 16px "Open Sans", sans-serif; color: #fff;}
.clearfix {
display: block;
}
body {
-webkit-font-smoothing: antialiased;
font-weight: 400;
font-size: 16px;
line-height: 1.5em;
margin: 0;
padding: 0;
font: 400 16px "Open Sans", sans-serif;
color: #333;
}
h1{
font-size: 80px;
font-weight: bold;
text-align: center;
color: #fff;
text-transform: uppercase;
line-height: 70px;
}
h1 span{
font-size: 44px;
}
h2{
font-size: 54px;
text-align: center;
font-weight: 700;
color: #333333;
text-transform: uppercase;
}
h3{
font-size: 80px;
font-weight: bold;
text-align: center;
color: #fff;
text-transform: uppercase;
line-height: 70px;
}
h3 span{
font-size: 44px;
}
a{
text-decoration: none;
color: #fff;
border-radius: 40px;
}
button{
padding: 5px;
}
.buttom{
border: 0;
text-decoration: none;
cursor: pointer;
width: 290px;
font-family: "Open Sans", Helvetica, sans-serif;
color: #fff;
font-weight: 700;
font-size: 20px;
background: #50d65e;
display: block;
text-align: center;
padding: 20px 0px;
box-shadow: 0px 4px 1px #2aa537;
text-transform: uppercase;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.buttom:hover{
box-shadow: none;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.buttom:active {
box-shadow: inset 0px 2px 4px #2aa537;
}
/*
input{
padding: 19px 0px 20px 30px;
width: 260px;
border-radius: 10px;
box-shadow: inset 0px 4px 6px rgba(0, 0, 0, .4);
font-size: 18px;
color: #131313;
margin: 0px 10px 0px 0px;
}
*/
.centerBut{
display: block;
margin: 15px auto 0px auto;
}
.centerText{
text-align: center;
}
.colorRed{
color: red;
}
.main-wrap{
overflow: hidden;
background: #ffe8e0;
}
.padStyle{
padding: 30px 0px;
}
.padStyleSec{
padding: 70px 0px 25px 0px;
}
.padh{
padding: 40px 0px 15px 0px;
}
.f-normal{font-weight: normal;}
.f-bolder{font-weight: 800;}
.f-bold{font-weight: 700;}
.f-bold-it{font-weight: 600; font-style: italic;}
.f-it{font-style: italic;}
.mob-vis{display: none;}
.slick-dots li button:before{
font-size: 60px;
}
.star5{
width: 100%;
}
.star45{
width: 90%;
}
.star4{
width: 80%;
}
.star35{
width: 70%;
}
.star3{
width: 60%;
}
.tovbut{
width: 240px;
padding: 15px 0px;
cursor: pointer;
}
.single-item{
width: 822px;
margin: 0 auto;
}
.popup{
position: fixed;
display: none;
width: 320px;
top: 10%;
left: 50%;
margin-left: -160px;
overflow: hidden;
background: #fff;
z-index: 9999;
border-radius: 8px;
-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}
.popup .popup-cont{
position: relative;
}
.popup a.close {
position: absolute;
display: block;
width: 28px;
height: 28px;
top: 5px;
right: 5px;
text-indent:-9999px;
z-index: 999;
cursor: pointer;
background:url(../images/close-p.png) no-repeat;
}
.popup .popup-top{
padding: 20px 10px 0;
text-align: center;
}
.popup .popup-info{
height: 240px;
overflow: hidden;
}
.popup .popup-info h4{
padding: 0 0 10px;
font-size: 22px;
font-weight: 700;
line-height: 1.3em;
}
.popup .popup-info h4>span{
display: block;
font-size: 16px;
font-weight: 400;
font-style: italic;
color: #bbb;
}
.popup .popup-info h4>span:before{
content: 'Комплект: ';
}
.popup .popup-info img{
display: block;
}
.popup .popup-top .cost{
padding: 15px 0 0;
font-size: 28px;
color: #ff70a6;
text-align: center;
font-weight: 700;
}
.popup .popup-top .cost>span{
margin-right: 30px;
font-size: 24px;
color: #333;
text-decoration: line-through;
}
.popup .popup-order{
padding: 15px 0;
}
.popup .m1-form>div{
width: 280px;
margin: 0 auto 10px;
}
.popup .m1-form input{
position: relative;
display: block;
outline: 0;
border: 0;
width: 100%;
height: 50px;
line-height: 50px;
margin: 0;
background: #fbfbfb;
border: 1px solid #ccc;
text-align: center;
font-size: 18px;
font-family: "Open Sans", Helvetica, sans-serif;
font-weight: 400;
border-radius: 35px;
}
.popup .m1-form button{
width: 100%;
height: 60px;
padding: 0;
border-radius: 35px;
line-height: 60px;
}
.popup .m1-form input::-webkit-input-placeholder {color: #999; opacity: 1;}
.popup .m1-form input:-moz-placeholder {color: #999; opacity: 1;}
.popup .m1-form input::-moz-placeholder {color: #999; opacity: 1;}
.popup .m1-form input:-ms-input-placeholder {color: #999; opacity: 1;}
/**********popup with form**********//* michael-k90 */
#overlay {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
display: none;
background: #000;
opacity: 0.8;
z-index: 999;
}
@media screen and (max-width: 639px) {
.popup{
top: 10px;
}
.popup .popup-info{
height: 60px;
}
}