*{ margin: 0; padding: 0; border: 0; }.box {width: 100%;height: 100%;} 
h1,h2,h3,h4,h5,h6{font-family: 'Intro', sans-serif;}
p,a{font-family: 'PT Sans', sans-serif;}
a{text-decoration: none;}


body {background-image: url(../images/fon.jpg);background-repeat: repeat;}
.av-cli{width: 100%;float: left;}
.av-cli>div{width: 1230px;margin: 0 auto;}
.av-hed>div>div{float: left;margin: 20px 0;}
.av-hed{background: url(../images/menu-bg.jpg) no-repeat center;}
.av-hed-menu{width: 700px;}
.av-hed-kon{width: 300px;}
.av-hed-kon h4{font-size: 30px;}
.av-hed-soc{width: 230px;}
.av-hed-soc img{width: 30px;}
.av-hed-logo img{width: 240px;}
.av-hed-logo>div{text-align: center;}
.av-hed-logo>div>a{padding: 0 20px;}

.av-blok1-ico{width: 100%;float: left;}
.av-blok1-ico{margin-top: 50px;}
.av-blok1-ico>div{width: 187.5px;float: left;height: 255px;}
.av-blok1-ico>div>div{width: 177px;margin: 0 auto;text-align: center;}
.av-blok1-ico>div>div>a>div{transition: all 0.3s ease-in-out;width: 180px;margin: 0 auto;height: 180px;background-size: 130px;text-align: center;}
.av-blok1-ico p{top: 0;position: relative;left: 0;box-shadow: -8px 8px 20px 0px rgba(0, 0, 0, 0);font-size: 16px;padding: 5px;border-radius: 10px;background: #fe000000;transition: all 0.3s ease-in-out;color: #000;font-weight: bold;margin-top: -10px;width: 150px;margin: 0 auto;}
.av-blok1-ico>div>div:hover p{top: -5px;position: relative;left: 5px;box-shadow: -8px 8px 20px 0px rgba(0, 0, 0, 0.45);background: #ecc494;color: #fff;}
.av-blok1-ico>div>div:hover .av-content1-div{-webkit-transform: rotate(30deg);-moz-transform: rotate(30deg);-ms-transform: rotate(30deg);-o-transform: rotate(30deg);transform: rotate(30deg);}
.av-content1-div1{background: url(../images/con1.png)  no-repeat center;}
.av-content1-div2{background: url(../images/con2.png)  no-repeat center;}
.av-content1-div3{background: url(../images/con3.png)  no-repeat center;}
.av-content1-div4{background: url(../images/con4.png)  no-repeat center;}
.av-content1-div5{background: url(../images/con5.png)  no-repeat center;}
.av-content1-div6{background: url(../images/con6.png)  no-repeat center;}
.av-content1-div7{background: url(../images/con7.png)  no-repeat center;}
.av-content1-div8{background: url(../images/con8.png)  no-repeat center;}
.av-slaid{display: none;width: 480px;float: left;}
.av-slaid img{position: relative;    top: 25px;}
.av-content2{text-align: center;}
.av-content3 {margin-top: 50px;}
.av-content3>div{width: 900px;}
.av-content3 p,.av-content3 li {line-height: 1.3;margin-bottom: 15px;font-size: 20px;}
.av-content3 ul{margin-left: 50px;}

.av-foot{background: url(../images/menu-bg.jpg) no-repeat center;}
.av-foot>div>div{width: 410px;float: left;margin: 30px 0;text-align: center;}
.av-foot h3{font-weight: 100;}
.dj-megamenu-default li a.dj-up_a {font-size: 12px !important;}

@media (min-width: 768px) and (max-width: 1230px){
.av-cli{width: 1230px;}
}
@media (min-width: 0px) and (max-width: 767px){
.av-cli>div{width: 100%;text-align: center;}
.av-hed-menu {width: 100%;position: fixed;text-align: left;}
.av-hed-kon {width: 100%;}
.av-hed-soc {width: 100%;}
.av-hed-kon h4 {font-size: 20px;margin: 5px 0;}
.av-hed>div>div {margin: 0;}
.av-blok1-ico>div {width: 50%;}
.av-blok1-ico>div>div {width: 80%;}
.av-blok1-ico>div>div>a>div {width: 80%;}
.av-blok1-ico>div>div>a>div {background-size: 100px;}
.av-slaid {width: 100%;}
.av-content2 img{width: 80%;}
.av-blok1-ico {width: 100%;}
.av-hed-logo>div>a {width: 100%;margin-left: 0;}
.av-slaid img {top: 0;width: 80%;}
.av-foot>div>div {width: 100%;}
.av-content3 p, .av-content3 li {padding: 0 10px;}
.av-hed-logo-a{margin-top: -10px;}
}









