body {
    font-family: 'Open Sans'!important;
    margin: 0!important;
}



h4 {
  font-size: 36px!important;
}
div.top div.top_logo {float: left!important;margin-right: 10px!important;width: 148px!important;height: 40px!important;background-position: -5px -145px!important;background-image: url(../img/spritesheet.png)!important;}

div.container {width: 1000px!important;margin: auto!important;}

div.top div.container {
padding: 10px 0!important;
line-height: 40px!important;
height: 40px!important;
}

h1, h2, h3, h4 {
    margin: 0!important;
}

.block1 h4 {
     color: #fff!important;
    font-size: 20pt!important;
    font-weight: 400!important;
    margin-bottom: 20px!important;
}

.block1 h3 {
    color: #fff!important;
    font-size: 30pt!important;
    text-transform: uppercase!important;
    margin-bottom: 20px!important;
}

[background="orange"] {
    background: #ff8600!important;
}

[background="blue"] {
    background: #285ca1!important;
}

[background] {
    padding: 5px!important;
}

.left {float: left!important;}

.right {float: right!important;}





.block1 {
    background: #285ca1!important;
    background-image: url(../img/slide1.jpg)!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    font-family: 'Roboto'!important;
    padding: 50px 0!important;
    min-height: 450px!important;
    color: white!important;
}

.form {
    width: 300px!important;
    height: 350px!important;
    background: #fdfdfe!important;
    font-family: 'Roboto'!important;
    text-align: center!important;
    font-size: 8pt!important;
    color: #929292!important;
    border: 1px solid #f2f3f3!important;
    border-radius: 10px!important;
    box-shadow: 0px 1px 1px 1px #00000014!important;
}
input {
    display: block!important;
    width: 240px!important;
    height: 30px!important;
    margin-top: 25px!important;
    margin: 25px 30px!important;
    border: none!important;
    outline: none!important;
    border-bottom: 1px solid #d4d4d4!important;
    font-family: 'Roboto'!important;
    background: transparent!important;
    border-radius: 0!important;
}

.form input:first-child {
    margin-top: 30px!important;
}

input[type="submit"], button, a.btn-trader {
    height: 50px!important;
    border-radius: 120px!important;
    margin-bottom: 5px!important;
    background: linear-gradient(to top, #ff8500, #ffa400)!important;
    color: white!important;
    font-family: 'Roboto'!important;
    font-size: 12pt!important;
    box-shadow: 0px 0px 12px -1px #ff8b0c!important;
    cursor: pointer!important;
}

a.btn-trader {
  line-height: 1.2;
}

input::-webkit-input-placeholder {
    color: #d4d4d4!important;
}

.block2 {
    background: #fff;
    text-align: center!important;
    font-family: 'Roboto'!important;
    font-size: 25pt!important;
    padding: 40px 0 60px 0!important;
    color: #4e4e4e!important;
}

.block2 b {
    color: black!important;
}

.block2 .companys {
    width: 1000px!important;
    height: 150px!important;
    background-image: url(../img/companys.jpg)!important;
    margin-top: 50px!important;
}

.block3 {
    background: #f8f9fb!important;
    padding: 60px 0!important;
    text-align: center!important;
    font-family: 'Roboto'!important;
    font-size: 25pt!important;
    color: #4e4e4e!important;
}

.block5 {
    background: #f8f9fb!important;
    padding: 60px 0!important;
    font-family: 'Roboto'!important;
    font-size: 25pt!important;
    color: #4e4e4e!important;
    text-align: center!important;
}

.footer {
    font-family: 'Roboto'!important;
    background: #e5ecf4!important;
    color: #b3bac3!important;
    font-size: 10pt!important;
    padding: 30px 0!important;
    min-height: 100px!important;
}

input:not([type="submit"]):focus {
    border-bottom: 1px solid black!important;
    transition: 0.5s!important;
}

.menu.pc a:hover:not(.active) {
    background: #477abe!important;
    transition: 0.5s!important;
}

input[type="submit"]:hover, button:hover {
    background: linear-gradient(to top, #ffa400, #ff8500)!important;
}

button, a.btn-trader {
    outline: none!important;
    border: none!important;
    min-width: 250px!important;
}

a.btn-trader {
  padding: 15px 30px;
  margin-bottom: 20px;
}

.block3 h4 {
    margin-bottom: 60px!important;
}

.block3 .strBold {
    font-size: 16px!important;
    color: #1b4680!important;
    font-weight: 600!important;
    margin-top: 50px!important;
    margin-bottom: 25px!important;
}

.block3 .str {
    font-size: 14px!important;
    color: #4d4d4d!important;
    margin-bottom: 60px!important;
}

.block4 {
    background: #fff;
    padding: 60px 0!important;
    text-align: center!important;
    font-family: 'Roboto'!important;
    font-size: 25pt!important;
    color: #4e4e4e!important;
}

.footer_logo {width: 148px!important;height: 40px!important;background-position: -5px -95px!important;background-image: url(../img/spritesheet.png)!important;}

.td {
    display: inline-block!important;
    float: left!important;
}

.footer a {
    display: block!important;
}

.footer .td.links a {
    display: inline-block!important;
    padding-right: 5px!important;
    opacity: 0.5!important;
    margin-top: 10px!important;
}

.td.links {
    text-align: right!important;
}

.footer .td.links a:hover {
    opacity: 1!important;
}

.footer a:hover {
    color: #4e4e4e!important;
}

.footer .td {
    padding: 0 25px!important;
}

.block3 .td {width: 323px!important;}

h4 {
    font-weight: 100!important;
}

.tariff {
    display: inline-block!important;
    width: 340px!important;
    border: 1px solid #f3f3f3!important;
    border-radius: 10px!important;
    margin: 50px 30px 0 30px!important;
    vertical-align: top!important;
    padding-bottom: 40px;
}

.tariff.orange {
    border: 1px solid #ffeedb!important;
}

.turn.left {background-position: -5px -5px!important;}

.turn.right {
    background-position: -240px -65px!important;
}

.callback {
    width: 900px!important;
}

.overview .avatar, .overview .text, .overview .author {
    display: inline-block!important;
}

.overview {
    margin-top: 50px!important;
    margin-bottom: 50px!important;
    text-align: center!important;
}

.turn.left, .turn.right {
    width: 25px!important;
    height: 48px!important;
    opacity: 0.8!important;
    cursor: pointer!important;
    background-image: url(../img/spritesheet.png)!important;
    margin: 0 0.5rem!important;
}

.mobile {
    display:none!important;
}

.turn.left:hover, .turn.right:hover {
    opacity: 1!important;
    transition: 0.5s!important;
}

.overview .avatar {
    height: 120px!important;
    width: 120px!important;
    border-radius: 120px!important;
    box-shadow: 1px 1px 4px 0px #767676!important;
}

.avatar {}

.overview .text {
    font-size: 16px!important;
    font-weight: 400!important;
    padding: 0 40px!important;
    margin-top: 30px!important;
}

p.author, p.company {
    text-align: right!important;
    font-size: 14px!important;
    padding: 0px 40px!important;
    font-weight: 600!important;
    font-family: 'Roboto'!important;
    width: 100%!important;
}

p {
    margin: 0!important;
}

span.splash {
    display: inline-block!important;
    font-family: 'Roboto'!important;
    font-size: 28px!important;
    font-weight: 300!important;
}

button.splash {
    margin-left: 40px!important;
}

.tariff_title {
    line-height: 60px!important;
    font-size: 22px!important;
}

.tariff_discount {
    font-size: 18px!important;
    color: white!important;
}

.tariff.green .tariff_discount {
    background: #7fcf92!important;
    line-height: 64px!important;
}

.tariff.orange .tariff_discount {
    background: #ffa94c!important;
    line-height: 1.26;
    padding: 10px 0px!important;
}

ul.menu-links li a.menu-link {
  color: #fff!important;
}

.privilege {
    font-size: 15px!important;
    padding: 20px 30px 0 30px!important;
    text-align: left!important;
}

../img {pointer-events: none!important;}

span.p_text {
    padding-left: 40px!important;
    display: block!important;
}

.privilege .icn {
    float: left!important;
}

.tariff.orange .tariff_title {
    font-weight: bold!important;
    color: #ff8400!important;
}

.price {
    font-size: 30px!important;
    margin-top: 10px!important;
}

sup {
    font-size: 20px!important;
}

sub {
    font-size: 16px!important;
}

.price b, .price sup {
    color: #00333f!important;
}

.tariff .selectDate button {
    min-width: 80px!important;
    height: 32px!important;
    font-size: 14px!important;
    background: white!important;
    box-shadow: none!important;
}

.tariff.green .selectDate button {color: #7fcf92!important;border: 1px solid #7fcf92!important;}

.tariff.green .selectDate button:hover, .tariff.green .selectDate button[selected] {
    background: #7fcf92!important;
    color: white!important;
}

.tariff.green a.btn-trader {
    background: linear-gradient(to top, #50b768, #7fd693)!important;
    box-shadow: 0px 0px 12px -1px #7fcf92!important;
}

.selectDate {
    margin-bottom: 10px!important;
}

.tariff.orange .selectDate button:hover, .tariff.orange .selectDate button[selected] {
    background: #ffa94c!important;
    color: white!important;
}

.tariff.orange .selectDate button {
    color: #ffa94c!important;
    border: 1px solid #ffa94c!important;
}

.tariff.green a.btn-trader:hover {
    background: linear-gradient(to top, #7fd693, #50b768)!important;
}


@media all and (max-width : 1000px) {
    .footer_logo, .logo_splash {display:none!important;}
    .form {
        margin: 20px auto auto auto!important;
}
    div.container {
        width: 100%!important;
    //    padding: 0!important;
    }
    
    .block3 .td {
        width: 100%!important;
    }
    
    .tariff {
        display: block!important;
        margin: 30px auto!important;
        width: 100%!important;
    }
    
    div.top div.container {
        height: 60px!important;
        padding: 10px!important;
    }
    
    .block2 .companys {
        width: 100%!important;
        background-size: contain!important;
        background-repeat: no-repeat!important;
        background-position: center center!important;
    }
    
    .callback {
        width: calc(100% - 70px)!important;
    }
    
    .footer .td {
        float: none!important;
        display: block!important;
        text-align: left!important;
    }

    .block1 .left, .block1 .right {
        float: none!important;
        margin: auto!important;
        overflow: hidden!important;
    }
    
    div.top {font-size: 7pt!important;}
    
    .pc {
    display: none!important;
    }
    .mobile {
        display: block!important;
    }
    .menu {
        background: #212121a1!important;
        position: fixed!important;
        left: 0!important;
        top: 0!important;
        height: 100%!important;
        width: 100%!important;
        z-index: 1!important;
    }
    
    .block1 h3 {
        font-size: 26px!important;
    }
    
    .block1 {
        text-align: center!important;
    }
    

    button.splash {
        margin: 20px auto auto auto!important;
        display: block!important;
    }
    }

.tariff a.btn-trader {
    margin-bottom: 30px!important;
}

.icn.send {
    width: 80px!important;
    height: 63px!important;
    background-position: -163px -123px!important;
    margin-bottom: 17px!important;
}

.icn {
    background-image: url(../img/spritesheet.png)!important;
    display: inline-block!important;
    vertical-align: top!important;
}

.icn.clipboard {
    width: 67px!important;
    height: 80px!important;
    background-position: -40px -5px!important;
}

.icn.gift {
    width: 80px!important;
    height: 80px!important;
    background-position: -150px -5px!important;
}

.icn.facebook {
    width: 23px!important;
    height: 23px!important;
    background-position: -117px -5px!important;
}

.icn.vk {
    width: 23px!important;
    height: 23px!important;
    background-position: -275px -65px!important;
}

.icn.linkedin {
    width: 23px!important;
    height: 23px!important;
    background-position: -240px -5px!important;
}

.icn.ok_green {
    width: 25px!important;
    height: 20px!important;
    background-position: -273px -5px!important;
}

.icn.ok_orange {
    width: 25px!important;
    height: 20px!important;
    background-position: -273px -35px!important;
}

.menu.mobile .links a {
    display: block!important;
    line-height: 50px!important;
    color: #666666!important;
    border-bottom: 1px solid #f0f4fa!important;
}

.menu.mobile .container {
    width: 80%!important;
    height: 100%!important;
    margin: 0!important;
    background: white!important;
    display: inline-block!important;
    line-height: 40px!important;
    text-align: center!important;
}

.menu.mobile a[current] {
    background: #f0f4fa!important;
}

.menu.mobile .header {
    text-align: left!important;
    padding: 10px 30px!important;
    border-bottom: 4px solid #4074b9!important;
}

.menu.mobile .header a {
    color: #4074b9!important;
}

.menu.mobile .header a.right {
    border: 1px solid #b2c6e4!important;
    border-radius: 5px!important;
    line-height: 28px!important;
    padding: 0 10px!important;
    margin: 5px 0!important;
    width: 68px!important;
    text-align: center!important;
}

.menu.mobile .links {
    overflow: auto!important;
}

.burger div {
    margin-bottom: 5px!important;
    background: #255ba3!important;
    width: 18px!important;
    height: 1px!important;
    border-left: 1px solid #5781b8!important;
    border-right: 1px solid #5781b8!important;
}

.burger {
    margin-top: 14px!important;
    cursor: pointer!important;
}

.toHideMenu {
    width: 20%!important;
    height: 100%!important;
    cursor: pointer!important;
    float: right!important;
    background: #0000008a!important;
    transition: 3s!important;
}

.toHideMenu:hover {
    background: transparent!important;
}

.block5 .container {
    padding: 0!important;
}

.swiper-button-next, .swiper-button-prev {
    background-image: url(../img/spritesheet.png)!important;
    width: 25px!important;
    height: 48px!important;
    background-size: auto!important;
}

.swiper-button-next {
    background-position: -240px -65px!important;
}

.swiper-button-prev {
    background-position: -5px -5px!important;
}

* {
    box-sizing: border-box!important;
}