#######################  GENERAL SETTINGS ############################ */
/* reset */
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, font, 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 {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ul,ol{list-style-type:none;}

body {
    font: 12px Arial, Tahoma, Verdana, sans-serif;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    background: #fff;  
    max-width: 1900px;
    min-width: 1200px;
}

table{
    border-collapse: collapse;
}

table td{
    border: 1px solid #ddd;
}

.clr{
    clear:both;
}

.hidden{
    display:none;
}

.wrap {
    width: 1200px;
    margin: 0 auto;
    position: relative; 
}

.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*  
===================================*/
.top-menu{
    position: absolute;
    width: 100%;
    top: 40px;
    left: 0;
    z-index: 9;
}

.menu{
    width: 680px;
    margin: 0 auto
}

.menu li{
    margin: 0 20px;
    float: left;
}
.menu li:nth-of-type(4),.menu li:nth-of-type(5){
    padding-top: 30px;
}
.menu li:nth-of-type(4){
    padding-left: 200px;
}
.menu li:nth-of-type(5){
    padding-left: 80px;
}
.menu a{
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font: bold 16px Arial;
}

.menu a:hover{
    text-decoration: underline;
}

/*
===================================*/
.header{
    width: 100%;
    background: url(../images/header.jpg) no-repeat 50% 0;
    height: 725px;
}

.logo{
    float: left;
}

.phone{
    width: 300px;
    float: right;
    text-align: right;
    color: #fff;
    margin: 0px 0 0 0;
    font: bold 30px Arial;
    line-height: 20px;
}
.phone p{
    margin-bottom: 0;
}

.phone span{
    font-size: 14px;
}

.phone a{
    font: 16px Arial;
    color: #fff;
    margin-top: 00px;
}

.phone a:hover{
    text-decoration: none;
}


/*
===================================*/
.sitename{
    color: #fff;
    font: bold 40px 'Roboto Slab';
    text-transform: uppercase;
    text-indent: -9999px;
    width: 521px;
    height: 105px;
    background: url(../images/sitename.png) no-repeat ;
    float: left;
    margin: -20px 0 0 40px ;
}

.info{ 
    color: #fff;
    font: bold 23px Arial;
    margin: 35px 0 0 40px;
    padding: 20px 0 0 0;
    background: url(../images/line1.png) no-repeat ;
}

.info li{
    padding: 5px 0 5px 45px ;
    margin: 0 0 15px 0;
}
.info li:nth-of-type(1){
}
.info1{
    background: url(../images/icon-info1.png) no-repeat 0 50%;
}

.info2{
    background: url(../images/icon-info2.png) no-repeat 2px 50%;
}

/*
===================================*/
.form{
    width: 260px;
    background: url(../images/form-but-bg.png) no-repeat 100% 100% #fff;
    padding: 20px 0 0 0; 
    position: relative;
}

.form1{
    width: 320px;
    height: 420px;
    position: absolute;
    right: 0;
    top: 150px;
    background: url(../images/form-but-bg1.png) no-repeat 100% 100% #fff;
}
.data1{
    font: 16px Arial;
    color: #696969;
    text-align: center;
    padding-top: 0px;
    margin-top: -8px;
    padding-bottom: 0px;
    margin-bottom: 8px;
}
.data2{
    font: bold 22px 'Roboto Slab';
    color: #ee7c7c;
    text-align: center;
    margin-top: 0px;
    margin-top: 0;
    margin-bottom: 0px;
}
.data3{
    font: 16px Arial;
    color: #696969;
    text-align: center;
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 10px;
}

.offer{
    text-align: center;
    margin: 0 0 20px 0;
    color: #696969;
    font: bold 18px Arial;
}
.offer1{
    text-align: center;
    margin: 10px 0 20px 0;
    color: #696969;
    font: bold 18px Arial;
}


.form input{
    display: block;
    padding: 5px 10px;
    width: 210px;
    height: 25px;
    margin: 20px auto;
    border: 1px solid #767676;
}
.form1 input{
    display: block;
    padding: 0px 10px;
    width: 250px;
    height: 35px;
    margin: 10px auto;
    border: 1px solid #767676;
}
.but-form{
    display: block;
    background: #ee7c7c;
    color: #fff;
    cursor: pointer;
    height: 42px;
    width: 227px;
    margin: 25px auto 18px auto ;
    border: none;
    font: bold 16px Arial;
    outline: none;
    position: relative;
    right: -1px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
}

.but-form:hover{
    background: #f06666;
}
.but-form1{
    display: block;
    background: #ee7c7c;
    color: #fff;
    cursor: pointer;
    height: 40px;
    width: 270px;
    margin: 8px auto 18px auto ;
    border: none;
    font: bold 16px Arial;
    outline: none;
    position: relative;
    right: 1px;
    top: 2px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
}
.but-form1:hover{
    background: #f06666;
}
.inf{
    display: block;
    text-align: center; 
    color: #fff;
    position: absolute;
    font-size: 12px;
    position: relative;
    bottom: 8px;
    left: 0;
}

.inf:hover{
    text-decoration: none;
}
.inf1{
    display: block;
    text-align: center; 
    color: #fff;
    position: absolute;
    font-size: 12px;
    position: relative;
    bottom: 10px;
    left: 0;
}
.inf1:hover{
    text-decoration: none;
}
.inf2{
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 24px;
    padding-top: 5px;
}
/* counter
===================================*/
.counter{
    background: url('/images/timer_fon.png') no-repeat;
    width: 400px;
    height: 240px;
    margin: 30px 0 0 40px;
    padding: 15px;
    color: #fff;
    position: relative;
}

.counter-offer{
    font: bold 22px Arial;
    line-height: 35px;
}

.counter-price{
    color: #ea3644;
    font: bold 60px Arial;
    margin: 5px 0 0 0;
}

.counter-block{
    position: absolute;
    left: 30px;
    top: 65px;
}
.tim_start{
   font: 18px Arial;
   color: #ee7c7c;
   padding: 0px 0 0 25px;
}
/*SEATS*/
.seats{
  margin-top: 65px;
  margin-left: -15px;
  position: absolute;
}
.seats figure{
    height: 30px;
    width: 335px;
}
.seats figure img{
    padding-left: 10px;
    float: left;
}
.seats figure img:nth-of-type(1){
    padding-left: 0px;
}
.seats figure:nth-of-type(2){
  margin-top: -5px;
}
.seats figure:nth-of-type(1) p {
    font: bold 16px Arial;
    color: #fff;
    float: right;
    padding-right: 10px;
    margin-top: 0px;
}
.seats figure:nth-of-type(2) p {
    font: 28px Arial;
    color: #fff;
    float: right;
    padding-left: 10px;
    padding-top: 0px;
    margin-top: -10px;
    padding-right: 20px;
}
.seats figure:nth-of-type(2) p span{
    color: #00cbe9;
}
/* title 
===================================*/
.title{
    text-align: center;
    text-transform: uppercase;
    margin: 20px 0;
    font: bold 40px 'Roboto Slab';
    line-height: 55px;
    color: #666;
    letter-spacing: 2px; 
}

.white{
    color: #fff;
}

/* sec1
===================================*/
.sec1{
    background: url(../images/sec1.png) no-repeat 50% 0;
    margin: -85px 0 0 0 ;
    padding: 70px 0 0 0;
    height: 700px;
    position: relative;
    z-index: 3;
}

.vd{
    border: 14px solid #d1d1c7;
    width: 350px;
    height: 350px;
    position: absolute;
}

.vd1{
    top: 80px;
    left: 50%;
    margin: 0 0 0 -360px;
}

.vd2{
    top: 155px;
    left: 50%;
    margin: 0 -250px 0 0 ;
}

.video{
    width: 640px;
    height: 380px;
    position: relative;
    margin: 60px auto;
}

.video iframe{
    width: 640px !important;
    height: 380px !important;
}

/* sec2
===================================*/
.sec2{
    background: url(../images/sec2.jpg) no-repeat 50% 0;
    margin: -135px 0 0 0 ;
    padding: 100px 0 0 0;
    height: 800px;
    position: relative;
    z-index: 2;
}
 

.rules{
    position: relative;
    margin: 0 0 0 20px;
}

.rul{
    position: relative;
    color: #fff;
    font: 16px Arial;
    width: 300px;
    float: left;
    margin: 40px 0 10px 0;
    padding: 45px 0 0 85px;
    line-height: 22px;

    opacity: 0;

    -webkit-transition: all 1.8s;
    -moz-transition: all 1.8s;
    transition: all 1.8s; 
}

.rul-num{
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 115px;
    color: #008bc6;
    font: bold 70px 'Roboto Slab';
    line-height: 50px;
    padding: 0 0 0 15px;
    background: url(../images/line2.png) no-repeat 50% 50%;
}

.important{
    border: 10px solid #008bc6;
    width: 980px;
    margin: 100px auto 0 auto;
    padding: 30px 0 30px 200px;
    position: relative;
    font: bold 20px Arial;
    color: #fff;
    line-height: 38px;
    text-transform: uppercase;
}

.important .rul-num{
    font: bold 120px 'Roboto Slab';
    line-height: 85px;
    width: 160px;
    height: 140px;
    left: 30px;
    top: 30px;
    background: url(../images/line3.png) no-repeat 50% 50%;
}

.important h5{
    color: #008bc6;
    font: bold 30px Arial;
    margin: -5px 0  15px 0;
}

/*
===================================*/
.rul1{
    left: -100px;
}

.rul2{
    bottom: -200px;
}

.rul3{
    right: -90px;
}

.rul4{
    left: -100px;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    transition: all 2s; 
}

.rul5{
    bottom: -200px;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    transition: all 2s; 
}

.rul6{
    right: -90px;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    transition: all 2s; 
}


/* sec3
===================================*/
.sec3{
    background: #f2f2e6;
    padding: 20px 0 140px 0;
}

.effects{
    margin: 50px 0;
}

.eff{
    width: 370px;
    height: 400px;
    float: left;
    padding: 35px 15px 0 15px;
    text-align: center;
    color: #474747;
    position: relative;
    font: 16px Arial;
    line-height: 22px;
}

.eff h5{
    color: #666;
    font: 18px Arial;
    text-transform: uppercase;
    margin: 30px 0;
}

.blue{
    background: #008bc6;
    color: #fff;
}

.blue h5{
    color: #fff;
}

.eff-inf{
    font-size: 10px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.eff img{
    position: relative;
    bottom: -100px;

    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    transition: all 2s; 
}

/* sec4
===================================*/
.sec4{
    background: url(../images/sec4.png) no-repeat 50% 0;
    margin: -70px 0 0 0;
    height: 1140px;
    padding: 100px 0 0 0;
}

.mujik{
    position: absolute;
    left: 50%;
    top: -155px;
    background: url(../images/mujik.png) no-repeat 50% 0;
    width: 745px;
    height: 1250px;
    margin: 0 0 0 -350px;
}

.title1{
    color: #fff;
    text-transform: uppercase;
    padding: 0 0 20px 0;
    background: url(../images/line1.png) no-repeat 0 100%;
    font: bold 30px 'Roboto Slab';
    margin: 0 0 50px 0;
}

.pr-left{
    width: 350px;
    float: left;
}

.pr-right{
    width: 310px;
    float: right;
    margin: -100px 0 0 0;
}

.pr{
    width: 250px;
    padding: 0 0 0 60px; 
    position: relative;
    color: #fff;
    font: 16px Arial;
    line-height: 25px;
    margin: 0 0 50px 0;
}

.pr h5{
    text-transform: uppercase;
    font: bold 20px Arial;
    line-height: 25px;
    margin: 0 0 10px 0;
}

.pr-num{
    width: 40px;
    height: 41px;
    position: absolute;
    top: 0;
    left: 0;
    font: bold 20px Arial;
    text-align: center;
    background: url(../images/num-bg.png) no-repeat ;
    line-height: 40px;
} 

.puti{
    color: #fff;
    width: 226px;
    height: 263px;
    font:15px Arial;
    line-height: 21px;
    padding: 30px 20px 20px 60px;
    position: relative;
    background: url(../images/puti-bg.png) no-repeat;
}

.puti h5{
    font: bold 18px Arial;
    line-height: 25px;
    margin: 0 0 10px 0;
    text-transform: uppercase;
}

/* sec5
===================================*/
.sec5{
    background: url(../images/sec5.jpg) no-repeat 50%;
    min-height: 630px;
    padding: 35px 0 0 0;
    margin: -48px 0 0 0;
}

.sec5 .title{
    text-align: left;
    margin: 0 0 40px 0;
}

.profit-block{
    width: 570px;
    float: right;
}

.prof{
    padding: 0 0 0 37px;
    background: url(../images/romb.png) no-repeat ;
    color: #fff;
    font: 15px Arial;
    margin: 0 0 20px 0;
    line-height: 22px;
}

.prof h5{
    color: #008bc6;
    font: bold 18px Arial; 
}


/* sec6
===================================*/
.sec6{

}

.tehniks{
    background: url(../images/tehniks.png) no-repeat 50% 0; 
    height: 547px;
    margin: 50px 0;
}

.teh-left{
    width: 315px;
    float: left;
}

.teh-right{
    width: 315px;
    float: right;
}

.teh{
    margin: 0 0 90px 0;
    color: #666;
    font: bold 16px Arial;
    line-height: 22px;
}

.teh h5{
    margin: 0 0 10px 0;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    padding: 1px 8px 4px 8px;
    font-size: 20px;
    line-height: 30px;
    background: #008bc6;
    position: relative;
    max-width: 1px; 
    height: 25px;
    opacity: 0;
    overflow: hidden;

     -webkit-transition: all 2s;
  -moz-transition: all 2s;
  transition: all 2s;  
}

.teh4{
    margin: 0 0 112px 0;
}


/* reviews
===================================*/
.rev-right,
.rev-left{
    width: 575px;
    float: left;
    margin: 40px 0;
}

.rev-right{
    float: right;
}

.rev{
    position: relative;
    margin: 0 0 40px 0;
    color: #8c8c8c;
    font: 15px Arial;
    line-height: 21px;
    padding: 0 0 0 135px;
}

.rev h5{
    margin: 0 0 15px 0;
    color: #666;
    font: bold 16px Arial;
}

.rev-img{
    width: 105px;
    height: 105px;
    border: 8px solid #cdcdcd;
    position: absolute;
    top: 0;
    left: 0;
} 
 
.read-more{
    color: #4d8ac3;
    font: bold 16px Arial;
    cursor: pointer;
    margin: 10px 0 0 0;
}

.read-more:hover{
    text-decoration: underline;
}


/* sec7
===================================*/
.sec7{
    background: url(../images/sec7.png) no-repeat 50% 0 ;
    padding: 10px 0;
    height: 631px;
    position: relative;
    z-index: 3;
}

.treners{
    border: 14px solid #69615f;
    padding: 20px 25px;
    width: 510px;
    position: relative;
    top: 120px;
    font: bold 18px Arial;
    line-height: 28px;
}
/*  sec new
====================================*/
.schedule{
  height: 510px;
  margin-top: -30px;
  background: #f2f2e6;
}
.schedule h5{
    padding-top: 20px;
}
.schedule figure{
    margin: 0px;
}
.schedule figure{
    float: left;
    width: 480px;
    height: 274px;
    border: 15px solid #008bc6;
    margin-top: 50px;
}
.schedule figure:nth-of-type(2){
    margin-left: 175px;
}
.schedule figure p{
    padding: 0;
    margin: 0;
}
.schedule figure p:nth-of-type(1){
    font: bold 40px 'Roboto Slab';
    text-align: center;
    color: #008bc6;
    padding-top: 30px;
}
.schedule figure p:nth-of-type(2) img{
    float: left;
    padding-right: 15px;
}
.schedule figure p:nth-of-type(3) img{
    float: left;
    padding-right: 15px;
    margin-top: -5px;
}
.schedule figure p:nth-of-type(2){
    font: bold 20px Arial;
    padding-top: 25px;
    padding-left: 50px;
    letter-spacing: -1px;
}
.schedule figure p:nth-of-type(3){
    font: bold 20px Arial;
    padding-top: 25px;
    padding-left: 50px;
}
.schedule figure p:nth-of-type(4){
    font: bold 50px Arial;
    padding-top: 15px;
    text-align: center;
    color: #ee7c7c;
}
.schedule figure p:nth-of-type(4) span{
    font-size: 30px;
}
/* sec8
===================================*/
.sec8{
   margin: 0px 0 0 0;
    padding: 10px 0 0 0;
    background: #fff;
}

.form-block{
    padding: 20px 0 15px 0;
    background: #008bc6;
}

.form-block form{
    display: block;
    width: 1045px;
    margin: 0 auto;
    height: 61px;
    background: url(../images/shadow.png) no-repeat 100% 100%;
}

.form2 input{
    display: block;
    padding: 5px 10px;
    width: 210px;
    height: 30px;
    margin: 0 15px;
    float: left;
    border: 1px solid #fff;
}

.form2 .but-form{
    display: block;
    background: #ee7c7c;
    color: #fff;
    cursor: pointer;
    height: 42px;
    width: 225px; 
    border: none;
    font: bold 16px Arial;
    outline: none;  
    right: 2px;
} 

/* footer
===================================*/
.footer{
    padding: 10px 0;
}

.logo2{
    display: block;
    float: left;
}


/* phone2
===================================*/
.phone2{
    width:500px;
    position: absolute;
    top: 15px;
    left: 50%;
    margin: 0 0 0 -250px;
    text-align: center;
    font: bold 20px Arial; 
}

.phone2 span{ 
    position: relative;
    top: 3px;
}

.call-but{
    display: inline-block;
    background: #ee7c7c;
    color: #fff;
    cursor: pointer;
    height: 42px;
    width: 180px; 
    border: none;
    font: bold 16px Arial;
    outline: none;
    margin: 0 0 0 30px;
}

.call-but:hover{
    opacity: .8;
}

/*
===================================*/
.st {
    float: right;
    font: 14px Arial;
    margin: 10px 0 0 0;
}

.st p{
    margin: 0 0 5px 0;
}


/*
===================================*/
.button-fix{
    display: none;
    border: none;
    cursor: pointer;
    background: url(../images/fix-button.png) no-repeat ;
    color: #fff;
    padding: 120px 0 0 0;
    position: fixed;
    bottom: 30px;
    right: 0;
    width: 227px;
    height: 35px;
    text-align: center;
    font: bold 16px Arial;
    text-transform: uppercase;
    z-index: 98;
    opacity: 0;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s; 
}

.visible{
    opacity: 1; 
    display: block;
}

/*
===================================*/
/*
===================================*/


/* policy-holder
===================================*/
.policy-holder{
    display: none;
    position: fixed;
    top: 0;
    left: 50%;
    width: 900px;
    margin: 0 0 0 -450px;
    padding: 20px;
    background: #fff;
    font: 14px Arial;
    line-height: 22px;
    top: 5%;
    z-index: 999;
    border: 6px solid #d1d1c7;
}

.policy-holder h3{
    text-align: center;
    text-transform: uppercase;
    font: bold 20px 'Roboto Slab';
    margin: 0 0 15px 0;
}

.policy-holder p{
    margin: 0 0 10px 0;
}

 

/* Break-form
==============================*/
.break-form{
    display: none;
    position: fixed;
    top: 20%;
    left: 50%;
    width: 260px; 
    margin: 0 0 0 -130px;
    z-index: 999;  
}

.overlay{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .7;
    z-index: 99;
}

.break-form .form{
    padding: 10px 0 1px 0;
}

.close{
    position: absolute;
    top: -10px;
    right: -10px;
    font: 25px Arial;
    line-height: 23px;
    cursor: pointer;
    padding:  1px 0 1px 1px;
    width: 24px;
    color: #fff;
    background: #008bc6;
    text-align: center;
}

.close:hover{
    color: #333;
}
 
.break-form .offer {
    margin: 10px 0 5px 0;
}
  

/*  
===================================