@font-face {
    font-family: Lato;
    src: url(../fonts/LatoRegular/LatoRegular.eot);
    src: url(../fonts/LatoRegular/LatoRegular.eot?#iefix) format("embedded-opentype"), url(../fonts/LatoRegular/LatoRegular.woff) format("woff"), url(../fonts/LatoRegular/LatoRegular.ttf) format("truetype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: Lato;
    src: url(../fonts/LatoBold/LatoBold.eot);
    src: url(../fonts/LatoBold/LatoBold.eot?#iefix) format("embedded-opentype"), url(../fonts/LatoBold/LatoBold.woff) format("woff"), url(../fonts/LatoBold/LatoBold.ttf) format("truetype");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: Lato;
    src: url(../fonts/LatoItalic/LatoItalic.eot);
    src: url(../fonts/LatoItalic/LatoItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/LatoItalic/LatoItalic.woff) format("woff"), url(../fonts/LatoItalic/LatoItalic.ttf) format("truetype");
    font-style: italic;
    font-weight: 400
}

@font-face {
    font-family: Lato;
    src: url(../fonts/LatoLight/LatoLight.eot);
    src: url(../fonts/LatoLight/LatoLight.eot?#iefix) format("embedded-opentype"), url(../fonts/LatoLight/LatoLight.woff) format("woff"), url(../fonts/LatoLight/LatoLight.ttf) format("truetype");
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: Lato;
    src: url(../fonts/LatoBoldItalic/LatoBoldItalic.eot);
    src: url(../fonts/LatoBoldItalic/LatoBoldItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/LatoBoldItalic/LatoBoldItalic.woff) format("woff"), url(../fonts/LatoBoldItalic/LatoBoldItalic.ttf) format("truetype");
    font-style: italic;
    font-weight: 700
}

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

.rub {
    font-family: rubregular
}

a, abbr, acronym, address, applet, article, aside, audio, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none;
    color: #000
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

* {
    box-sizing: border-box
}

small {
    font-size: 80%
}

body {
    font-family: Lato, sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.428571429;
    color: #333;
    min-width: 480px
}

a {
    color: #20559e;
    text-decoration: none;
    background-color: transparent
}

a:focus, a:hover {
    color: #13335e;
    text-decoration: underline
}

a:active, a:hover {
    outline: 0
}

h1 {
    font-size: 36px
}

h2 {
    font-size: 28px;
    line-height: 1.2em
}

h4 {
    font-size: 18px
}

p {
    font-weight: 300
}

.btn-group-lg > .btn, .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 0
}

.btn {
    border: 0;
    display: inline-block;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    padding: 10px 17px;
    line-height: 1.428571429;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    background-color: rgba(28, 151, 77, .95)
}

.btn:active, .btn:focus, .btn:hover {
    text-decoration: none;
    color: #fff;
    background-color: rgba(20, 108, 55, .95);
    border-color: rgba(14, 78, 40, .95);
    outline: none
}

.text-center {
    text-align: center
}

.navbar {
    position: relative;
    min-height: 50px;
    height: 60px;
    margin-bottom: 20px;
    padding-top: 5px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .4);
    width: 100%;
    background-color: #333;
    border-color: #262626
}

.navbar-brand {
    float: left;
    padding: 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px
}

.navbar .navbar-brand img {
    height: 30px;
    position: relative;
    top: -5px
}

.navbar-brand.telekarta {
    padding: 0
}

.navbar .navbar-brand.telekarta img {
    height: 100%;
    position: relative;
    top: 0
}

.navbar .nav--phone .nav--phone-hours {
    display: block;
    font-size: 13px;
    line-height: 19px;
    color: #fafafa
}

.navbar .nav--cta-button {
    float: right;
    margin-left: 30px;
    margin-top: 2px
}

.navbar .nav--phone {
    float: right;
    color: #fff;
    font-size: 20px;
    text-align: center;
    margin-top: 2px
}

.navbar .nav--phone .nav--phone-link {
    display: block;
    font-size: 22px;
    color: #fff;
    height: 28px
}

.navbar .nav--phone .nav--phone-link:active, .navbar .nav--phone .nav--phone-link:focus, .navbar .nav--phone .nav--phone-link:hover {
    color: #fff;
    text-decoration: none
}

.navbar .nav--phone .nav--phone-hours {
    display: block;
    font-size: 13px;
    color: #fafafa
}

.navbar-fixed-top {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    -webkit-overflow-scrolling: touch
}

.collapse {
    display: none
}

.header.header-viju {
    margin-top: 60px;
    background: url(../imgs/pics-new/bg-dark.jpg) no-repeat 50% 100%/cover;
    color: #fff;
}

.header.header-viju .header--cover {
    text-align: center;
    padding: 30px 40px 50px;
}

.header-viju--channels {
    text-align: center;
    margin: 20px 0 0;
}

.header-viju--channels img {
    display: inline-block
}

.header-viju--channels.telekarta img {
    width: 700px
}

.header {
    margin-top: 50px
}

.header--cover {
    overflow: auto
}

.header--cover h1 {
    margin-bottom: 80px
}

.header h1 {
    font-size: 60px;
    line-height: 65px;
    text-align: center;
    margin-top: 72px;
    padding: 0 50px
}

.header small {
    color: #aaa;
    font-size: 65%
}

.container, .hero .hero--text, .hero.hero-fixed, .landing-block .landing-block--content, .package-conversion .package-conversion--content {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.landing-block--content {
    padding-top: 60px;
    padding-bottom: 40px
}

.landing-block--content .film-header {
    display: inline-block
}

.landing-block--content .film-header h2 {
    margin-bottom: 20px
}

.landing-block--content .rating {
    font-size: 100%;
}

.landing-block--content .film-description {
    display: inline-block
}

.landing-block--content p {
    font-size: 100%;
    line-height: 1.4em;
    font-weight: 400;
    margin-bottom: .8em
}

.landing-block--title {
    font-size: 42px;
    line-height: 1em
}

.parallax {
    background-attachment: fixed;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.parallax.md {
    min-height: 45vh;
    margin: -2px 0;
}

.landing-block.anons .landing-block--content {
    padding: 100px 0;
}

.landing-block.black {
    background-color: #000;
    color: #fff
}

.landing-block.white {
    background-color: #fff;
    text-align: center
}

.landing-block.white .row {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0
}

.landing-block.white h2 {
    font-size: 36px;
    margin-bottom: 1.5em
}

.landing-block.white p {
    font-weight: 400
}

.landing-block.channels {
    text-align: center;
    margin-bottom: 40px;
    background-color: #fafafa
}

.landing-block.channels h1 {
    font-size: 52px;
    line-height: 1.3em;
    margin-bottom: 1.5em
}

.landing-block.channels h1 small {
    font-size: 72%;
    margin-bottom: 1.88em
}

.landing-block.channels .row {
    -ms-flex-pack: center;
    justify-content: center
}

.landing-block.channels .row.telekarta img {
    width: 865px
}

.header-viju--channels img, .landing-block.channels img {
    width: 865px;
}

/*  */
.btn-premiere,
.btn-megahit,
.btn-comedy,
.btn-serial,
.btn-history,
.btn-sport,
.btn-explore  {
    display: inline-block;
    font-size: 28px !important;
    color: white;
    padding: 13px 15px;
    border-radius: 17px;
    line-height: 26px !important;
    text-align: center;
    font-weight: bold !important;
}

.btn-premiere {
    background-color: #d32ee9;
}

.btn-megahit {
    background-color: #35a4ca;
}

.btn-comedy {
    background-color: #dc5c24;
}

.btn-serial {
    background-color: #029680;
}

.btn-sport {
    background-color: #2b26ff;
}

.btn-history {
    background-color: #17549d;
}

.btn-tv1000 {
    background-color: #00add7;
}
.btn-explore {
    background-color: #a51b17;
}

.btn-premiere::after,
.btn-megahit::after,
.btn-comedy::after,
.btn-history::after,
.btn-serial::after,
.btn-sport::after,
.btn-explore::after {
    display: block;
    content: 'кнопка';
    font-size: 15px;
    line-height: 10px;
}
.btn-premiere::before,
.btn-megahit::before,
.btn-comedy::before,
.btn-serial::before,
.btn-history::before,
.btn-sport::before ,
.btn-explore::before {
    display: block;
    font-size: 30px;
    line-height: 26px;   
}

.btn-premiere::before {
    content: '94'; 
}

.btn-megahit::before {
    content: '95'; 
}

.btn-comedy::before {
    content: '96'; 
}

.btn-serial::before {
    content: '90'; 
}

.btn-sport::before {
    content: '42'; 
}

.btn-history::before {
    content: '192'; 
}
.btn-explore::before {
    content: '191'; 
}


/*  */

.package-conversion {
    margin-bottom: 0;
    margin-top: 0
}

.package-conversion.bright {
    background-color: #fff;
    padding: 0 0 50px
}

.package-conversion--content {
    display: -ms-flexbox;
    display: flex
}

.package-conversion.bright .conversion-choice {
    background-color: #fafafa;
    border: 10px solid #fff;
    border-top-width: 20px;
    border-bottom: 0
}

.conversion-choice--content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    gap: 0.5em;
}

.conversion-choice {
    padding: 20px 10px;
    text-align: center;
    position: relative
}

.conversion-choice p {
    font-weight: 400
}

.conversion-choice .mt a {
    width: 300px
}

.conversion-choice h3 {
    font-weight: 500;
    line-height: 1.3
}

.conversion-choice p {
    font-size: 67%;
    line-height: 1.4em;
}

.conversion-choice--content > * {
    margin: 0;
}

.conversion-choice h1 {
    font-size: 36px
}

.connect-form, .package-form {
    max-height: 0;
    overflow: hidden;
    background-color: #fafafa
}

.footer {
    background-color: #fafafa;
    padding: 40px 0 70px;
    overflow: auto
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.container-fluid .row {
    display: block;
    -ms-flex-pack: center;
    justify-content: center
}

.container-fluid .col-md-4 {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.container-fluid .logos {
    -ms-flex: 2;
    flex: 2
}

.list-block .list-block--content, .row {
    margin-left: -15px;
    margin-right: -15px
}

.footer .footer--phone {
    text-align: center;
    font-size: 100%;
    margin-top: 10px
}

.footer .footer--phone small {
    font-size: 14px;
    display: block
}

.footer .footer--phone a {
    color: inherit;
    text-decoration: none
}

.footer .logo {
    width: 200px;
    position: relative;
    margin-top: 26px;
    margin-right: 20px
}

.footer .logo.telekarta {
    margin-top: 16px
}

.footer .viju {
    /* margin-top: 21px */
}

.at-share-btn {
    display: inline-block;
    height: 32px;
    width: 32px;
    cursor: pointer;
    background: url(../imgs/soc.jpg) no-repeat;
    background-size: 200%
}

.at-share-btn.vk {
    background-position: 0 0
}

.at-share-btn.facebook {
    background-position: -32px 0
}

.at-share-btns {
    width: 100%
}

.mt {
    margin-top: 30px
}

.mb {
    margin-bottom: 30px
}

.mb2 {
    margin-bottom: 60px
}

#buy-row h1 {
    font-size: 36px
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px
}

.form-group {
    margin-bottom: 15px
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 0
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px
}

.form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px
}

.fade {
    opacity: 0;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
    font-size: 12px
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error.checkbox-inline label, .has-error.checkbox label, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.radio-inline label, .has-error.radio label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .form-control:focus {
    border-color: #843534;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}

.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .hero .hero--text:after, .hero .hero--text:before, .hero.hero-fixed:after, .hero.hero-fixed:before, .landing-block .landing-block--content:after, .landing-block .landing-block--content:before, .list-block .list-block--content:after, .list-block .list-block--content:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .package-conversion .package-conversion--content:after, .package-conversion .package-conversion--content:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    content: " ";
    display: table
}

.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .hero .hero--text:after, .hero.hero-fixed:after, .landing-block .landing-block--content:after, .list-block .list-block--content:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .package-conversion .package-conversion--content:after, .pager:after, .panel-body:after, .row:after {
    clear: both
}

.footer .addthis_sharing_toolbox {
    width: 100%;
    margin-top: 20px
}

.reg-center, .regional-center {
    margin-top: 30px
}

.reg-center h4, .regional-center h4 {
    margin-bottom: 5px
}

#contacts {
    font-size: 14px;
    line-height: 1.428571429
}

.pager {
    height: 50px;
    width: 50px;
    position: fixed;
    z-index: 2;
    bottom: 90px;
    left: calc(50% - 25px);
    border-radius: 50%;
    background-color: #1c974d
}

.pager:hover {
    background-color: #146c37
}

.pager:before {
    display: none
}

.pager span:after {
    content: '';
    display: inline-block;
    margin-top: 11px;
    margin-left: 15px;
    width: 16px;
    height: 16px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(135deg)
}

.mr066 {
    margin-right: 20px
}

.telekarta-btn {
    padding: 10px 35px;
    border-radius: 20px;
    width: auto !important
}

.nav--cta-button .telekarta-btn {
    margin-left: -15px
}

.telekarta-bg {
    background-color: #d40f7d
}

.telekarta-bg:active, .telekarta-bg:focus, .telekarta-bg:hover {
    background-color: #b70e6c
}

.header-small-text {
    font-size: 1vw;
    text-align: center;
    color: #aaa;
    margin-top: 20px;
    font-weight: 400
}

.socials {
    margin-top: 20px
}

.socials .socials__item {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: no-repeat;
    background-size: cover
}

.socials .vkontakte {
    background-image: url(../imgs/contact.png)
}

.socials .facebook {
    background-image: url(../imgs/fbook.png)
}

.socials .odnoklassniki {
    background-image: url(../imgs/odnoklass.png)
}

.amount {
    margin-left: 60px
}

@media (max-width: 1400px) {
    .pager {
        bottom: 70px;
        display: none !important
    }

    .header-viju--channels.telekarta img, .landing-block.channels .row.telekarta img {
        width: 60vw
    }
}

@media (max-width: 1200px) {
    .header h1, .landing-block.channels h1 {
        font-size: 50px
    }

    .header--cover h1 {
        margin-bottom: 72px
    }

    .navbar-header {
        display: inline-block;
        margin-left: 0
    }

    .navbar-collapse {
        float: right;
        display: inline-block
    }

    .header-small-text {
        font-size: 12px
    }
}

@media (max-width: 490px) {
    .header--cover h1 {
        margin-bottom: 40px
    }
}

@media (max-width: 400px) {
    .conversion-choice .mt a {
        width: auto
    }

    .header h1, .landing-block.channels h1 {
        font-size: 35px;
        line-height: 55px
    }

    .landing-block--title {
        font-size: 35px
    }
}

@media (max-width: 767px) {
    .package-conversion .package-conversion--content {
        padding-left: 30px;
        padding-right: 30px;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .header-viju--channels img, .landing-block.channels img {
        height: 12vw
    }

    .header-viju--channels.telekarta img {
        width: 60vw;
        height: auto
    }

    .landing-block.channels .row.telekarta img {
        height: auto
    }

    .header h1, .landing-block--title, .landing-block.channels h1 {
        font-size: 42px
    }

    .btn {
        white-space: normal
    }

    .container-fluid .col-md-4 {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer .logo {
        margin-right: 0
    }

    .parallax {
        background-attachment: scroll
    }

    .socials {
        text-align: center
    }

    .nav--phone {
        display: none
    }

    .container {
        box-sizing: border-box;
        padding: 0 4%
    }
}

@media (min-width: 768px) {
    .container, .hero .hero--text, .hero.hero-fixed, .landing-block .landing-block--content, .package-conversion .package-conversion--content {
        width: 750px
    }

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left
    }

    .col-sm-5 {
        width: 41.66666666666667%
    }

    .col-sm-7 {
        width: 58.333333333333336%
    }

    .col-sm-offset-1 {
        margin-left: 8.333333333333332%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666666666667%
    }

    .col-sm-10 {
        width: 83.33333333333334%
    }

    .col-sm-6, .conversion-choice, .counter-block .counter-block--element {
        width: 50%
    }

    .channels .channels--channel.big, .channels .channels--channel.huge, .channels .channels--channel.small, .conversion-choice, .conversion-choice.col3, .counter-block .counter-block--element, .grid-column-sm {
        float: left
    }

    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px
    }

    .form-horizontal .form-group-lg .control-label {
        padding-top: 11px;
        font-size: 18px
    }
}

@media (max-width: 991px) and (min-width: 767px) {
    .conversion-choice h3 {
        font-size: 20px
    }

    .header h1, .landing-block.channels h1 {
        font-size: 46px
    }
    .parallax {
        background-attachment: scroll;
    }

}

@media (min-width: 992px) {
    .container, .hero .hero--text, .hero.hero-fixed, .landing-block .landing-block--content, .package-conversion .package-conversion--content {
        width: 970px
    }

    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.33333333333333%
    }

    .col-md-8 {
        width: 66.66666666666666%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333333333%
    }

    .navbar-header {
        float: left
    }

    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }

}

@media (min-width: 1200px) {
    .container, .hero .hero--text, .hero.hero-fixed, .landing-block .landing-block--content, .package-conversion .package-conversion--content {
        width: 1170px
    }

    .col-sm-7 {
        width: 58.333333333333336%
    }
}

@media (max-width: 1200px) {
    .socials {
        margin-top: 0
    }
    .parallax {
        background-attachment: scroll;
    }
    .parallax.md {
        min-height: 50vh;
    }
}



@media (max-width: 640px) {
    .container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (max-width: 991px) {
    span.wbr {
        display: none;
    }
}