html{
width:100%;
}
body {
width:100%;
margin:0;
padding:0;
}
header {
width: 100%;
position: fixed;
font: 15px/40px Arial;
text-align:center;
background: rgba(0,0,0,0.6);
z-index: 3;
}
header div{
max-width:1200px;
text-align:left;
margin: 0 auto;
}
header h1 {
float: left;
width: 20%;
color: white;
padding: 10px 0;
}
header p
{
float: left;
padding: 10px 0;
color: white;
}
/* ------------------------------------------- */
/* ------------------------------------------- */
article {
font: 15px/40px Arial;
background:white;
width: 100%;
margin: 0 auto;
}
/* PRICE */
.width {
position: relative;
height: 100%;
margin: 0 auto;
width: 100%;
max-width: 1200px;
}
#pricePrice,
#priceDelivery {
padding: 40px 20px 0;
}
.priceRow {
width: 100%;
display: inline-block;
padding-bottom: 30px;
padding-top: 10px;
border-bottom: 1px solid #ddd;
}
#priceDelivery .priceRow {
padding-top: 0;
padding-bottom: 20px;
text-align: center;
font-size: 20px;
}
.priceRow div {
text-align: center;
float: left;
width: 25%;
font-weight: normal;
font-size: 30px;
padding: 10px 0;
}
div.pOldPrice {
position: relative;
font-size: 30px;
/* font-weight: bold; */
}
div.pOldPrice:before {
content: '';
width: 90px;
height: 39px;
display: inline-block;
background-image: url(../images/redLine.png);
background-repeat: no-repeat;
z-index: 1;
position: absolute;
top: 8px;
left: 0;
right: 0;
margin: 0 auto;
display: none;
}
div.pPrice {
font-weight: bold;
color: green;
}
.pButton button {
font-family: 'Open Sans', sans-serif;
position: relative;
background: -webkit-linear-gradient(#FFD700, #FF4500);
background: linear-gradient(#FFD700, #FF4500);
color: black;
font-size: 20px;
font-weight: bold;
text-decoration: none;
display: inline-block;
padding: 10px 60px;
border-radius: 1px;
margin-top: 0;
cursor: pointer;
}
/* MENU */
.Menu{
font: 35px/40px Tamora;
color: black;
margin:0;
padding:0 0 10px 0;
max-width:1200px;
}
#video {
width: 100%;
box-sizing: border-box;
max-width: 1200px;
margin: 0 auto;
height: 100%;
}
footer{
width:100%;
color:white;
margin-bottom:0;
text-align:center;
}
.sonic {
position:relative;
margin-top:-13.5%;
margin-left: 88.4%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
canvas { display: block; }
.image {
width: 100%;
background-size: contain;
background-position: 0 0;
background-image: url(files/images/gqTwOBBrDt4.jpg);
z-index: 1;
}
.im{
top:-175px;
border-radius:50%;
right:-80px;
opacity:0.2;
width:1100px;
height:1100px;
position:absolute;
background: rgba(255,255,255,0.37);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,0.37)), color-stop(47%, rgba(246,246,246,0.42)), color-stop(100%, rgba(237,237,237,0.47)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.37) 0%, rgba(246,246,246,0.42) 47%, rgba(237,237,237,0.47) 100%);
background: -webkit-radial-gradient(center ellipse, rgba(255,255,255,0.37) 0%, rgba(246,246,246,0.42) 47%, rgba(237,237,237,0.47) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,0.37) 0%, rgba(246,246,246,0.42) 47%, rgba(237,237,237,0.47) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
z-index: 1;
}
.i {
background: rgba(0,0,0,0.4);
text-align: center;
}
.echo{
width: 1200px;
margin: 0 auto;
display: inline-block;
padding: 160px 0 140px;
text-align: left;
height: initial;
}
.h{
font-family: 'Open Sans', sans-serif;
color:white;
font-size: 34px ;
margin-top:-480px;
}
header li {
list-style-type: none;
display: inline-block;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #fff;
width: 13%;
}
header a {
color: #fff;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
text-decoration: none;
}
#menu ul {
padding-left: 0;
padding-top: 10px;
margin-bottom: 10px;
}
#nav_up {
cursor: pointer;
text-transform: uppercase;
font-size: 24px;
font-weight: bold;
width: 14%;
}
.hh{
font-family: 'Open Sans', sans-serif;
position: relative;
padding: 40px 0;
color: white;
font-size: 14px;
font-weight:400;
width: 480px;
text-align: justify;
}
.FeedbackForm {display: none;}
.FForm {
background: #fff;
border: 1px solid #959595;
width: 420px;
padding: 40px 20px;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
position: fixed;
overflow-y: auto;
max-height: 420px;
outline: 3px solid #ffd700;
}
.FForm input,
.FForm textarea {
display: inline-block;
height: 40px;
width: 100%;
padding: 10px;
border: 1px solid #ddd;
margin-bottom: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.FForm h4 {
font-size: 30px;
padding: 0;
margin: 0 0 40px 0;
}
@media (max-width: 520px) {
.FForm {width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
}
#hhh,
#FBCall {
font-family: 'Open Sans', sans-serif;
position: relative;
background: -webkit-linear-gradient(#FFD700, #FF4500);
background: linear-gradient(#FFD700, #FF4500);
color: black;
font-size: 20px;
font-weight: bold;
text-decoration: none;
display: inline-block;
margin-top: 10px;
padding: 20px 90px;
border-radius: 1px;
}
.zakaz{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: white;
box-shadow: 0px 0px 7px rgba(0,0,0,0.5);
background: -webkit-linear-gradient(#FFD700, #FF8C00);
background: linear-gradient(#FFD700, #FF8C00);
margin-top: 20px;
float: left;
width: 240px;
height: 50px;
text-decoration: none;
font-size: 17px;
text-transform: uppercase;
border-radius: 1px;
padding-top: 5px;
font-weight: bold;
}
.forma{
font-size: 25px;
text-align:center;
margin-top:-30px;
font-family: 'Open Sans', sans-serif;
}
.formaa{
font-size: 15px;
text-align:center;
font-family: 'Open Sans', sans-serif;
}
.images{
width:290px;float:left;margin:5px;
border-radius: 2px;
box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}
.imagess{
width:290px;float:left; margin:5px ;
border-radius: 2px;
box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}
.dopp{
display: flex;
flex-wrap: wrap;
margin: 0 auto;
/* display:inline-block; */
width:1200px;
text-align:center;
}
.dopp .view .mask{
width: 100%;
height: 100%;
}
.dopp .view{
font-size: 0;
}
#popup__toggle{bottom:25px;right:10px;position:fixed;z-index:1;}
.img-circle{background-color:#FFA500;box-sizing:content-box;-webkit-box-sizing:content-box;}
.circlephone{box-sizing:content-box;-webkit-box-sizing:content-box;border: 2px solid #FF8C00;width:150px;height:150px;bottom:-25px;right:10px;position:absolute;border-radius: 100%;opacity: 0.9;-webkit-animation: circle-anim 2.4s infinite ease-in-out !important;animation: circle-anim 2.4s infinite ease-in-out !important;-webkit-transition: all .5s;-webkit-transition:all 0.5s;transition: all 0.5s;}
.circle-fill{box-sizing:content-box;-webkit-box-sizing:content-box;background-color:#FFD700;width:100px;height:100px;bottom:0px;right:35px;position:absolute;border-radius: 100%;border: 2px solid transparent;-webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;animation: circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition: all .5s;-webkit-transition:all 0.5s;transition: all 0.5s;}
.img-circle{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;bottom: 14px;right: 49px;position:absolute;border-radius: 100%;border: 2px solid transparent;opacity: 0.9;}
.img-circleblock{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;background-image:url(files/images/mini.png);background-position: center center;background-repeat:no-repeat;animation-name: tossing;-webkit-animation-name: tossing;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}
.img-circle:hover{opacity: 1;}
@keyframes pulse {0% {-webkit-transform: scale(0.9);transform: scale(0.9);opacity: 1;}
50% {-webkit-transform: scale(1);transform: scale(1); opacity: 1; }
100% {-webkit-transform: scale(0.9);transform: scale(0.9);opacity: 1;}}
@-webkit-keyframes pulse {0% {-webkit-transform: scale(0.95);opacity: 1;}
50% {-webkit-transform: scale(1);opacity: 1;}
100% {-webkit-transform: scale(0.95);opacity: 1;}}
@keyframes tossing {
0% {-webkit-transform: rotate(-8deg);transform: rotate(-8deg);}
50% {-webkit-transform: rotate(8deg);transform: rotate(8deg);}
100% {-webkit-transform: rotate(-8deg);transform: rotate(-8deg);}}
@-webkit-keyframes tossing {
0% {-webkit-transform: rotate(-8deg);}
50% {-webkit-transform: rotate(8deg);}
100% {-webkit-transform: rotate(-8deg);}}
@-webkit-keyframes circle-anim {
0% {-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity: .1;}
30% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-webkit-opacity: .5;}
100% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);-webkit-opacity: .1;}}
@keyframes circle-anim {
0% {-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;}
30% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;}
100% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);transform: rotate(0deg) scale(1) skew(1deg);
opacity: .1;}}
@-webkit-keyframes circle-fill-anim {
0% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2; }
50% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2; }
100% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@keyframes circle-fill-anim {
0% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
50% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
100% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
.photo{
display: block;
width:100%;
padding-bottom:100px;
text-align:center;
clear:both;
padding-top:100px;
}
.text{
font-style:italic; font-weight: bold; line-height: 1.5;max-width:1200px;
margin: 0 auto;
}
.textt{
line-height: 1.5;text-align: justify;max-width:1200px;
margin: 0 auto;text-indent: 1.5em;
}
.texttt{
font-style:italic; line-height: 1.5;max-width:1200px;
margin: 0 auto;
}
.name{
max-width:1200px;
margin: 0 auto;
}
.spisok{
line-height: 1.5; color:gray;max-width:1200px;text-indent: 1.5em;
margin: 0 auto;
}
.spisokk{
line-height: 1.5; max-width:1200px;
margin: 0 auto;
}
.form{
float:top;
clear:both;
display:block;
background: #F0F0F0 ;
max-width:100%;
margin: 0 auto;
padding-bottom:50px;
padding-top:100px;
}
.leftimg {
float:left; /* Выравнивание по левому краю */
margin: 0px 60px 60px 0; /* Отступы вокруг картинки */
display:block;clear:both;
padding-bottom:10px;
}
.rightimg {
float: right; /* Выравнивание по правому краю */
margin: 0px 0 60px 60px; /* Отступы вокруг картинки */
display:block;clear:both;
padding-bottom:10px;
margin: 0;
padding: 20px;
height: 100%;
}
.one{
box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
max-width:1200px;
margin: 0 auto; padding-bottom:20px;
display:block;
clear:both;
padding-top:20px;
}
.ones{
display:block;
clear:both;
padding:30px 30px 60px 30px;
}
.oness{
display:block;
clear:both;
padding:30px 30px 60px 30px;
}
.onesss{
display:block;
clear:both;
padding:30px 30px 60px 30px;
}
.main{
display:block;
clear:both;padding-bottom:20px;
}
.two{
background: #F0F0F0 ;
max-width:100%;
margin: 0 auto; padding-bottom:20px;
padding-top:20px;
display:block;
clear:both;
}
.three{
max-width:100%;
display:block;clear:both;
margin: 0 auto; padding-bottom:0px;
padding-top:20px;
}
.three .rowBox {
padding: 20px;
height: initial !important;
box-sizing: border-box;
}
.threes{
display: block;
max-width:100%;
margin: 0 auto; padding-bottom:20px;
clear:both;
height:300px;
}
.four{
background: #F0F0F0 ;
width:100%;
padding-top:40px;
padding-bottom:40px;
display: block;
clear:both;
height:200px;
}
.fourss{
background: #F0F0F0 ;
width:100%;
padding-top:40px;
padding-bottom:40px;
display: block;
clear:both;
height:260px;
}
.fours{
max-width:100%;
padding-bottom:20px;
padding-top:20px;
display:block;
clear:both;
height:200px;
}
.fifth{
max-width:100%;
margin: 0 auto; padding-bottom:20px;
padding-top:20px;
clear:both;
}
.zagolovok{
line-height: 3.5;text-align: justify;max-width:1200px;
margin: 0 auto;text-indent: 1.5em;
}
.photos{
width:1200px;
display: block;
text-align:center;
padding-bottom:40px;
}
.imagesss{
width:300px;margin:20px;
border-radius: 10px;
box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
}
.imagessss{
width:300px; margin:20px ;
border-radius: 10px;
box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
}
.r{
background-position: 0 0;
background-image: url(files/images/gqTwOBBrDt4.jpg);
z-index: 1;
height:80px;
}
.ii {
background: rgba(0,0,0,0.6);
text-align: center;
height:80px;
}
.copyright{
width:50%;
float:left;
padding: 10px 0;
text-align: left;
padding-left: 40px;
box-sizing: border-box;
}
.fPhone{
font-size: 22px;
font-weight:bold;
width:50%;
float:right;
padding: 10px 0;
text-align: right;
padding-right: 40px;
box-sizing: border-box;
}
.photoss{
width:100%;
display:inline-block;
text-align:center;
margin-bottom:50px;
}
.dop{
display:inline-block;
width:1200px;
text-align:center;
}
.box {
width: 29%;
height: 340px;
border-radius: 10px;
box-shadow: 0 0 10px black;
position: relative;
overflow: hidden;
padding: 0;
margin:20px;
float:left;
}
.box:hover {
box-shadow: 0 0 15px black;
}
.box h3 {
background-image: url(files/images/1111.jpg);
background-size:cover;
display: inline-block;
text-align: center;
width: 100%;
margin: 0;
font-size:15px;
color: #fff;
text-transform: uppercase;
padding: 10px 0 50px;
}
.box span {
position: absolute;
display: inline-block;
width: 70px;
height: 70px;
background: #ff5800;
border: 3px solid white;
border-radius: 50%;
top: 50px;
left: 0;
right: 0;
margin: 0 auto;
}
.box span p {
text-align: center;
color: #333;
line-height: center;
font-size: 45px;
font-weight: 600;
margin-top:-15px;
}
.box p {
line-height: 1.3;text-align: justify;
font-size:13px;
margin-top:50px;
padding: 20px;
}
.cen{
width:500px;
display:inline-block;
}
.centers{
margin-top:100px;
margin-bottom:50px;
width:40%;
background:none;
display:inline-block;
float:left;
}
.ins{
opacity: 0.6;
background:black;
width:100%;
height:500px;
}
.texty{
line-height: 1.5;text-align: justify;max-width:1200px;
}
.textyy{
line-height: 2.5;text-align: justify;max-width:1200px;
}
.textys{
line-height: 2.5;text-align: justify;max-width:1200px;
}
.pripoy{
width:100%;
padding-top:100px;
padding-bottom:100px;
text-align:center;
background-size: cover;
display: inline-block;
background-image:url(files/images/kl.jpg);
color:white;
}
.pripoy p{
line-height: 1.5;text-align: justify;max-width:1200px;
}
.pripoyy{
width:100%;
background-size: cover;
display:inline-block;
background-image:url(files/images/image2.jpg);
color:white;
}
.leftch{
margin-top:100px;
margin-bottom:50px;
width:40%;
background:none;
height:500px;
float:left;
}
.rightch{
margin-top:100px;
margin-bottom:50px;
width:40%;
background:none;
height:500px;
float:left;
}
.leftchh{
margin-top:10px;
width:50%;
background:none;
display:inline-block;
float:left;
}
.rightchh{
margin-top:50px;
margin-bottom:50px;
width:50%;
background:none;
display:inline-block;
float:left;
}
.lefts{
width:30%;
margin-right:50px;
background:none;
display:inline-block;
float:left;
}
.center{
width:30%;
margin-right:50px;
background:none;
display:inline-block;
float:left;
}
.rights{
width:30%;
background:none;
display:inline-block;
float:left;
}
.leftss{
padding-top:90px;
width:40%;
background:none;
display: inline-block;
float:left;
}
.rightss{
margin-top:50px;
margin-bottom:50px;
width:40%;
background:none;
display: inline-block;
float:left;
}
.pripoys{
width:100%;
margin: 0 auto;
display:inline-block;
}
.pripoyss{
width:100%;
background-size: cover;
display:inline-block;
background-image:url(files/images/dirrr.jpg);
}
.pripoyse{
padding-bottom:50px;
width:100%;
display:inline-block;
}
.pripoysss{
padding-bottom:10px;
width:100%;
display:inline-block;
}
.leftimgg {
float:left; /* Выравнивание по левому краю */
margin: 0px 10px 0px 0px; /* Отступы вокруг картинки */
display:block;clear:both;
padding-bottom:10px;
}
.leftimggs {
float:left; /* Выравнивание по левому краю */
margin: 0px 40px 40px 0px; /* Отступы вокруг картинки */
display:block;clear:both;
padding-bottom:10px;
}
.threess{
display: block;
max-width:1200px;
width: 100%;
margin: 0 auto; padding-bottom:20px;
clear:both;
height:300px;
}
.menu-tel {
position: relative;
width: 16%;
}
.menu-tel small a {
font-size: 14px;
}
.menu-tel small {
position: absolute;
bottom: -22px;
left: 50px;
margin: 0 auto;
}
.buy{
padding:50px 0;
display:inline-block;
width:100%;
text-align:center;
background: #F0F0F0 ;
}
.buyss{
opacity: 1;
padding:50px 0;
display:inline-block;
width:100%;
margin: 0 auto;
background-image:url(files/images/dr.jpg);
background-size:cover;
color: white;
}
.buys{
display:inline-block;
width:1200px;
}
.textts{
line-height: 1.5;text-align: justify;max-width:1200px;
width:400px;
}
.textyys{
font-family: 'Open Sans', sans-serif;
line-height: 2.0;
font-size:20px;
font-weight:bold;
max-width:1200px;
}
.textyyss{
margin-top:-10px;
line-height: 1.2;text-align: left;max-width:1200px;
width:380px;
margin-bottom:60px;
}
.textyysss{
font-family: 'Open Sans', sans-serif;
line-height: 1.2;
font-size:20px;
font-weight:bold;
max-width:1200px;
}
.textyyssss{
font-family: 'Open Sans', sans-serif;
line-height: 1.2;
font-size:20px;
font-weight:bold;
max-width:1200px;
}
.otstup{
margin-bottom:130px;
}
.otstupp{
margin-bottom:100px;
}
.textte{
line-height: 1.5;text-align: justify;max-width:1200px;
margin: 0 auto;text-indent: 1.5em;
}
.onese{
display:block;
clear:both;
padding:30px 30px 30px 30px;
}
.imgss{
width:600px;margin-left:50%;margin-top:4%;
}
.imgs{
width:600px;margin-left:50%;margin-top:4%;display:none;
}
.lb-dataContainer,
#lightboxOverlay,
#lightbox img{
max-width: 100%;
}
.lb-outerContainer{
max-width: 100%;
box-sizing: border-box;
}
.scrollLink {
color: #333;
}