@font-face {
    font-family: 'Myriad Pro Regular';
    src: url(../fonts/MyriadProRegular/MyriadProRegular.eot);
    src: local('?'), url(../fonts/MyriadProRegular/MyriadProRegular.woff) format('woff'), url(../fonts/MyriadProRegular/MyriadProRegular.ttf) format('truetype'), url(../fonts/MyriadProRegular/MyriadProRegular.oft) format('opentype')
}

@font-face {
    font-family: 'Myriad Pro Bold';
    src: url(../fonts/MyriadProBold/MyriadProBold.eot);
    src: local('?'), url(../fonts/MyriadProBold/MyriadProBold.woff) format('woff'), url(../fonts/MyriadProBold/MyriadProBold.ttf) format('truetype'), url(../fonts/MyriadProBold/MyriadProBold.oft) format('opentype')
}

@font-face {
    font-family: 'Myriad Pro BoldItalic';
    src: url(../fonts/MyriadProBoldItalic/MyriadProBoldItalic.eot);
    src: local('?'), url(../fonts/MyriadProBoldItalic/MyriadProBoldItalic.woff) format('woff'), url(../fonts/MyriadProBoldItalic/MyriadProBoldItalic.ttf) format('truetype'), url(../fonts/MyriadProBoldItalic/MyriadProBoldItalic.oft) format('opentype')
}

@font-face {
    font-family: 'Myriad Pro Italic';
    src: url(../fonts/MyriadProItalic/MyriadProItalic.eot);
    src: local('?'), url(../fonts/MyriadProItalic/MyriadProItalic.woff) format('woff'), url(../fonts/MyriadProItalic/MyriadProItalic.ttf) format('truetype'), url(../fonts/MyriadProItalic/MyriadProItalic.oft) format('opentype')
}

@font-face {
    font-family: 'Myriad Pro SemiBold';
    src: url(../fonts/MyriadProSemiBold/MyriadProSemiBold.eot);
    src: local('?'), url(../fonts/MyriadProSemiBold/MyriadProSemiBold.woff) format('woff'), url(../fonts/MyriadProSemiBold/MyriadProSemiBold.ttf) format('truetype'), url(../fonts/MyriadProSemiBold/MyriadProSemiBold.oft) format('opentype')
}

@font-face {
    font-family: 'Myriad Pro SemiBoldItalic';
    src: url(../fonts/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.eot);
    src: local('?'), url(../fonts/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.woff) format('woff'), url(../fonts/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.ttf) format('truetype'), url(../fonts/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.oft) format('opentype')
}

* {
    margin: 0;
    padding: 0
}

#container,
body,
html {
    width: 100%;
}

input[type=text],
select {
    border: 1px solid #BCBCBC;
    font-size: 16px;
    outline: 0;
    padding: 7px;
    width: 236px
}

input {
    display: inline-block;
    outline: 0
}

a {
    color: #08C;
    cursor: pointer;
    text-decoration: none;
    transition: .3s color, .3s background
}

a:hover {
    color: #FFC600
}

.small {
    width: 110px
}

.long {
    width: 400px
}

.large {
    width: 100%
}

.block {
    margin: 50px auto;
    width: 1100px
}

.block_full {
    margin: auto;
    min-width: 1100px
}

.title_section {
    margin: 30px 0;
    position: relative;
    text-align: center
}

.title_section .parall {
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -o-transform: skew(-10deg);
    background: #383838;
    display: block;
    height: 50px;
    margin: auto;
    width: 450px
}

.title_section .title {
    color: #FFA200;
    font-family: 'Myriad Pro Bold';
    font-size: 41px;
    font-weight: 700;
    margin-top: -45px;
    position: relative
}

.popup .close,
.popup .popup_tr .popup_content {
    font-family: 'Intro Regular'
}

.title_section_2 {
    color: #1D2939;
    font-size: 35px;
    margin: 10px 0;
    text-align: center
}

.clearfix {
    clear: both
}

.left {
    float: left;
    margin-top: -65px;
}

.right {
    float: right
}

.popup {
    background-color: rgba(0, 0, 0, .5);
    display: none;
    min-height: 100%;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 11111
}

.popup .close {
    background: #E04343;
    color: #fff;
    display: block;
    float: right;
    font-size: 20px;
    margin: -15px;
    padding: 0 15px;
    position: relative
}

.popup .popup_tr {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.popup .popup_tr .popup_content {
    border-radius: 10px 10px 0 0;
    border-top: 25px solid #000;
    width: 900px;
    background: #FFA200;
    box-shadow: 0 0 10px #000;
    display: block;
    margin: auto;
    padding: 15px;
    position: relative;
    top: -300px
}

.popup .right .title_small,
.popup .right input[type=button],
.popup .title {
    font-family: 'Myriad Pro Bold'!important;
    font-weight: 700
}

.popup .title {
    color: #fff;
    display: inline-block;
    font-size: 45px
}

.popup .migal_1 {
    margin-bottom: -8px;
    padding-right: 150px
}

.popup .migal_2 {
    margin-bottom: -8px;
    margin-left: -50px;
    padding-left: 190px
}

.popup .image {
    margin-bottom: -100px;
    margin-left: -120px;
    position: relative
}

.popup .right {
    margin-top: 70px;
    text-align: center;
    width: calc(100% - 550px)
}

.popup .right .title_small {
    color: #1A1F1C;
    font-size: 30px;
    margin-bottom: 20px
}

.popup .right input[type=text],
.popup .right select {
    margin-bottom: 10px;
    width: 90%
}

.popup .right input[type=button] {
    background: #1E1E1E;
    border: none;
    color: #FBA114;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 18px;
    margin-right: 19px;
    outline: 0;
    padding: 7px 15px;
    width: 220px
}

.red {
    border: 1px solid red!important
}
.gallery{
    text-align: center;
}
.gallery a{
    display: inline-block; 
    width: 250px;
    height: auto;
    overflow:hidden;
    margin: 7px;
    border: 1px solid #FFA200;
    padding: 3px;
}
.gallery a:hover {
    box-shadow: 1px 1px 2px #000;
}
.gallery a img{
    
    width: 100%;
}
header .foot .desc .title2{
        
        padding: 5px 10px;
        background: #FBA114;
        text-align: center;
    }
    header .foot .desc .title3{
        color: red;
        margin: 5px 0px 10px 0px;
    }

@media screen and (max-width:800px) {
    
   
    
    .block_table,
    header {
        height: auto!important
    }
    .gallery a{
        display: block;
        width: 95%;
        margin: 3px auto;
        height: auto;
    }
    .nav {
        display: none;
    }
    .video{
        
    }
    #container,
    .block_full,
    body,
    html {
        min-width: 100%!important;
        width: 100%!important
    }
    header {
        background: 0 0!important;
    }

    .subtitle,
    header .foot .desc .subtitle .white {
        color: red!important
    }
    .subtitle {
        background: #fff;
        font-size: 15px;
        text-align: center
    }
    header .navigation ul li {
        float: none!important;
        display: block;
        text-align: left
    }
    header .navigation {
        text-align: left
    }
    header .navigation .phone {
        text-align: center;
        font-size: 30px!important
    }
    .block {
        width: 95%!important;
        margin-left: auto!important;
        margin-right: auto!important
    }
    header .foot .desc,
    header .navigation {
        width: 100%!important
    }
    header .navigation {
        float: none!important;
        position: fixed;
        top: 0
    }
    header .logo {
        padding: 0;
        text-align: center
    }
    header .logo img {
        display: inline-block
    }
    header .foot .image {
        display: none
    }
    header .foot .desc>ul {
        display: none;
        width: 100%
    }
    header .foot .desc .list li {
        display: inline-block;
        float: none!important;
        width: 17%!important;
        padding-right: 0!important
    }
    header .foot .desc>ul li img {
        width: 100%
    }
    header .foot .desc .title span {
        font-size: 15px!important
    }
    header .foot {
        margin-top: 10px!important
    }
    .block_table table {
        width: 90%!important;
        margin: 0 auto!important
    }
    .block_table table tr td {
        font-size: 12px!important
    }
    .block_table {
        margin-top: 20px!important;
        background: 0 0!important
    }
    .block_table table tr td:nth-child(1) {
        font-size: 10px!important
    }
    .block_map {
        display: none
    }
    .dopdop {
        margin: 0 0 20px!important;
        font-size: 15px;
        width: 100%!important
    }
    .how_to_work .list li img {
        width: 100%;
        margin-bottom: 10px!important
    }
    .auto .list li,
    .info .desc {
        width: 100%!important
    }
    .how_to_work .list li .title {
        font-size: 13px!important
    }
    .auto .list li {
        display: block!important;
        float: none!important
    }
    .auto .list li:nth-child(2) img,
    .auto .list li:nth-child(3) img {
        margin-top: 0!important
    }
    .info {
        margin-top: 70px!important
    }

    .block {
        padding: 0!important
    }
    .auto {
        padding: 30px 0!important;
  
    }
    .how_to_work .list li {
        float: none!important;
        display: block;
        width: 60%!important;
        margin: 50px auto!important
    }
    .button_block.right {
        display: none
    }
    
    header .foot .desc .subtitle{
        font-size: 19px;
        padding: 0px;
        margin: 0px;
            text-align: center;
    }
    header .foot .desc .title{
        text-align: center;
        font-size: 19px !important;
        margin: 5px 0px;
    }
    header .foot .desc .title2{
        
        padding: 5px 10px;
        background: #FBA114;
        text-align: center;
    }
    header .foot .desc .title3{
        color: red;
        margin: 5px 0px 10px 0px;
    }
    header .foot .desc{
        margin-left: 0px;
    }
    .left{
        MARGIN-TOP: 0PX;
    }
     .hhid{
        display: none !important;
    }
}
#container .how_to_work {
    margin-top: 70px;
}
.title-adv {
    text-align: left;
    font-size: 25px;
    margin-top: 100px;
    font-weight: bold;
    border-bottom: 2px solid #d70b0b;

}
.our_advantages {
    max-width: 1024px;
    margin: 80px auto;
    padding: 0 20px;
}
.our_advantages_item {
    margin-top: 30px;
}

.advantage_icon {
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #d70b0b;
    text-align: center;
    box-shadow: 1px 1px 2px #000;
}
.advantage_icon span {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    line-height: 50px;
}
.advantage_text {
    margin-left: 70px;
}
.advantage_text h3 {
    font-size: 20px;
    font-weight: 700;
}
.advantage_text p {
    margin-top: 10px;
    font-size: 16px;
}