html body {
  background: url(../img/fon.jpg);
    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
    text-align: center;
}
h1{color:#40B5E7;}
img {
  display: block;
  height: auto;
  max-width: 100%;
}
.footer {
    background:#01A0E2;
    color:white;
    text-align: center;
    border-top:1px solid white;
    padding: 30px 0;
    font-size:18px;
}
.main-content{
    padding:30px;

}
#c{text-align: center;}

#semantica{text-align: justify;text-indent: 50px;}
#preimushestva{
    padding: 80px 20px 20px 20px;
    font-size: 1.2em;
    text-align: justify;
    text-indent: 50px;
    }
#preimushestva h2{text-align: center;font-family: cursive;color:#4CBCEA;}
#preim{padding:20px;}
#preim1{padding:35px 20px;}
#preimushestva li {
    list-style-type: none; /* Убираем маркеры */
   }
#preimushestva img {float:left;}
#topfon img {
  width: 100%;
  height: auto;
}
.text{text-align: justify;text-indent:50px;padding:50px;margin:20px auto;}
.text img{padding-top:25%;}
#agitacii{border:1px solid #FFF800; background:#569AEF;margin: 20px 0;color:white;padding:20px;font-size:1.5em;}
#agitacii img{margin:10px auto;padding:10px;}
#block{text-align: justify;text-indent: 50px;padding:50px;}
#uslugi{padding:80px 20px 20px 20px;}
.justify{text-align: justify;}
#varianty{padding:10px 0;}


@media (max-width: 768px) {
  #clients p{
    padding:20px;
  }
   #quest{
    padding:20px;
  }
}


@media (max-width: 1024px) {
  #otzivy{
    display:none;
  }
}
@media (max-width: 1024px) {
  #telefony{
    display:none;
  }

}
#popup__toggle{bottom:25px;right:10px;position:fixed;z-index: 100;}
#popup__toggle:focus{outline: none;}
.img-circle{background-color:#29AEE3;box-sizing:content-box;-webkit-box-sizing:content-box;}
.circlephone{box-sizing:content-box;-webkit-box-sizing:content-box;border: 2px solid transparent;width:150px;height:150px;bottom:-25px;right:10px;position:absolute;-webkit-border-radius:100%;-moz-border-radius: 100%;border-radius: 100%;opacity: .5;-webkit-animation: circle-anim 2.4s infinite ease-in-out !important;-moz-animation: circle-anim 2.4s infinite ease-in-out !important;-ms-animation: circle-anim 2.4s infinite ease-in-out !important;-o-animation: circle-anim 2.4s infinite ease-in-out !important;animation: circle-anim 2.4s infinite ease-in-out !important;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.circle-fill{box-sizing:content-box;-webkit-box-sizing:content-box;background-color:#29AEE3;width:100px;height:100px;bottom:0px;right:35px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;-webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;-moz-animation: circle-fill-anim 2.3s infinite ease-in-out;-ms-animation: circle-fill-anim 2.3s infinite ease-in-out;-o-animation: circle-fill-anim 2.3s infinite ease-in-out;animation: circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .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;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;opacity: .7;}
.img-circleblock{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;background-image:url(../img/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% {transform: scale(0.9);opacity: 1;}
  50% {transform: scale(1); opacity: 1; }
  100% {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% {transform: rotate(-8deg);}
  50% {transform: rotate(8deg);}
  100% {transform: rotate(-8deg);}}
@-webkit-keyframes tossing {
  0% {-webkit-transform: rotate(-8deg);}
  50% {-webkit-transform: rotate(8deg);}
  100% {-webkit-transform: rotate(-8deg);}}
@-moz-keyframes circle-anim {
  0% {-moz-transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;-moz-opacity: .1;-webkit-opacity: .1;-o-opacity: .1;}
  30% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;-moz-opacity: .5;-webkit-opacity: .5;-o-opacity: .5;}
  100% {-moz-transform: rotate(0deg) scale(1) skew(1deg);opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;-o-opacity: .1;}}
@-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;}}
@-o-keyframes circle-anim {
  0% {-o-transform: rotate(0deg) kscale(0.5) skew(1deg);-o-opacity: .1;}
  30% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);-o-opacity: .5;}
  100% {-o-transform: rotate(0deg) scale(1) skew(1deg);-o-opacity: .1;}}
@keyframes circle-anim {
  0% {transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;}
  30% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;}
  100% {transform: rotate(0deg) scale(1) skew(1deg);
opacity: .1;}}
@-moz-keyframes circle-fill-anim {
  0% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);opacity: .2;}
  100% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-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;}}
@-o-keyframes circle-fill-anim {
  0% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-o-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@keyframes circle-fill-anim {
  0% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
#jslidernews2{margin:auto;}
#akcii, #portfolio{margin:0px auto;}
#akcii h4{color:#EA4235;font-size:1.7em;}
#akcii{color:#4185F4;font-size: 1.5em;background: yellow;padding:80px;border:1px solid red;}
.yellow{color:red;font-size: 1.6em;}
 .big{font-weight: 700;font-family: cursive;color:#FF892F;text-shadow: black 1px 0px;font-size: 28px;}
.big2{color:#D27028;}
#contacts li{list-style-type: none;display: inline-block;padding:1px;text-align: center;}
#contacts{background: rgba(253,223,104,.5); border-top:1px solid #E8BA0E;}
#blockk img{margin: auto;}
#blockk{border-right:1px dotted #01A0E2;padding:20px;}
#blockk{font-family: cursive;font-size: 15px;}
#fw a{color:white;}
.y{color:#01A0E2;font-size: 18px;}
.r{color:#01A0E2;}
#design{color:white;text-align: justify;text-indent: 50px;background: linear-gradient(45deg, #789D02,#ECF436);padding:50px;border:1px solid black;border-radius: 30px;}
#design h4{color:#352A28;font-size: 28px; }
#verstka{text-align: justify; text-indent: 50px;}
@media (max-width: 1024px) {
  #shesterenki{
    display:none;
  }
}
#price{font-size: 18px;color:skyblue;}