@font-face {
  font-family: Futurica;
  src: url(fonts/FuturicaLight.ttf);
  font-weight: 300;
}
@font-face {
  font-family: Futurica;
  src: url(fonts/FuturicaBold.ttf);
  font-weight: 700;
}
@font-face {
  font-family: Futurica;
  src: url(fonts/FuturicaBoldItalic.ttf);
  font-weight: 700;
  font-style: Italic;
}

*{margin: 0; padding: 0; outline: 0; border: 0; font-family: Futurica;}
body{background: #fff;}
img{max-width: 85%;}
.clearfix{clear: both;}
.left{float: left;}
.right{float: right;}

.topline-wrap{width: 100%; background: linear-gradient(#973357, #780a2f); height: 52px;}
.topline{max-width: 1200px; margin: 0 auto; position: relative;}
.phones a{display: inline-block; text-decoration: none; color: #fff; font-size: 18.06px; font-weight: 700; margin-top: 15px;}
.phones a:first-child{margin-right: 15px;}
.nav ul{font-size: 0; margin-top: 20px;}
.nav ul li{display: inline-block; *display: inline; list-style: none; border-right: 1px solid #fff; margin-right: 7.5px; padding-right: 7.5px;}
.nav ul li a{display: inline-block; text-decoration: none; color: #fff; font-size: 18.06px; font-weight: 300; text-transform: uppercase; line-height: 90%;}
.nav ul li:last-child{border-right: none;}

.header-wrap{width: 100%; background: url('images/header-bg.png'); background-size: cover; overflow: hidden; text-align: center;}
.header-wrap h2{ font-size: 41.7px; color: #fff; text-transform: uppercase; padding: 30px 95px; background: rgba(101, 12, 43, 0.8); display: inline-block; margin: 155px 0 85px;}
.header{width: 100%; background: rgba(256,256,256,0.6); overflow: hidden;}
.header-top{max-width: 1200px; margin: 0 auto;}
.logotype{margin: 15px 140px 15px 0;}
.name{margin-top: 40px; text-align: center;}
.name h1{font-size: 26.8px; color: #3d3586; text-transform: uppercase; margin-top: 15px;}
.name p{font-size: 22.2px; color: #3d3586; text-transform: lowercase; font-weight: 700;}
.needhelp p{text-align: center; font-size: 15.3px; color: #3d3586; font-weight: 700; line-height: 100%; margin: 5px 0 3px;}
.needhelp form input{display: block; margin-bottom: 4px; width: 230px; padding: 3.5px 0;}
.needhelp form input[type=text]{border: 1px solid #bdbec0; text-indent: 7px;}
.needhelp form input[type=submit]{font-weight: 700; color: #fff; background: linear-gradient(to left, #c5432e, #e5af54, #c5432e); padding: 5px; cursor: pointer;}

.advantages-wrap{width: 100%; padding-top: 30px;}
.advantages{max-width: 1200px; margin: 0 auto; text-align: center;}
.advantages h3{color: #3d3586; text-transform: uppercase; font-size: 23.6px; margin-bottom: 35px;}
.advantage-item{display: inline-block; width: 260px; padding: 0 20px; vertical-align: top; margin-bottom: 25px;}
.advantage-item img{margin-bottom: 15px;}
.advantage-item h4{font-weight: 700; font-size: 22.2px; color: #3d3586; margin-bottom: 40px;}

.catalog-wrap{width: 100%;}
.catalog{max-width: 1200px; margin: 0 auto;}
.catalog h3{color: #3d3586; text-transform: uppercase; font-size: 23.6px; margin-bottom: 25px; text-align: center;}
.catalog-item{display: block; margin-bottom: 35px; overflow: hidden;}
.catalog-item img{max-width: 165px; max-height: 165px;}
.catalog-item>div{border: 1px solid #d3d3d5; padding: 20px 25px 20px 90px; width: 70%;}
.catalog-item>div h4{font-size: 22.2px; font-weight: 700; color: #3d3586; text-transform: uppercase; margin-bottom: 29px;}
.buy p{border: 2px solid #3d3586; font-size: 20.6px; font-weight: 700; color: #000; text-align: center; margin-bottom: 15px;}
.buy p span:first-child{display: block; background: #3d3586; color: #fff; padding: 5px 40px;}
.buy p span:last-child{padding: 5px 0;}
.buy a{display: block; font-size: 20.6px; font-weight: 300; color: #fff; padding: 5px 58px; text-decoration: none; background: #99264b; text-transform: uppercase;}
.buy a:hover{background: #781a38;}

.reviews-wrap{width: 100%; background: #3d3586; padding: 25px 0;}
.reviews{max-width: 1200px; margin: 0 auto; text-align: center;}
.reviews h3{color: #fff; text-transform: uppercase; font-size: 23.6px; margin-bottom: 25px;}
.reviews>a{font-weight: 700; color: #fff; background: linear-gradient(to left, #c5432e, #e5af54, #c5432e); padding: 5px 25px; text-decoration: none; text-transform: uppercase;}
.item-inner{background: #fff; padding: 20px; text-align: left;}
.reviews .right{text-align: right;}
.reviews .right span{color: #fff; padding-top: 20px; display: block; background: url('images/review-arrow.png') no-repeat center top;}
.owl-carousel{margin-bottom: 40px !important;}
.owl-controls{position: absolute; top: 47%; width: 100%;}
.owl-prev{position: absolute; left: -50px;}
.owl-next{position: absolute; right: -50px;}

.event-wrap{width: 100%;}
.event{max-width: 1200px; margin: 0 auto; position: relative;}
.event-block{background: #e2e2e2; overflow: hidden; margin: 115px 0 40px; padding: 50px 60px 30px 50px;}
.event-block img:first-child{margin-right: 45px;}
.master{position: absolute; top: -179px; left: 37px; z-index: 3;}

.contacts-wrap{width: 100%; margin-bottom: 15px;}
.contacts{max-width: 1200px; margin: 0 auto; overflow: hidden;}
.contacts h3{color: #3d3586; text-transform: uppercase; font-size: 23.6px; margin-bottom: 25px; text-align: center;}
.contacts p{font-size: 18px; text-indent: 15px; color: #666;}
.map{width: 600px; height: 306px; background: #e2e2e2; margin-right: 200px;}
.all-contacts{max-width: 400px;}
.all-contacts p{font-weight: 700; color: #9c9c9c; font-size: 13.9px; margin-bottom: 30px;}
.all-contacts p img{float: left; margin-right: 25px;}
ymaps{max-width: 100% !important;}

.mobile-menu{display: none; color: #fff; font-size: 16px; text-transform: uppercase; text-decoration: none; margin-top: 17px;}
.mobile-menu:active, .mobile-menu:hover, .mobile-menu:focus{color: #fff;}
.mobile-menu img{width: 30px; vertical-align: middle; margin-top: -6px;}

.modal_div{border: 4px solid #992c4c; background: #e3e3e3; position: fixed; left: 50%; top: 50%;margin-left: -300px; display: none; opacity: 0; z-index: 5;}
#overlay{ z-index:3; position: fixed; background-color: #000; opacity:0.8; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; display: none;}
.moreReviews{width: 100%; max-width: 557px; height: 280px; margin-top: -165px; padding: 25px 20px;}
.moreReviews form input{width: 266.5px;}
.moreReviews form input[name=reviewName]{margin-right: 14px;}
.moreReviews form input[name=reviewPhone]{margin-right: 16px;}
.moreReviews form textarea{margin: 25px 0; display: block; width: 100%; height: 95px;}
.moreReviews form textarea, .moreReviews form input{padding: 10px 0; border: 1px solid #848386; font-size: 25px; background: #e3e3e3;}
.moreReviews form textarea, .moreReviews form input[type=text]{text-indent: 15px;}
.moreReviews form input[type=submit]{border: 1px solid #992c4c; background: #992c4c; text-transform: uppercase; color: #e3910c; cursor: pointer;}

.letsbuy{width: 100%; max-width: 457px; height: 117px; margin-top: -98.5px; padding: 40px 70px;}
.letsbuy form input{padding: 10px 0; border: 1px solid #848386; font-size: 25px; background: #e3e3e3;}
.letsbuy form input[name=buyNumber], .letsbuy form input[name=buyPhone]{text-indent: 10px;}
.letsbuy form input[name=buyName]{border: none; width: 290px; text-transform: uppercase; font-weight: 700; color: #2e2282;}
.letsbuy form input[name=buyNumber]{width: 80px;}
.letsbuy form .buyNumber{margin-left: 34px; font-size: 25px;}
.letsbuy form input[name=buySubmit]{border: 1px solid #992c4c; background: #992c4c; text-transform: uppercase; color: #e3910c; cursor: pointer; width: 220px}
.letsbuy form input[name=buyPhone]{width: 220px; margin-right: 9px; margin-top: 20px;}

.totop{position: fixed; bottom: 25px; right: 25px; display: none; z-index: 9999;}
.totop a{background: #fff; border: 1px solid #99264b; text-decoration: none; color: #99264b; font: 700 18px/100% Futurica, sans-serif; padding: 16.5px 20.5px 7.5px;}
.totop a:hover{color: #fff; background: #99264b;}


@media only screen and (max-width: 1024px){
.topline, .advantages, .catalog, .reviews, .event, .contacts{padding: 0 25px;}
.nav ul{margin-top: 23px;}
.nav ul li a{font-size: 13px;}
.logotype{margin: 15px 15px 15px 0;}
.needtop{margin-right: 50px;}
.event-block img:first-child{width: 250px;}
.event-block img:last-child{width: 260px;}
.map{margin-right: 30px;}
}

@media only screen and (max-width: 768px){
.mobile-menu{display: block;}
.nav{display: none; float: none; position: absolute; top: 52px; left: 0; background: #780a2f; padding: 20px 0; width: 100%;}
.nav ul{margin-top: 0;}
.nav ul li{display: block; *display: block; border-right: 0 none; margin: 0; padding: 0;}
.nav ul li a{display: block; margin-bottom: 15px; padding-bottom: 5px; text-indent: 25px;}
.nav ul li:last-child a{margin-bottom: 0;}
.logotype{margin: 15px 0; float: none;}
.name{width: 100%; float: none; margin-top: 0;}
.needtop{margin: 0; width: 100%;}
.needtop form{display: inline-block; margin: 15px 0 25px;}
.catalog-item>div{padding: 20px; width: 67%;}
.owl-controls{display: none;}
.event-block>div{float: none; text-align: center;}
.event-block img{display: inline-block;}
.needbottom{width: 100%; text-align: center;}
.needbottom form{display: inline-block; margin-top: 15px;}
.map{margin: 0; width: 100%;}
.map>ymaps{min-width: 100% !important;}
.all-contacts{width: 100%;}
.all-contacts p{margin-bottom: 0; display: inline-block; vertical-align: top; margin-top: 25px;}
.all-contacts p img{margin-right: 10px;}
.all-contacts p br{display: none;}
}
@media only screen and (max-width: 641px){
.catalog-item{text-align: center;}
.catalog-item img{float: none; display: inline-block;}
.catalog-item>div{width: 100%; float: none; overflow: hidden; padding: 20px 0; border: 0 none; border-bottom: 1px solid #d3d3d5;}
.catalog-item>div>div{display: inline-block; float: none;}
.event-block{margin: 160px 0 40px; padding: 45px 25px 30px;}
.letsbuy{width: 300px; padding: 20px 0; margin-left: -150px; margin-top: -150px; height: auto; text-align: center;}
.letsbuy form input{margin-bottom: 10px;}
.letsbuy form input[name=buyPhone]{margin-top: 0; margin-right: 0;}
.letsbuy form .buyNumber{margin-left: 0;}
.letsbuy form input[name=buyName]{text-align: center;}
.moreReviews{width: 300px; padding: 20px 0; margin-left: -150px; height: auto; text-align: center;}
.moreReviews form input{margin-bottom: 10px;}
.moreReviews form input[name=reviewName]{margin-right: 0;}
.moreReviews form textarea{margin: 0 auto; width: 89%;}
.moreReviews form input[name=reviewPhone]{margin-right: 0; margin-top: 10px;}
}
@media only screen and (max-width: 475px){
.phones a{display: block; font-size: 13px; margin-top: 5px;}
.header-wrap h2{padding: 30px 0; width: 100%; font-size: 26px;}
.event-block img:first-child{margin: 0;}
.needbottom form{width: 100%;}
.needhelp form input{width: 100%;}

}