*{
    outline: none;
}

@font-face {
    font-family: 'arkivbold';
    src: url('fonts/arkiv-bold-webfont.eot');
    src: url('fonts/arkiv-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/arkiv-bold-webfont.woff2') format('woff2'),
    url('fonts/arkiv-bold-webfont.woff') format('woff'),
    url('fonts/arkiv-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dockerone';
    src: url('fonts/docker_one-webfont.eot');
    src: url('fonts/docker_one-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/docker_one-webfont.woff2') format('woff2'),
    url('fonts/docker_one-webfont.woff') format('woff'),
    url('fonts/docker_one-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

html, body{
    width: 100%;
    height: 100%;
    position: relative;
}
body{

}

header{
    position: fixed;
    width: 100%;
    padding:  10px 0 10px 0;
    background: #fd8825;
    overflow-y: visible;
    z-index: 999;
}

header .row{
    position: relative;
}



.logo-wrapper:after{
    position: absolute;
    bottom: -10px;
    left: 118px;
    content: " ";
    display: block;
    width: 9999px;
    height: 3px;
    background: url("../img/heder-border-img.png") repeat;
    overflow: hidden;
}

header .row:after{
 
}

@media(max-width: 768px){

 header .row:after{
    position: absolute;
    bottom: -154px;
    left: 0px;
    content: " ";
    display: block;
    width: 9999px;
    height: 3px;
    background: url("../img/heder-border-img.png") repeat;
    overflow: hidden;
    }   
    header .row{
        position: relative;
    }
}

@media(max-width: 767px){
    header .container{
        max-width: 375px;
    }
}

@media(max-width: 767px){
    header .container{
        max-width: 375px;
    }
}
@media (min-width: 768px) and (max-width: 1023px){
   .logo-wrapper:after {
        background: none; 
    } 
}


h1, h2, h3, h4, h5, h6{
    margin: 0;
    padding: 0;
    line-height: 1.1;
}

p{
    margin: 0;
    padding: 0;

}

button{
    line-height: 1.1;
}

.button{
    font-family: arkivbold;
    font-size: 16px;
    color: #ffffff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feba80+0,e77819+100 */
    background: #feba80; /* Old browsers */
    background: -moz-linear-gradient(top,  #feba80 0%, #e77819 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #feba80 0%,#e77819 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #feba80 0%,#e77819 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feba80', endColorstr='#e77819',GradientType=0 ); /* IE6-9 */
    border-radius: 20px;
    /*border-top: 1px solid #ffd7b4;
    border-left: 1px solid #ffd7b4;
    border-right: 1px solid #e77819;
    border-bottom: 1px solid #e77819; */
    border: none;
    outline: none;
    -webkit-transition: background 200ms ease-in;
    -moz-transition: background 200ms ease-in;
    -ms-transition: background 200ms ease-in;
    -o-transition: background 200ms ease-in;
    transition: background 200ms ease-in;
}

.button:hover{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e3ecef+0,6c7679+100 */
    background: #e3ecef; /* Old browsers */
    background: -moz-linear-gradient(top,  #e3ecef 0%, #6c7679 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #e3ecef 0%,#6c7679 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #e3ecef 0%,#6c7679 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3ecef', endColorstr='#6c7679',GradientType=0 ); /* IE6-9 */
    color: #000000;

}
.text-center{
    text-align: center;
}
.text-center-tb{
    
}
@media(max-width: 768px){
    .text-center-xs{
        text-align: center!important;
    }
}
@media(min-width: 769px) and (max-width: 1023px){
    #uMain {
    height: auto;
    padding-bottom: 60px;
    box-sizing: border-box;
    padding-top: 200px;
    }
    .text-center-tb{
           text-align: center!important;
}
.q-text{
    display: inline-block;
}
    
}
.text-right{
    text-align: right;
}

.text-left{
    text-align: left;
}

.text-justify{
    text-align: justify;
}

.white-text{
    color: #ffffff;
}

.balck-text{
    color: #000000;
}

.padding-0{
    padding-left: 0px;
    padding-right: 0px;
}

.padding-5{
    padding-left: 5px;
    padding-right: 5px;
}

.logo-wrapper{
    position: relative;
    padding: 20px 0 0 135px;
}

.logo-wrapper h1, .footer-logo-wrapper h1{
    font-family: arkivbold;
    font-size: 24px;
}

.logo-img{
    position: absolute;
    top: 5px;
    left: 40px;
}

.logo-call-wrapper{
    padding-left: 0;
    padding-right:0 ;
    padding-top: 0;
}

.operato-ico{
 vertical-align: bottom;
}

.call-button-wrapper{
    display: inline-block;
}

.call-button-wrapper h2{
    font-family: arkivbold;
    font-size: 24px;
}

#call-button{
    margin-top: 5px;
    width: 240px;
    height: 40px;
}

.call-grafic{
    font-family: arkivbold;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
}

.fonts18{
    font-size: 18px;
}

.nav{
    position: absolute;
    bottom: -46px;
    right: 0;
}

@media(max-width: 768px) {
    .nav{
        left: 50%;
        margin-left: -123px;
        bottom: -190px;
    }
}

.nav a{
    display: inline-block;
    width: 80px;
    height: 36px;
    line-height: 36px;
    border-radius: 0 0 5px 5px;
    margin-left: 7px;
    font-family: arkivbold;
    color: #000000;
    font-size: 16px;
    text-decoration: none;
    background: url("../img/nav-a-bg.png") no-repeat center, #ffffff;
    text-align: center;
}

.nav a:hover{

}

.nav a.active{
    background: url("../img/nav-a-bg.png") no-repeat center, #fd8825;
}

#mainScreen{
    min-height: 632px;
    background: url("../img/fisrt-screen-bg.jpg") no-repeat center;
    margin-bottom: 60px;
}

#mainScreen h1{
    font-family: dockerone;
    font-size: 36px;
    color: #000000;
    margin-top: 160px;
}

@media(max-width: 768px){
    #mainScreen h1{
        text-align: center;
        margin-top: 200px;
    }
}

#mainScreen h2{
    font-family: dockerone;
    font-size: 60px;
    color: #fd8825;
}

@media(max-width: 768px){
    #mainScreen h2{
        text-align: center;
        font-size: 50px;
        text-align: center;
    }
}

.font30{
    font-size: 30px;
}

#tableScreen{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,9caab0+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #9caab0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#9caab0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#9caab0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9caab0',GradientType=0 ); /* IE6-9 */

    padding-bottom: 40px;

}

#tableScreen h2{
    display: inline-block;
    font-size: 24px;
    font-family: dockerone;
    width: 214px;
    height: 38px;
    line-height: 38px;
    color: #000000;
    text-align: center;
    background: url("../img/table-h-bg.png") no-repeat center;
}

.price-list{
    font-family: arkivbold;
    font-size: 16px;
    color: #000000;
    width: 960px;
    background: #ffffff;
    border: 2px solid #000000;
    margin-bottom: 25px;
}

.price-list tr{
    border-top: 1px solid #000000;
}

.td-h{
    font-family: dockerone;
    font-size: 16px;
    text-align: center;
    height: 50px;
    vertical-align: middle;
}

.tr-content td{
    padding: 25px 0 30px 18px;
}

#big-call-button{
    width: 290px;
    height: 45px;
    font-size: 24px;
    margin-bottom: 15px;
}

.note{
    font-family: arkivbold;
    font-size: 14px;
    color: #000000;
}

#our-plus{
    padding-bottom: 75px;
}

#our-plus h2{
    margin-top: 0px;
    margin-bottom: 50px;
    padding: 25px 0;
    background: #fd8825;
    font-family: dockerone;
    font-size: 24px;
    color: #000000;
}

.plus{
    display: inline-block;
    width: 260px;
    cursor: pointer;
}

.plusImg{
    padding-left: 5px;
    font-family: dockerone;
    font-size: 24px;
    color: #000000;
    height: 200px;
    line-height: 1.1;
    box-sizing: border-box;
    margin-bottom: 12px;
    transition: 0.25s;
}

#p1 .plusImg{
    padding-top: 50px;
    background: url("../img/p1.png") no-repeat center;
}

#p1:hover .plusImg, #our-plus .row .plus-wrapper:nth-child(1) #p1:hover .plusImg{
    background: url("../img/p1-h.png") no-repeat center;
} 

#our-plus .row .plus-wrapper:nth-child(1) .plus .plusImg,
#our-plus .row .plus-wrapper:nth-child(4) .plus .plusImg,
#our-plus .row .plus-wrapper:nth-child(7) .plus .plusImg,
.slick-track .plus:nth-child(1) .plusImg,
.slick-track .plus:nth-child(4) .plusImg,
.slick-track .plus:nth-child(7) .plusImg,
.slick-track .plus:nth-child(10) .plusImg{
    padding-top: 50px;
    background: url("../img/p1.png") no-repeat center;
}

#our-plus .row .plus-wrapper:nth-child(1) .plus .plusImg:hover,
#our-plus .row .plus-wrapper:nth-child(4) .plus .plusImg:hover,
#our-plus .row .plus-wrapper:nth-child(7) .plus .plusImg:hover,
.slick-track .plus:nth-child(1) .plusImg:hover,
.slick-track .plus:nth-child(4) .plusImg:hover,
.slick-track .plus:nth-child(7) .plusImg:hover,
.slick-track .plus:nth-child(10) .plusImg:hover{
    background: url("../img/p1-h.png") no-repeat center;
}

#p2 .plusImg{
    padding-top: 50px;
    line-height: 1.2;
    background: url("../img/p2.png") no-repeat center;
}

#p2:hover .plusImg{
    background: url("../img/p2-h.png") no-repeat center;
} 

#our-plus .row .plus-wrapper:nth-child(2) .plus .plusImg,
#our-plus .row .plus-wrapper:nth-child(5) .plus .plusImg,
#our-plus .row .plus-wrapper:nth-child(8) .plus .plusImg,
.slick-track .plus:nth-child(2) .plusImg,
.slick-track .plus:nth-child(5) .plusImg,
.slick-track .plus:nth-child(8) .plusImg,
.slick-track .plus:nth-child(11) .plusImg{
    padding-top: 50px;
    line-height: 1.2;
    background: url("../img/p2.png") no-repeat center;
}

#our-plus .row .plus-wrapper:nth-child(2) .plus .plusImg:hover,
#our-plus .row .plus-wrapper:nth-child(5) .plus .plusImg:hover,
#our-plus .row .plus-wrapper:nth-child(8) .plus .plusImg:hover,
.slick-track .plus:nth-child(2) .plusImg:hover,
.slick-track .plus:nth-child(5) .plusImg:hover,
.slick-track .plus:nth-child(8) .plusImg:hover,
.slick-track .plus:nth-child(11) .plusImg:hover{
    background: url("../img/p2-h.png") no-repeat center;
}


#p3 .plusImg{
    padding-top: 90px;
    background: url("../img/p3.png") no-repeat center;
}

#p3:hover .plusImg{
    background: url("../img/p3-h.png") no-repeat center;
}

#our-plus .row .plus-wrapper:nth-child(3) .plus .plusImg,
#our-plus .row .plus-wrapper:nth-child(6) .plus .plusImg,
#our-plus .row .plus-wrapper:nth-child(9) .plus .plusImg,
.slick-track .plus:nth-child(3) .plusImg,
.slick-track .plus:nth-child(6) .plusImg,
.slick-track .plus:nth-child(9) .plusImg,
.slick-track .plus:nth-child(12) .plusImg{
    padding-top: 90px;
    background: url("../img/p3.png") no-repeat center;
}

#our-plus .row .plus-wrapper:nth-child(3) .plus .plusImg:hover,
#our-plus .row .plus-wrapper:nth-child(6) .plus .plusImg:hover,
#our-plus .row .plus-wrapper:nth-child(9) .plus .plusImg:hover,
.slick-track .plus:nth-child(3) .plusImg:hover,
.slick-track .plus:nth-child(6) .plusImg:hover,
.slick-track .plus:nth-child(9) .plusImg:hover,
.slick-track .plus:nth-child(12) .plusImg:hover{
    background: url("../img/p3-h.png") no-repeat center;
}

.plusText{
    display: inline-block;
    position: relative;
    padding: 20px 40px 20px 15px;
    box-sizing: border-box;
    border-radius: 10px;
    height: 100px;
    width: 100%;
    max-width: 260px;
    background: #9eacb2;
    font-family: arkivbold;
    font-size: 15px;
    line-height: 1.2;
    color: #000000;
    overflow: hidden;

    -webkit-transition: all 400ms ease-in;
    -moz-transition: all 400ms ease-in;
    -ms-transition: all 400ms ease-in;
    -o-transition: all 400ms ease-in;
    transition: all 400ms ease-in;
}

.plusText p{
    margin-bottom: 25px;
}

.more-text{
    position: absolute;
    font-family: arkivbold;
    font-size: 15px;
    color: #ffffff;
    right: 5px;
    bottom: 5px;
}

.more-img{
    position: absolute;
    right: 0;
    top: 20px;
    width: 42px;
    height: 55px;
    background: url("../img/more-img.png") no-repeat center;
}

.more-img:hover{
    background: url("../img/more-img-h.png") no-repeat center;
}

.min-img{
    display: none;
    position: absolute;
    right: 0;
    bottom: 10px;
    width: 42px;
    height: 55px;
    background: url("../img/min-img.png") no-repeat center;
}

.min-img:hover{
    background: url("../img/min-img-h.png") no-repeat center;
}

#ourHorse{
    min-height: 567px;
    background: url("../img/bg2.jpg") no-repeat center;
    padding-bottom: 90px;
}

@media(max-width: 768px){
    #ourHorse{
        min-height: 100%;
    }
}

#ourHorse:before{
    content: " ";
    display: block;
    width: 100%;
    height: 3px;
    background: url('../img/plus-border.png') repeat;
}

#ourHorse h2{
    padding: 40px 0 60px 0;
    text-align: center;
    font-size: 24px;
    font-family: dockerone;
    color: #000000;
    text-align: center;
}

.horse{
    display: inline-block;
    width: 230px;
}

@media(max-width: 768px){
    .horse{
        margin-bottom: 15px;
    }
}

.horse img{
    width: 230px;
    height: 170px;
}

.about-horse{
    height: 150px;
    background: #fd8825;
    box-sizing: border-box;
    text-align: left;
    padding-left: 15px;
}

.about-horse h3{
    font-family: arkivbold;
    color: #000000;
    font-size: 15px;
    padding: 10px 0 25px 0;
    line-height: 1.1;
}

.about-horse p{
    font-family: arkivbold;
    color: #000000;
    font-size: 15px;
    line-height: 1.1;
}

.order-horse{
    padding: 15px 0;
    text-align: center;
    color: #ffffff;
    font-family: arkivbold;
    line-height: 1.1;
    font-size: 18px;
    background: #9eacb2;
    cursor: pointer;
}

.order-horse:hover{
    color: #000000;
}

#contact{
    padding-bottom: 70px;
}

#contact:before{
    content: " ";
    display: block;
    width: 100%;
    height: 3px;
    background: url('../img/plus-border.png') repeat;
}
.askText{
    text-align: center;
}
.askText, .q-form-wrapper{
    padding-top: 50px;
}

.askText img{
    margin: 0 0 15px 85px;
}

.q-text{
    font-size: 16px;
    font-family: arkivbold;
    color: #000000;
    line-height: 1.1;
    width: 480px;
    height: 150px;
    box-sizing: border-box;
    background: url("../img/border-bg.png") no-repeat center;
    padding: 20px 0 0 10px;
}

@media(max-width: 768px) {
    .q-text{
        background: none;
        text-align: center;
        width: 100%;
        adding: 20px 10px 0 10px;
    }
}

.q-form-wrapper{
    display: inline-block;
    width: 430px;
}

@media(max-width: 768px) {
    .q-form-wrapper{
        width: 100%;
    }
}

.q-form-wrapper h2{
    display: inline-block;
    width: 380px;
    height: 48px;
    line-height: 48px;
    background: url("../img/form-h-bg.png") no-repeat center;
    font-family: dockerone;
    color: #000000;
    font-size: 18px;
    text-align: center;
}

#q-form-main, #modal-form{
    width: 100%;
    padding: 25px 50px 0 50px;
    border: 2px solid #000000;
}

#q-form-main input[type="text"], #q-form-main textarea,
#modal-form input[type="text"],  #modal-form textarea{
    width: 100%;
    margin-bottom: 10px;
    background: #9eacb2;
    border-radius: 10px;
    border: none;
    font-family: arkivbold; font-size: 16px; color:#000000;
    padding-left: 15px;
}

.input-wrapper{
    position: relative;
}

#q-form-main input{
    height: 50px;
}

#q-form-main textarea{
    height: 100px;
    resize: none;
}

#submitMainQ, #submitModal{
    margin-top: 10px;
    width: 100%;
    height: 50px;
    font-size: 26px;
}

@media(max-width: 768px){
    #submitMainQ, #submitModal{
        font-size: 22px;
    }
}

footer{
    position: relative;
    background: #fd8825;
    padding-bottom: 10px;
}

footer .row{
    position: relative;
}

footer h1{
    display: inline-block;
}

.footer-logo-img{
    position: absolute;
    right: 40px;
    top: 55px;
}

.footer-logo-call-wrapper{
    padding-top: 25px;
}
.footer-logo-wrapper{
    margin-top: 75px;
    padding-right: 150px;
}

@media(max-width: 768px){
 .footer-logo-call-wrapper{
    padding-bottom: 25px;
}   
}
a.studio-logo{
    position: absolute;
    font-family: Arial;
    color: #ffffff;
    font-size: 14px;
    width: 170px;
    left: 50%;
    margin-left: -85px;
    bottom: 0;
    text-decoration: none;
}

.copy{
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0 15px 0;
}


#fisrt-about-screen{
    min-height: 993px;
    box-sizing: border-box;
    padding-top: 210px;
        padding-bottom: 15px;
    background: url("../img/about-bg.jpg") no-repeat center;
    background-size: cover;
}

#fisrt-about-screen p{
    font-family: arkivbold;
    font-size: 16px;
    color: #000000;
    line-height: 1.2;
}

.about-text-wrapper{
   background: rgba(220, 220, 220, 0.65);
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 5px 10px; 
}

.first-p{
    margin-bottom: 10px;
}

.second-p{
    margin-bottom: 15px;
}

.slider{
    position: relative;
}

.next-arrow{
    position: absolute;
    right: -50px;
    top:50%;
    margin-top: -29px;
    width: 39px;
    height: 58px;
    background: url("../img/slider-a-r.png") no-repeat center;
    cursor: pointer;
    border: none;
    outline: none;
        z-index: 999;
}

.next-arrow:hover{
    background: url("../img/slider-a-r-h.png") no-repeat center;
}

.prev-arrow{
    position: absolute;
    left: -50px;
    top:50%;
    margin-top: -29px;
    width: 39px;
    height: 58px;
    background: url("../img/slider-a-l.png") no-repeat center;
    cursor: pointer;
    border: none;
    outline: none;
        z-index: 999;
}

.prev-arrow:hover{
    background: url("../img/slider-a-l-h.png") no-repeat center;
}

@media (max-width: 768px){
    .prev-arrow{
        left: 0px;
    }
    .next-arrow{
        right: 0px;
    }
    
}

#map{
    position: relative;
    height: 445px;
    width: 100%;
}

#map-wrapper h2{
    font-family: dockerone;
    font-size: 24px;
    color: #000000;
    display: inline-block;
    width: 256px;
    height: 45px;
    line-height: 45px;
    background: url("../img/mab-header-bg.png") no-repeat center;
}

#map-wrapper .row{
    position: relative;
    height: 445px;
}

.adress{
    position: absolute;
    top: 80px;
    right: 0;
    font-family: arkivbold;
    color: #000000;
    font-size: 18px;
    padding: 40px 15px 40px 25px;
    width: 360px;
    background: #ffffff;
}
.adress a{
    color: #000000;
}
@media(max-width: 768px) {
    .adress{

    }
    .logo-call-wrapper {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding: 0 10px;
}
}


#uMain{
      height: auto;
    padding-bottom: 60px;
    box-sizing: border-box;
    padding-top: 165px;
    background: url("../img/uslugi-bg.jpg") no-repeat center;
}

#uMain  .row{
    background: #fd8825;
    padding: 30px 0 10px 0;
    border-radius: 5px;
}

.uH{
    text-align: center;
    background: #9eacb2;
    font-family: dockerone;
    color: #000000;
    font-size: 24px;
    padding: 25px 0;
    margin-bottom: 10px;
}

#uMain h1{
    font-family: dockerone;
    font-size: 36px;
    color: #000000;
    margin-bottom: 30px;
    padding-right: 15px;
}

#uMain p{
    font-family: arkivbold;
    font-size: 16px;
    color: #ffffff;
    line-height: 1.1;
    padding-right: 15px;
}

.uslugaText{
    font-family: arkivbold;
    font-size: 16px;
    color: #000000;
    line-height: 1.1;
    padding-top: 30px;
}

.last-u{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,9caab0+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #9caab0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#9caab0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#9caab0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9caab0',GradientType=0 ); /* IE6-9 */
}

.button-wrapper{
    display: inline-block;
    width: 350px;
}

.u-call-m{
    padding: 30px 0 35px 0;
}

@media(max-width: 768px) {
    #uMain{
        padding-top: 160px;
            height: auto;
    }
#uMain h1 {
    margin-top: 25px;
}
    .button-wrapper{
        width: 300px;
    }
    .q-form-wrapper h2 {
    display: inline-block;
    width: 100%;
    height: 48px;
    line-height: 48px;
    background: url(../img/form-h-bg.png) no-repeat center;
    font-family: dockerone;
    color: #000000;
    font-size: 16px;
    text-align: center;
}
}

.underlay{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../img/modal-bg.png") no-repeat center;
    background-size: cover;
    z-index: 1000;
}

.modal{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;

}

.modal form{
    position: relative;
    background: #ffffff;
    padding: 45px 50px 45px 50px!important;
}

.modal form input[type="text"] {
    height: 45px;
}

.close {
    top: 5px;
    right: 5px;
    position: absolute;
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url("../img/close.png") no-repeat center;
    cursor: pointer;
}

.close:hover{
    background: url("../img/close-h.png") no-repeat center;
}

::-webkit-input-placeholder {font-family: arkivbold; font-size: 16px; color:#ffffff;}
::-moz-placeholder          {font-family: arkivbold; font-size: 16px; color:#ffffff;}/* Firefox 19+ */
:-moz-placeholder           {font-family: arkivbold; font-size: 16px; color:#ffffff;}/* Firefox 18- */
:-ms-input-placeholder      {font-family: arkivbold; font-size: 16px; color:#ffffff;}


div.errorMsg{
    position: absolute;
    top: 9px;
    right: 0px;
    background: red;
    padding: 3px;
    color: #ffffff;
}

#thxScreen{
    padding-top: 200px;
    box-sizing: border-box;
    min-height: 630px;
    height: calc(100% - 230px);
    position: relative;
    background: url("../img/thx-bg.jpg") no-repeat bottom center;
}

#thxScreen h1{
    font-family: dockerone;
    font-size: 94px;
    color: #000000;
    line-height: 1.1;
}

#thxScreen h2{
    font-family: dockerone;
    font-size: 37px;
    color: #fd8825;
    margin-bottom: 15px;
    line-height: 1.1;
}

#thxScreen p{
    font-family: arkivbold;
    font-size: 16px;
    color: #000000;
}

a.back{
    display: inline-block;
    font-family: arkivbold;
    font-size: 20px;
    color: #000000;
    background: #fd8825;
    text-decoration: none;
    margin-top: 30px;
    padding: 5px 10px;
    border-radius: 10px;
}

a.back:hover{
    background: #9eacb2;
}

@media(max-width: 768px){
    #thxScreen{
        min-height: 100%;
        background: url("../img/thx-bg.jpg") no-repeat center;
        padding-bottom: 100px;
    }

    #thxScreen h1{
        font-size: 58px;
    }
}


.uImg{
    margin-bottom: 20px;
}

a:hover, a:focus{
    text-decoration: none;
}

.pol-text-wrapper p, .pol-text-wrapper h2, .pol-text-wrapper h3, .pol-text-wrapper h4{
    margin-bottom: 10px;
}

@media(min-width: 769px) and (max-width: 1023px){
    #uMain {
    height: auto;
    padding-bottom: 60px;
    box-sizing: border-box;
    padding-top: 200px;
    }
}