@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,400italic,600|Ubuntu:300,400,500,600|Fira+Sans:400italic);

@font-face {
    font-family: "Flaticon";
    src: url("../fonts/flaticon.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

body,html{
    padding:0px;margin:0px;font-family: 'Ubuntu',  sans-serif;
text-align: justify;
    overflow: hidden;
    font-size:1vw;


}
a{text-decoration: none;
    -moz-user-select: -moz-none;
-o-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
cursor:pointer;
}
*{font-family: 'Ubuntu'}

#sliders{display: table;width: 100%}
.tr{display: table-row}
.td{display: table-cell;height:100vh;overflow: hidden;box-sizing: border-box;paddi1ng-top:100px;vertical-align: middle;
    background-size: cover !important;
}

#s1{
    background: rgba(0,0,0,0.3);
    background-size: cover;
}
#s4{

background: url("../images/banner_pattern2.png") 0 0;
    background-size: auto !important;
}
#s2 .button{
    margin: 0;
    margin-left: 2.5em;
    width: 295px;

}
.ts{
    text-shadow: 1px 1px 2px #000;
    color: #FFFFFF;
}
h1,h2{  font-size: 64px;
    letter-spacing: 2px;

    font-weight: 700;
    line-height: 1;

    text-align: center;

    margin:0 auto;
    width:100%;

}
.bg{padding:20px;display: block;margin: auto;background: rgba(255,255,255,.0);
    margin-top:15vh;}
#logo{
background: url("../ico/apple-touch-icon-57-precomposed.png") 0 20px no-repeat;
    padding-left:76px;
    padding-right:26px;
    margin-left:26px;
    border-right:1px solid rgba(255,255,255,0.2);
    float: left;
    height: 100%;
    line-height: 100px;
}
#s1 p{

    font-size: 24px;
    font-weight: 300;
    width:100%;
color:#fff;
    text-align: center;

    margin:40px auto;
}
header {overflow: hidden;height:100px;position: fixed;width:100%;border-bottom:1px solid rgba(255,255,255,0.2);
font-size:37px; text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
z-index: 10;
    top: 0;
}
.top{
    color: #FFF;
    background-color: transparent;
    transition-property: background-color,color,height,margin-top;
    transition-duration: 0.2s;
}
.notop{
    color: #333;
    background-color: #fff;
    border-bottom:1px solid rgba(0,0,0,0.1);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    height:80px;
    margin-top:-20px;
    transition-property: background-color,color,height,margin-top,box-shadow;
    transition-duration: 0.2s;
}
.notop #menu a{color:#333;text-shadow: none}
#menu {float:right;padding-right:26px;}
#menu a{
    line-height: 100px;
    padding: 0 15px;
    color: #444;

    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;

    float: left;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    color: #EEE;

}
.button{

    background-color: #47a3da;

    border-radius: 3px;
    color: rgb(255, 255, 255);
    display: block;
    font-size: 16px;
    font-weight: 600;
    height: 46px;
    letter-spacing: 1px;
    line-height: 46px;
    text-align: center;
    text-decoration: none;
    text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;
    text-transform: uppercase;
    transition-property: background-color;
    margin: auto;
    width:185px;
    transition-duration: 0.2s;
}
.button:hover{
    transition-property: background-color;

    transition-duration: 0.2s;

    background-color: rgba(0, 0, 0,0.3);
}
.adapt_block{overflow: hidden;height:100vh;display: table;width:100%}
.adapt_block .el{display:table-cell ;box-sizing: border-box;max-width: 60%;vertical-align: middle}
.adapt_block .el:first-child{width:40%;}
.adapt_block .el:last-child{padding:3% 4%;background:rgba(255,255,255,0.9);  }
#s5 .el:last-child{padding:0;background:none  }
#s5 .el:first-child{width:auto;}
#s2 .el:last-child{box-shadow: 0 0 10px rgba(0,0,0,.5);}
.adapt_block .el img{float: right}
.adapt_block .el p{margin-right:60px;}
h3{
    font-size: 32px;
    text-tr1ansform: uppercase;
    margin-top:0;
}

.s7 .el{width: 50%;;margin:auto;
    padding:3% 4%;background:rgba(255,255,255,0.9);
    text-align: center;
    border-radius: 2rem;
}
.s7 {
    background: URL(../images/iPhone-Template-car.png) center center no-repeat;background-size: cover;
    background: URL(../images/7.jpg) center center no-repeat;background-size: cover;
}
.s7 h3:after{margin:auto;margin-top: 30px;}
.s7 p{margin:20px auto}

.s6 {
    background: URL(../images/visits.jpg) center center no-repeat;background-size: cover;
}
.s6 .button{margin-left: 20px;
    margin-top: 40px;}
h3:after {
    content: '';
    display: block;
    margin-top: 30px;
    width: 40px;
    border-top: 2px solid #C7E340;
}
p{
    font-size: 19px;
    font-weight: 300;
    line-height: 1.8;
   color: #333;

    margin:40px auto;}
li{
font-weight: 300;
color: #333;
    margin:20px 0;
font-size: 18px;
}
li span{
    display: block;color:#B2BACF;font-size: 16px;
    margin-top:2px;
    line-height: 16px;
}
#s5 .adapt_block{width:75%;margin: auto}
#circle{position: fixed;right:50px;top:40%}
#circle a{width:20px;height: 20px;display: block;margin:10px;border:1px solid rgba(0,0,0,0.2);box-sizing: border-box;border-radius: 10px;}
#circle a b{width:14px;height: 14px;display: block;margin:2px;background:rgba(0,0,0,0.0);box-sizing: border-box;border-radius: 7px;}
#circle a.act b{background:rgba(0,0,0,0.2)}
.price{width:300px;margin: auto;border:1px solid #EEE;text-align: center;box-shadow: 0 0 10px rgba(0,0,0,.3);
border-radius: 5px;

}
.price h1{font-size:21px;border-bottom:1px solid #EEE;margin:0;padding:2vh 0;background: #F8F8F8;color:#555}
.price .cost{margin:10px 0}
.price .cost span{font-size:63px;color:#47a3da}
.price .cost:after { content: '';
    display: block;
    margin:auto;
    width: 40px;

    border-top: 1px solid #EEE;}
.price .desc{font-size:16px;border-bottom:1px solid #EEE;color:#555;line-height: 1.6;min-height:477px;}
.price .but{border-top:1px solid #EEE;padding: 20px 0}
#s4 h2{margin:auto;margin-bottom:40px}
#s3 .adapt_block{width:1000px;margin: auto}
#s3 .adapt_block .el:first-child{width:70%;}
#s3 .adapt_block .el:last-child{width:30%;}

.down:after{
    content: "\e002";
    font-family: "Flaticon";
    font-size: 50px;
    cursor: pointer;
    color:#333;
left:50%;
    margin-left:-35px;
    position: fixed;
display: block;

bottom:10px;
    width:70px;
    text-align: center;
text-shadow: none;
    height:70px;
    border-radius: 70px;

    background: rgba(255,255,255,0.7);
    padding:8px;
    box-sizing: border-box;
}

.bgs{overflow: hidden;height: 103vh;}
#for_slider{width:100vw;overflow: hidden;position: absolute;top:0;opacity: 0.9;height: 103vh;z-index: -10;}
.bgs .el{width: 100vw;overflow: hidden;float: left;height:100%;background-size: cover !important;}
.bgs .el span{margin:auto;margin-top:15%;display:block;width:400px;padding:20px 40px;color:#FFF;text-align: center;font-size: 38px;}

.bgs .bal{ background: url("../images/dance.jpg") 0 center no-repeat;}
.bgs .soc{ background: url("../images/soc.jpg") 0 center no-repeat;}
.bgs .in{ background: url("../images/in.jpg") 0 center no-repeat;}

.bgs .yoga{ background: url("../images/yoga.jpg") 0 0 no-repeat;}
.bgs .hiphop{ background: url("../images/dance2.jpg") 0 0 no-repeat;}
.bgs .pole{ background: url("../images/dance3.jpg") 0 0 no-repeat;}
.bgs .pole1{ background: url("../images/pole1.jpg") 0 0 no-repeat;}
.bgs .pole2{ background: url("../images/pole2.jpg") 0 0 no-repeat;}
.bgs .pole3{ background: url("../images/pole3.jpg") 0 0 no-repeat;}

.bgs .skala{ background: url("../images/Lead-Wall.jpg") 0 center no-repeat;}
.bgs .zal{ background: url("../images/zal.jpg") 0 center no-repeat;}
.bgs .fitnes{ background: url("../images/fitnes.jpg") 0 center no-repeat;}
.bgs .box{ background: url("../images/box.jpg") 0 center no-repeat;}
.ozivi{width:1000px;margin: auto;overflow: hidden}
.ozivi .el{float: left;width: 1000px;}
.ozivi .els{overflow: hidden}

.timg{display: table;width:430px;margin: auto;}
.timg .img,.timg .text{display: table-cell;vertical-align: middle}
.timg .img{width:170px;}
.ozivi a{color:#47A3DA;text-decoration: underline;

}
.timg .img a{border:1px solid #ddd;border-radius: 50%;    overflow: hidden;
    float: left;}
.ozivi a:hover{text-decoration: none}
.ozivi .txt{border-radius: 10px;background: #fff;width:800px;margin: auto;
    box-shadow: 0 0 10px rgba(0,0,0,.2);margin-bottom:10px;margin-top:30px;
}


.ozivi .txt p{text-align: center;padding:5px 10px;margin: 0}
.ozivi .timg p{margin:0px 0;text-align: left;}
.ozivi img{width:150px;float:left;box-sizing: border-box}
.cborder{border-radius: 100px;border:5px solid #fff;}

.left{left:10% }
.left:before,.right:before{ font-family: "Flaticon";
    font-size: 35px;
    color:#999;
}
.left:before{ content: '\e001';}
.right,.left{margin-top:80px;position: absolute}
.right{right:10%}
.right:before{content: '\e000';}
.left:hover:before,.right:hover:before{color:#000;cursor: pointer}

#s4 h3{text-align: center}
#s4 h3:after{margin:auto; margin-top: 30px;}
.quot p{padding:5px 10px;}
.quot{box-shadow: 0 0 10px rgba(0,0,0,.3);
    border-radius: 5px;}


.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;background-image: url('../images/fancybox_sprite.png');
}


.form input{width:100%;box-sizing: border-box;font-size:24px;margin-bottom: 15px;border:0px solid #eee;box-shadow: 0 0 10px rgba(0,0,0,.2);outline: none;height:46px;padding:0 10px;}
.form .button{border:0;box-shadow: 0 0 10px rgba(0,0,0,.5);border-radius: 0;font-size:16px;background-color: #33AB4D}
.form .button:hover{background-color: #34bd4e}
.form_bg{position: fixed;width:100%;height:100%;background: rgba(0,0,0,0.8);z-index: 90;left:0;top:0;display: none;;

}

.form p,.form p a{color:#fff}
.form p a{text-decoration: underline}
.form p a:hover{text-decoration: none}
.form{position: fixed;;z-index: 100;width:400px;left:50%;margin-left:-250px;border-radius: 10px;top:-500px;
    color:#fff;
    color:#fff;
    padding:0 20px;
    text-align: center;
    border: 1px solid #4070A0;
    display: block;


    min-height: 200px;
    background:#47a3da url('../images/495.gif') center center no-repeat;
}


.form .text{background: #47a3da;}
.form .ok,.form .error{display: none}
.vki{
    width: 20px;
    height: 20px;
    background: url('../images/vk.png') 0 bottom no-repeat;
    display: inline-block;
}
.form h1{font-size: 2em;margin:0.7em auto}