div.main{
    width:100%;
    background: #000;
    font-family: "Akrobat Regular";
    color: #fff;
    transition: 0.3s linear;
}

button {
    border-radius: 10px;
    background: #f1ac00;
    text-transform: uppercase;
    text-align: center;
    border:0;
    padding: 10px 5vw;
    color:#000;
    font-family: "Akrobat Regular";
    font-size:48px;
    transition: 0.3s linear;
    opacity: 0.9;
}

button:hover{
    background: #f16567;
    opacity: 1;
}

a{color:#fff;text-decoration: none;}
a:hover{color:#f16567}

.mrgn-top-20{padding-top:20px;}
.mrgn-top-40{padding-top:40px;}
.mrgn-top-60{padding-top:60px;}
.mrgn-top-80{padding-top:80px;}
.mrgn-top-100{padding-top:100px;}


section {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
section.iphone{
    background-attachment: scroll !important;
}

section div.w-limit {
    max-width: 1200px;
    margin: 0 auto;
    padding:0 60px;
}

section div.button-set{
    text-align: center;
}

section h3{
    font-family: "Akrobat Regular";
    font-size: 3.2vw;
    text-transform: uppercase;
    text-align: center;
    margin:0;
}

div.top.float.vis{
    opacity: 1!important;
}
div.top.float {
    transition: 0.3s linear;
    opacity: 0;
    width:100%;
    position:fixed;
    top:0;
    left:0;
    padding:5px 15px!important;
    background: url('/assets/img/transparent.png');
    z-index: 100;
}
div.top.float div.logo{width:290px;}
div.top.float div.logo img{width:50px; float:left;margin-right:20px;}
div.top.float div.logo h2{float:left;font-size:34px;margin-top:12px!important;width:calc(100% - 120px);text-align: left}
div.top.float div.address,
div.top.float div.phone{margin-top:10px;width:calc(50% - 155px);visibility: visible!important;}



div.top.float div.logo p{
    display: block;
    float:left;font-size:16px;color:#fff;
    width:calc(100% - 120px);display: block;text-align: left;
    margin:0;
}
div.top.float div.logo p.cor{
    margin-top:-25px;
    margin-left:70px;
}


section.slide-1{
    background-image: url('/assets/img/slide-1.jpg');
}
section.slide-1 div.top {
    padding-top:10vh;
}
div.top div.logo p{display:none;}
div.top div.logo p.slogan{display:block;margin:0;margin-top:-60px;}
div.top.float div.logo p.slogan{display:none!important;}
section.slide-1 div.top div{
    width:30%;
    float:left;
}
section.slide-1 div.top div.phone{
    font-size:30px;
    line-height: 1.5em;
    visibility: hidden;
}
section.slide-1 div.top div.address{
    text-transform: uppercase;
    width:auto;
    min-width: 270px;
    float:right;
    visibility: hidden;
}
section.slide-1 div.top div.phone img,
section.slide-1 div.top div.address img{
    float:left;
    margin-right:20px;
}
section.slide-1 div.top div.logo{
    width:40%;
    text-align: center;
    font-size: 40px;
    color: #f1ac00;
    /*display: none;*/
    opacity: 0;
}
section.slide-1 div.top div.address{
    /*font-size:18px;*/
    font-size:30px;
    /*font-size: 1.5vw;*/
}
section.slide-1 div.top div.logo h2{margin:0;padding:0;margin-top:40px;}
section.slide-1 h1{
    text-align: center;
    text-transform: uppercase;
    /*font-size: 60px;*/
    font-size: 3.2vw;
}



section.slide-2{
    background-image: url('/assets/img/slide-2.jpg?2');
}

section.slide-2 div.info{
    margin-top:20px;
    width:calc(100% - 40px);
    padding:20px;
    font-family: "Akrobat Regular";
    font-size:26px;
    background: url("/assets/img/transparent.png");
}

section.slide-2 div.data-block{}
section.slide-2 div.data-block div.img{
    width:50%;height:50vh;float: left;overflow: hidden;
    background: url("/assets/img/slide-2-img-1.png?1");
    background-size: cover;
    background-position: right;

}
section.slide-2 div.data-block div.img img{height:100%}
section.slide-2 div.data-block div.text{
    width: 50%;float: right;
    font-family: Arial;
    font-size: 18px;

    /*text-transform: uppercase;*/
    line-height: 1.7em;
    margin-top:-20px;
}
/*section.slide-2 div.data-block div.text div {width:75%; text-align: justify}*/
/*section.slide-2 div.data-block div.text div.left{float:left;padding-left:60px;}*/
section.slide-2 div.data-block div.text div.left{padding-left:60px;text-align: justify; }
/*section.slide-2 div.data-block div.text div.right{float:right;}*/
section.slide-2 div.text-line{font-family: "Akrobat Regular";font-size: 1.33em;}

section.slide-2 div.text-line ul{}
section.slide-2 div.text-line li{
    float:left;
    list-style-type: none;
    line-height: 1.7em;
}
section.slide-2 div.text-line li:before {
    font-family: "Akrobat Regular";
    font-weight: 400;
    color: #f1ac00; /* Цвет маркера */
    content: "•"; /* Маркер */
    padding-right: 10px; /* Отступ от маркера до текста */
    padding-left: 10px; /* Отступ от маркера до текста */
    font-size: 130px;
    line-height: 0;
    height:30px;
    display: block;
    float:left;
}

section.slide-3{
    background-image: url('/assets/img/slide-3.jpg');
}
section.slide-3 ul{}
section.slide-3 li{
    float:left;
    list-style-type: none;
    width:25%;
    height:208px;
    text-align: center;
    margin-top:80px;
    font-size: 20px;
    text-transform: uppercase;
}
section.slide-3 li div.img{
    width:120px;
    height:85px;
    background: #f1ac00;
    border-radius: 150px;
    padding-top:35px;
    text-align: center;
    margin: 0 auto;
}

section.slide-4{
    background-image: url('/assets/img/slide-4.jpg');
}
section.slide-4 div.form{
    width: 80%;margin:0 auto;background: url("/assets/img/transparent.png?1");
    margin-top:40px;
    padding:20px;
}
section.slide-4 div.form form{}
section.slide-4 div.form form div{
    width:calc(50% - 40px);float:left;
    margin:15px 20px;
    font-size:20px;
}
section.slide-4 div.form form div:nth-child(1n-2){
    text-align: right;
    line-height: 2em;
    text-transform: uppercase;
}
section.slide-4 div.form form div input{
    width:100%;
    padding:2px 5px 10px 10px;
    font-size:25px;
    border-radius: 10px;
    border:0;
}
section.slide-4 div.form form div textarea{
    width:100%;
    height:100px;
    padding:2px 5px 10px 10px;
    font-size:20px;
    border-radius: 10px;
    border:0;
}
section.slide-5{
    background-image: url('/assets/img/slide-5.jpg');
}
section.slide-5 ul{}
section.slide-5 ul.d{
    margin: 0 auto;
    width:85%;
}

section.slide-5 ul li{
    float:left;
    list-style-type: none;
    width:calc(50% - 50px);
    text-align: center;
    margin:20px;
    margin-top:40px;
    font-size: 20px;
    text-transform: uppercase;
    height:100px;
}
section.slide-5 ul.d li{
    float:left;
    list-style-type: none;
    /*width:calc(25% - 50px);
    width:auto;*/
    text-align: center;
    margin:10px;
    margin-top:20px;
    font-size: 20px;
    text-align: center;
    /*height:100px;*/
    max-height: 150px;
}
section.slide-5 li img{
    width:100%;
}
section.slide-5 ul.d li img{
    height:100%;
}
section.slide-6{
    background-image: url('/assets/img/slide-6.jpg');
    /*background-position: center -200px;*/
}

section.slide-6 div.txt{font-family: "Akrobat Regular";font-size: 32px;text-transform: uppercase}
section.slide-6 div.txt img{margin-right:20px;height:25px;}
section.slide-6 div.address{float:left;width:60%;}
section.slide-6 div.phone{float:right;width:40%;}
section.slide-6 div.email{float:right;width:40%;}

section.slide-6 div.info{
    width:calc(100% - 40px);
    padding:20px;
    margin-top:170px;
    font-family: "Akrobat Regular";
    font-size:26px;
    background: url("/assets/img/transparent.png");
}

section.slide-6 div.map{width:100%;margin-top:40px;height:500px;overflow: hidden}
section.slide-6 div.map img{width:100%;}

div.logo h2 {
    /*top: 50%;
    left: 0px;*/
    /*width: 100%;*/
    /*position: absolute;*/
    text-align: center;
    transform: translateY(-50%);
    /*font-family: 'Oswald', sans-serif;*/
    /*line-height: 60px;*/
}
div.logo h2 span {
    color: #f1ac00;
    /*font-size: 70px;*/
    /*font-weight: bold;*/
    display: inline-block;
    letter-spacing: 5px;
    transition: 2s;
    text-shadow: 0px 0px 0px #000;
    position: relative;
    top: 0px;
    left: 0px;
    cursor: default;
}
div.logo h2 span:hover{
     text-shadow: -8px 8px 0px #000;
     transition: 0.3s;
     top: -8px;
     left: 8px;
}
div.logo h2 span.space{width: 20px;height: 100%;}


div.main textarea.ckeditor {
    height:400px;
}