@font-face {
    font-family: Raleway;
    src: url(../fonts/page_fonts/Raleway-SemiBold.eot);
    src: url(../fonts/page_fonts/Raleway-SemiBold%EF%B9%96.eot#iefix) format('embedded-opentype'),url(../fonts/page_fonts/Raleway-SemiBold.woff2) format('woff2'),url(../fonts/page_fonts/Raleway-SemiBold.woff) format('woff'),url(../fonts/page_fonts/Raleway-SemiBold.ttf) format('truetype'),url(../fonts/page_fonts/Raleway-SemiBold.svg#Raleway-SemiBold) format('svg');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    src: url(../fonts/page_fonts/Raleway-Black.eot);
    src: url(../fonts/page_fonts/Raleway-Black%EF%B9%96.eot#iefix) format('embedded-opentype'),url(../fonts/page_fonts/Raleway-Black.woff2) format('woff2'),url(../fonts/page_fonts/Raleway-Black.woff) format('woff'),url(../fonts/page_fonts/Raleway-Black.ttf) format('truetype'),url(../fonts/page_fonts/Raleway-Black.svg#Raleway-Black) format('svg');
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    src: url(../fonts/page_fonts/Raleway-Bold.eot);
    src: url(../fonts/page_fonts/Raleway-Bold%EF%B9%96.eot#iefix) format('embedded-opentype'),url(../fonts/page_fonts/Raleway-Bold.woff2) format('woff2'),url(../fonts/page_fonts/Raleway-Bold.woff) format('woff'),url(../fonts/page_fonts/Raleway-Bold.ttf) format('truetype'),url(../fonts/page_fonts/Raleway-Bold.svg#Raleway-Bold) format('svg');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    src: url(../fonts/page_fonts/Raleway-Regular.eot);
    src: url(../fonts/page_fonts/Raleway-Regular%EF%B9%96.eot#iefix) format('embedded-opentype'),url(../fonts/page_fonts/Raleway-Regular.woff2) format('woff2'),url(../fonts/page_fonts/Raleway-Regular.woff) format('woff'),url(../fonts/page_fonts/Raleway-Regular.ttf) format('truetype'),url(../fonts/page_fonts/Raleway-Regular.svg#Raleway-Regular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    src: url(../fonts/page_fonts/Raleway-Medium.eot);
    src: url(../fonts/page_fonts/Raleway-Medium%EF%B9%96.eot#iefix) format('embedded-opentype'),url(../fonts/page_fonts/Raleway-Medium.woff2) format('woff2'),url(../fonts/page_fonts/Raleway-Medium.woff) format('woff'),url(../fonts/page_fonts/Raleway-Medium.ttf) format('truetype'),url(../fonts/page_fonts/Raleway-Medium.svg#Raleway-Medium) format('svg');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    src: url(../fonts/page_fonts/Raleway-Light.eot);
    src: url(../fonts/page_fonts/Raleway-Light%EF%B9%96.eot#iefix) format('embedded-opentype'),url(../fonts/page_fonts/Raleway-Light.woff2) format('woff2'),url(../fonts/page_fonts/Raleway-Light.woff) format('woff'),url(../fonts/page_fonts/Raleway-Light.ttf) format('truetype'),url(../fonts/page_fonts/Raleway-Light.svg#Raleway-Light) format('svg');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    src: url(../fonts/page_fonts/Raleway-ExtraBold.eot);
    src: url(../fonts/page_fonts/Raleway-ExtraBold%EF%B9%96.eot#iefix) format('embedded-opentype'),url(../fonts/page_fonts/Raleway-ExtraBold.woff2) format('woff2'),url(../fonts/page_fonts/Raleway-ExtraBold.woff) format('woff'),url(../fonts/page_fonts/Raleway-ExtraBold.ttf) format('truetype'),url(../fonts/page_fonts/Raleway-ExtraBold.svg#Raleway-ExtraBold) format('svg');
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: XTypewriter;
    src: url(../fonts/page_fonts/XTypewriter-Regular.woff2) format('woff2'),url(../fonts/page_fonts/XTypewriter-Regular.woff) format('woff'),url(../fonts/page_fonts/XTypewriter-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Lobster;
    src: url(../fonts/page_fonts/Lobster.eot);
    src: url(../fonts/page_fonts/Lobster.woff) format('woff'),url(../fonts/page_fonts/Lobster-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: italic
}

/*!
 *  Material Design Iconic Font by Sergey Kupletsky (@zavoloklom) - http://zavoloklom.github.io/material-design-iconic-font/
 *  License - http://zavoloklom.github.io/material-design-iconic-font/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: Material-Design-Iconic-Font;
    src: url(../fonts/page_icons/Material-Design-Iconic-Font%EF%B9%96v=2.2.0.woff2) format('woff2'),url(../fonts/page_icons/Material-Design-Iconic-Font%EF%B9%96v=2.2.0.woff) format('woff'),url(../fonts/page_icons/Material-Design-Iconic-Font%EF%B9%96v=2.2.0.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

.zmdi {
    display: inline-block;
    font: normal normal normal 14px/1 Material-Design-Iconic-Font;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.zmdi-hc-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.zmdi-hc-2x {
    font-size: 2em
}

.zmdi-hc-3x {
    font-size: 3em
}

.zmdi-hc-4x {
    font-size: 4em
}

.zmdi-hc-5x {
    font-size: 5em
}

.zmdi-hc-fw {
    width: 1.28571429em;
    text-align: center
}

.zmdi-hc-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.zmdi-hc-ul>li {
    position: relative
}

.zmdi-hc-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

.zmdi-hc-li.zmdi-hc-lg {
    left: -1.85714286em
}

.zmdi-hc-border {
    padding: .1em .25em;
    border: .1em solid #9e9e9e;
    border-radius: 2px
}

.zmdi-hc-border-circle {
    padding: .1em .25em;
    border: .1em solid #9e9e9e;
    border-radius: 50%
}

.zmdi.pull-left {
    float: left;
    margin-right: .15em
}

.zmdi.pull-right {
    float: right;
    margin-left: .15em
}

.zmdi-hc-spin {
    -webkit-animation: zmdi-spin 1.5s infinite linear;
    animation: zmdi-spin 1.5s infinite linear
}

.zmdi-hc-spin-reverse {
    -webkit-animation: zmdi-spin-reverse 1.5s infinite linear;
    animation: zmdi-spin-reverse 1.5s infinite linear
}

@-webkit-keyframes zmdi-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes zmdi-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-webkit-keyframes zmdi-spin-reverse {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(-359deg);
        transform: rotate(-359deg)
    }
}

@keyframes zmdi-spin-reverse {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(-359deg);
        transform: rotate(-359deg)
    }
}

.zmdi-hc-rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.zmdi-hc-rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.zmdi-hc-rotate-270 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.zmdi-hc-flip-horizontal {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.zmdi-hc-flip-vertical {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.zmdi-hc-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.zmdi-hc-stack-1x,.zmdi-hc-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.zmdi-hc-stack-1x {
    line-height: inherit
}

.zmdi-hc-stack-2x {
    font-size: 2em
}

.zmdi-hc-inverse {
    color: #fff
}

.zmdi-3d-rotation:before {
    content: '\f101'
}

.zmdi-airplane-off:before {
    content: '\f102'
}

.zmdi-airplane:before {
    content: '\f103'
}

.zmdi-album:before {
    content: '\f104'
}

.zmdi-archive:before {
    content: '\f105'
}

.zmdi-assignment-account:before {
    content: '\f106'
}

.zmdi-assignment-alert:before {
    content: '\f107'
}

.zmdi-assignment-check:before {
    content: '\f108'
}

.zmdi-assignment-o:before {
    content: '\f109'
}

.zmdi-assignment-return:before {
    content: '\f10a'
}

.zmdi-assignment-returned:before {
    content: '\f10b'
}

.zmdi-assignment:before {
    content: '\f10c'
}

.zmdi-attachment-alt:before {
    content: '\f10d'
}

.zmdi-attachment:before {
    content: '\f10e'
}

.zmdi-audio:before {
    content: '\f10f'
}

.zmdi-badge-check:before {
    content: '\f110'
}

.zmdi-balance-wallet:before {
    content: '\f111'
}

.zmdi-balance:before {
    content: '\f112'
}

.zmdi-battery-alert:before {
    content: '\f113'
}

.zmdi-battery-flash:before {
    content: '\f114'
}

.zmdi-battery-unknown:before {
    content: '\f115'
}

.zmdi-battery:before {
    content: '\f116'
}

.zmdi-bike:before {
    content: '\f117'
}

.zmdi-block-alt:before {
    content: '\f118'
}

.zmdi-block:before {
    content: '\f119'
}

.zmdi-boat:before {
    content: '\f11a'
}

.zmdi-book-image:before {
    content: '\f11b'
}

.zmdi-book:before {
    content: '\f11c'
}

.zmdi-bookmark-outline:before {
    content: '\f11d'
}

.zmdi-bookmark:before {
    content: '\f11e'
}

.zmdi-brush:before {
    content: '\f11f'
}

.zmdi-bug:before {
    content: '\f120'
}

.zmdi-bus:before {
    content: '\f121'
}

.zmdi-cake:before {
    content: '\f122'
}

.zmdi-car-taxi:before {
    content: '\f123'
}

.zmdi-car-wash:before {
    content: '\f124'
}

.zmdi-car:before {
    content: '\f125'
}

.zmdi-card-giftcard:before {
    content: '\f126'
}

.zmdi-card-membership:before {
    content: '\f127'
}

.zmdi-card-travel:before {
    content: '\f128'
}

.zmdi-card:before {
    content: '\f129'
}

.zmdi-case-check:before {
    content: '\f12a'
}

.zmdi-case-download:before {
    content: '\f12b'
}

.zmdi-case-play:before {
    content: '\f12c'
}

.zmdi-case:before {
    content: '\f12d'
}

.zmdi-cast-connected:before {
    content: '\f12e'
}

.zmdi-cast:before {
    content: '\f12f'
}

.zmdi-chart-donut:before {
    content: '\f130'
}

.zmdi-chart:before {
    content: '\f131'
}

.zmdi-city-alt:before {
    content: '\f132'
}

.zmdi-city:before {
    content: '\f133'
}

.zmdi-close-circle-o:before {
    content: '\f134'
}

.zmdi-close-circle:before {
    content: '\f135'
}

.zmdi-close:before {
    content: '\f136'
}

.zmdi-cocktail:before {
    content: '\f137'
}

.zmdi-code-setting:before {
    content: '\f138'
}

.zmdi-code-smartphone:before {
    content: '\f139'
}

.zmdi-code:before {
    content: '\f13a'
}

.zmdi-coffee:before {
    content: '\f13b'
}

.zmdi-collection-bookmark:before {
    content: '\f13c'
}

.zmdi-collection-case-play:before {
    content: '\f13d'
}

.zmdi-collection-folder-image:before {
    content: '\f13e'
}

.zmdi-collection-image-o:before {
    content: '\f13f'
}

.zmdi-collection-image:before {
    content: '\f140'
}

.zmdi-collection-item-1:before {
    content: '\f141'
}

.zmdi-collection-item-2:before {
    content: '\f142'
}

.zmdi-collection-item-3:before {
    content: '\f143'
}

.zmdi-collection-item-4:before {
    content: '\f144'
}

.zmdi-collection-item-5:before {
    content: '\f145'
}

.zmdi-collection-item-6:before {
    content: '\f146'
}

.zmdi-collection-item-7:before {
    content: '\f147'
}

.zmdi-collection-item-8:before {
    content: '\f148'
}

.zmdi-collection-item-9-plus:before {
    content: '\f149'
}

.zmdi-collection-item-9:before {
    content: '\f14a'
}

.zmdi-collection-item:before {
    content: '\f14b'
}

.zmdi-collection-music:before {
    content: '\f14c'
}

.zmdi-collection-pdf:before {
    content: '\f14d'
}

.zmdi-collection-plus:before {
    content: '\f14e'
}

.zmdi-collection-speaker:before {
    content: '\f14f'
}

.zmdi-collection-text:before {
    content: '\f150'
}

.zmdi-collection-video:before {
    content: '\f151'
}

.zmdi-compass:before {
    content: '\f152'
}

.zmdi-cutlery:before {
    content: '\f153'
}

.zmdi-delete:before {
    content: '\f154'
}

.zmdi-dialpad:before {
    content: '\f155'
}

.zmdi-dns:before {
    content: '\f156'
}

.zmdi-drink:before {
    content: '\f157'
}

.zmdi-edit:before {
    content: '\f158'
}

.zmdi-email-open:before {
    content: '\f159'
}

.zmdi-email:before {
    content: '\f15a'
}

.zmdi-eye-off:before {
    content: '\f15b'
}

.zmdi-eye:before {
    content: '\f15c'
}

.zmdi-eyedropper:before {
    content: '\f15d'
}

.zmdi-favorite-outline:before {
    content: '\f15e'
}

.zmdi-favorite:before {
    content: '\f15f'
}

.zmdi-filter-list:before {
    content: '\f160'
}

.zmdi-fire:before {
    content: '\f161'
}

.zmdi-flag:before {
    content: '\f162'
}

.zmdi-flare:before {
    content: '\f163'
}

.zmdi-flash-auto:before {
    content: '\f164'
}

.zmdi-flash-off:before {
    content: '\f165'
}

.zmdi-flash:before {
    content: '\f166'
}

.zmdi-flip:before {
    content: '\f167'
}

.zmdi-flower-alt:before {
    content: '\f168'
}

.zmdi-flower:before {
    content: '\f169'
}

.zmdi-font:before {
    content: '\f16a'
}

.zmdi-fullscreen-alt:before {
    content: '\f16b'
}

.zmdi-fullscreen-exit:before {
    content: '\f16c'
}

.zmdi-fullscreen:before {
    content: '\f16d'
}

.zmdi-functions:before {
    content: '\f16e'
}

.zmdi-gas-station:before {
    content: '\f16f'
}

.zmdi-gesture:before {
    content: '\f170'
}

.zmdi-globe-alt:before {
    content: '\f171'
}

.zmdi-globe-lock:before {
    content: '\f172'
}

.zmdi-globe:before {
    content: '\f173'
}

.zmdi-graduation-cap:before {
    content: '\f174'
}

.zmdi-home:before {
    content: '\f175'
}

.zmdi-hospital-alt:before {
    content: '\f176'
}

.zmdi-hospital:before {
    content: '\f177'
}

.zmdi-hotel:before {
    content: '\f178'
}

.zmdi-hourglass-alt:before {
    content: '\f179'
}

.zmdi-hourglass-outline:before {
    content: '\f17a'
}

.zmdi-hourglass:before {
    content: '\f17b'
}

.zmdi-http:before {
    content: '\f17c'
}

.zmdi-image-alt:before {
    content: '\f17d'
}

.zmdi-image-o:before {
    content: '\f17e'
}

.zmdi-image:before {
    content: '\f17f'
}

.zmdi-inbox:before {
    content: '\f180'
}

.zmdi-invert-colors-off:before {
    content: '\f181'
}

.zmdi-invert-colors:before {
    content: '\f182'
}

.zmdi-key:before {
    content: '\f183'
}

.zmdi-label-alt-outline:before {
    content: '\f184'
}

.zmdi-label-alt:before {
    content: '\f185'
}

.zmdi-label-heart:before {
    content: '\f186'
}

.zmdi-label:before {
    content: '\f187'
}

.zmdi-labels:before {
    content: '\f188'
}

.zmdi-lamp:before {
    content: '\f189'
}

.zmdi-landscape:before {
    content: '\f18a'
}

.zmdi-layers-off:before {
    content: '\f18b'
}

.zmdi-layers:before {
    content: '\f18c'
}

.zmdi-library:before {
    content: '\f18d'
}

.zmdi-link:before {
    content: '\f18e'
}

.zmdi-lock-open:before {
    content: '\f18f'
}

.zmdi-lock-outline:before {
    content: '\f190'
}

.zmdi-lock:before {
    content: '\f191'
}

.zmdi-mail-reply-all:before {
    content: '\f192'
}

.zmdi-mail-reply:before {
    content: '\f193'
}

.zmdi-mail-send:before {
    content: '\f194'
}

.zmdi-mall:before {
    content: '\f195'
}

.zmdi-map:before {
    content: '\f196'
}

.zmdi-menu:before {
    content: '\f197'
}

.zmdi-money-box:before {
    content: '\f198'
}

.zmdi-money-off:before {
    content: '\f199'
}

.zmdi-money:before {
    content: '\f19a'
}

.zmdi-more-vert:before {
    content: '\f19b'
}

.zmdi-more:before {
    content: '\f19c'
}

.zmdi-movie-alt:before {
    content: '\f19d'
}

.zmdi-movie:before {
    content: '\f19e'
}

.zmdi-nature-people:before {
    content: '\f19f'
}

.zmdi-nature:before {
    content: '\f1a0'
}

.zmdi-navigation:before {
    content: '\f1a1'
}

.zmdi-open-in-browser:before {
    content: '\f1a2'
}

.zmdi-open-in-new:before {
    content: '\f1a3'
}

.zmdi-palette:before {
    content: '\f1a4'
}

.zmdi-parking:before {
    content: '\f1a5'
}

.zmdi-pin-account:before {
    content: '\f1a6'
}

.zmdi-pin-assistant:before {
    content: '\f1a7'
}

.zmdi-pin-drop:before {
    content: '\f1a8'
}

.zmdi-pin-help:before {
    content: '\f1a9'
}

.zmdi-pin-off:before {
    content: '\f1aa'
}

.zmdi-pin:before {
    content: '\f1ab'
}

.zmdi-pizza:before {
    content: '\f1ac'
}

.zmdi-plaster:before {
    content: '\f1ad'
}

.zmdi-power-setting:before {
    content: '\f1ae'
}

.zmdi-power:before {
    content: '\f1af'
}

.zmdi-print:before {
    content: '\f1b0'
}

.zmdi-puzzle-piece:before {
    content: '\f1b1'
}

.zmdi-quote:before {
    content: '\f1b2'
}

.zmdi-railway:before {
    content: '\f1b3'
}

.zmdi-receipt:before {
    content: '\f1b4'
}

.zmdi-refresh-alt:before {
    content: '\f1b5'
}

.zmdi-refresh-sync-alert:before {
    content: '\f1b6'
}

.zmdi-refresh-sync-off:before {
    content: '\f1b7'
}

.zmdi-refresh-sync:before {
    content: '\f1b8'
}

.zmdi-refresh:before {
    content: '\f1b9'
}

.zmdi-roller:before {
    content: '\f1ba'
}

.zmdi-ruler:before {
    content: '\f1bb'
}

.zmdi-scissors:before {
    content: '\f1bc'
}

.zmdi-screen-rotation-lock:before {
    content: '\f1bd'
}

.zmdi-screen-rotation:before {
    content: '\f1be'
}

.zmdi-search-for:before {
    content: '\f1bf'
}

.zmdi-search-in-file:before {
    content: '\f1c0'
}

.zmdi-search-in-page:before {
    content: '\f1c1'
}

.zmdi-search-replace:before {
    content: '\f1c2'
}

.zmdi-search:before {
    content: '\f1c3'
}

.zmdi-seat:before {
    content: '\f1c4'
}

.zmdi-settings-square:before {
    content: '\f1c5'
}

.zmdi-settings:before {
    content: '\f1c6'
}

.zmdi-shield-check:before {
    content: '\f1c7'
}

.zmdi-shield-security:before {
    content: '\f1c8'
}

.zmdi-shopping-basket:before {
    content: '\f1c9'
}

.zmdi-shopping-cart-plus:before {
    content: '\f1ca'
}

.zmdi-shopping-cart:before {
    content: '\f1cb'
}

.zmdi-sign-in:before {
    content: '\f1cc'
}

.zmdi-sort-amount-asc:before {
    content: '\f1cd'
}

.zmdi-sort-amount-desc:before {
    content: '\f1ce'
}

.zmdi-sort-asc:before {
    content: '\f1cf'
}

.zmdi-sort-desc:before {
    content: '\f1d0'
}

.zmdi-spellcheck:before {
    content: '\f1d1'
}

.zmdi-storage:before {
    content: '\f1d2'
}

.zmdi-store-24:before {
    content: '\f1d3'
}

.zmdi-store:before {
    content: '\f1d4'
}

.zmdi-subway:before {
    content: '\f1d5'
}

.zmdi-sun:before {
    content: '\f1d6'
}

.zmdi-tab-unselected:before {
    content: '\f1d7'
}

.zmdi-tab:before {
    content: '\f1d8'
}

.zmdi-tag-close:before {
    content: '\f1d9'
}

.zmdi-tag-more:before {
    content: '\f1da'
}

.zmdi-tag:before {
    content: '\f1db'
}

.zmdi-thumb-down:before {
    content: '\f1dc'
}

.zmdi-thumb-up-down:before {
    content: '\f1dd'
}

.zmdi-thumb-up:before {
    content: '\f1de'
}

.zmdi-ticket-star:before {
    content: '\f1df'
}

.zmdi-toll:before {
    content: '\f1e0'
}

.zmdi-toys:before {
    content: '\f1e1'
}

.zmdi-traffic:before {
    content: '\f1e2'
}

.zmdi-translate:before {
    content: '\f1e3'
}

.zmdi-triangle-down:before {
    content: '\f1e4'
}

.zmdi-triangle-up:before {
    content: '\f1e5'
}

.zmdi-truck:before {
    content: '\f1e6'
}

.zmdi-turning-sign:before {
    content: '\f1e7'
}

.zmdi-wallpaper:before {
    content: '\f1e8'
}

.zmdi-washing-machine:before {
    content: '\f1e9'
}

.zmdi-window-maximize:before {
    content: '\f1ea'
}

.zmdi-window-minimize:before {
    content: '\f1eb'
}

.zmdi-window-restore:before {
    content: '\f1ec'
}

.zmdi-wrench:before {
    content: '\f1ed'
}

.zmdi-zoom-in:before {
    content: '\f1ee'
}

.zmdi-zoom-out:before {
    content: '\f1ef'
}

.zmdi-alert-circle-o:before {
    content: '\f1f0'
}

.zmdi-alert-circle:before {
    content: '\f1f1'
}

.zmdi-alert-octagon:before {
    content: '\f1f2'
}

.zmdi-alert-polygon:before {
    content: '\f1f3'
}

.zmdi-alert-triangle:before {
    content: '\f1f4'
}

.zmdi-help-outline:before {
    content: '\f1f5'
}

.zmdi-help:before {
    content: '\f1f6'
}

.zmdi-info-outline:before {
    content: '\f1f7'
}

.zmdi-info:before {
    content: '\f1f8'
}

.zmdi-notifications-active:before {
    content: '\f1f9'
}

.zmdi-notifications-add:before {
    content: '\f1fa'
}

.zmdi-notifications-none:before {
    content: '\f1fb'
}

.zmdi-notifications-off:before {
    content: '\f1fc'
}

.zmdi-notifications-paused:before {
    content: '\f1fd'
}

.zmdi-notifications:before {
    content: '\f1fe'
}

.zmdi-account-add:before {
    content: '\f1ff'
}

.zmdi-account-box-mail:before {
    content: '\f200'
}

.zmdi-account-box-o:before {
    content: '\f201'
}

.zmdi-account-box-phone:before {
    content: '\f202'
}

.zmdi-account-box:before {
    content: '\f203'
}

.zmdi-account-calendar:before {
    content: '\f204'
}

.zmdi-account-circle:before {
    content: '\f205'
}

.zmdi-account-o:before {
    content: '\f206'
}

.zmdi-account:before {
    content: '\f207'
}

.zmdi-accounts-add:before {
    content: '\f208'
}

.zmdi-accounts-alt:before {
    content: '\f209'
}

.zmdi-accounts-list-alt:before {
    content: '\f20a'
}

.zmdi-accounts-list:before {
    content: '\f20b'
}

.zmdi-accounts-outline:before {
    content: '\f20c'
}

.zmdi-accounts:before {
    content: '\f20d'
}

.zmdi-face:before {
    content: '\f20e'
}

.zmdi-female:before {
    content: '\f20f'
}

.zmdi-male-alt:before {
    content: '\f210'
}

.zmdi-male-female:before {
    content: '\f211'
}

.zmdi-male:before {
    content: '\f212'
}

.zmdi-mood-bad:before {
    content: '\f213'
}

.zmdi-mood:before {
    content: '\f214'
}

.zmdi-run:before {
    content: '\f215'
}

.zmdi-walk:before {
    content: '\f216'
}

.zmdi-cloud-box:before {
    content: '\f217'
}

.zmdi-cloud-circle:before {
    content: '\f218'
}

.zmdi-cloud-done:before {
    content: '\f219'
}

.zmdi-cloud-download:before {
    content: '\f21a'
}

.zmdi-cloud-off:before {
    content: '\f21b'
}

.zmdi-cloud-outline-alt:before {
    content: '\f21c'
}

.zmdi-cloud-outline:before {
    content: '\f21d'
}

.zmdi-cloud-upload:before {
    content: '\f21e'
}

.zmdi-cloud:before {
    content: '\f21f'
}

.zmdi-download:before {
    content: '\f220'
}

.zmdi-file-plus:before {
    content: '\f221'
}

.zmdi-file-text:before {
    content: '\f222'
}

.zmdi-file:before {
    content: '\f223'
}

.zmdi-folder-outline:before {
    content: '\f224'
}

.zmdi-folder-person:before {
    content: '\f225'
}

.zmdi-folder-star-alt:before {
    content: '\f226'
}

.zmdi-folder-star:before {
    content: '\f227'
}

.zmdi-folder:before {
    content: '\f228'
}

.zmdi-gif:before {
    content: '\f229'
}

.zmdi-upload:before {
    content: '\f22a'
}

.zmdi-border-all:before {
    content: '\f22b'
}

.zmdi-border-bottom:before {
    content: '\f22c'
}

.zmdi-border-clear:before {
    content: '\f22d'
}

.zmdi-border-color:before {
    content: '\f22e'
}

.zmdi-border-horizontal:before {
    content: '\f22f'
}

.zmdi-border-inner:before {
    content: '\f230'
}

.zmdi-border-left:before {
    content: '\f231'
}

.zmdi-border-outer:before {
    content: '\f232'
}

.zmdi-border-right:before {
    content: '\f233'
}

.zmdi-border-style:before {
    content: '\f234'
}

.zmdi-border-top:before {
    content: '\f235'
}

.zmdi-border-vertical:before {
    content: '\f236'
}

.zmdi-copy:before {
    content: '\f237'
}

.zmdi-crop:before {
    content: '\f238'
}

.zmdi-format-align-center:before {
    content: '\f239'
}

.zmdi-format-align-justify:before {
    content: '\f23a'
}

.zmdi-format-align-left:before {
    content: '\f23b'
}

.zmdi-format-align-right:before {
    content: '\f23c'
}

.zmdi-format-bold:before {
    content: '\f23d'
}

.zmdi-format-clear-all:before {
    content: '\f23e'
}

.zmdi-format-clear:before {
    content: '\f23f'
}

.zmdi-format-color-fill:before {
    content: '\f240'
}

.zmdi-format-color-reset:before {
    content: '\f241'
}

.zmdi-format-color-text:before {
    content: '\f242'
}

.zmdi-format-indent-decrease:before {
    content: '\f243'
}

.zmdi-format-indent-increase:before {
    content: '\f244'
}

.zmdi-format-italic:before {
    content: '\f245'
}

.zmdi-format-line-spacing:before {
    content: '\f246'
}

.zmdi-format-list-bulleted:before {
    content: '\f247'
}

.zmdi-format-list-numbered:before {
    content: '\f248'
}

.zmdi-format-ltr:before {
    content: '\f249'
}

.zmdi-format-rtl:before {
    content: '\f24a'
}

.zmdi-format-size:before {
    content: '\f24b'
}

.zmdi-format-strikethrough-s:before {
    content: '\f24c'
}

.zmdi-format-strikethrough:before {
    content: '\f24d'
}

.zmdi-format-subject:before {
    content: '\f24e'
}

.zmdi-format-underlined:before {
    content: '\f24f'
}

.zmdi-format-valign-bottom:before {
    content: '\f250'
}

.zmdi-format-valign-center:before {
    content: '\f251'
}

.zmdi-format-valign-top:before {
    content: '\f252'
}

.zmdi-redo:before {
    content: '\f253'
}

.zmdi-select-all:before {
    content: '\f254'
}

.zmdi-space-bar:before {
    content: '\f255'
}

.zmdi-text-format:before {
    content: '\f256'
}

.zmdi-transform:before {
    content: '\f257'
}

.zmdi-undo:before {
    content: '\f258'
}

.zmdi-wrap-text:before {
    content: '\f259'
}

.zmdi-comment-alert:before {
    content: '\f25a'
}

.zmdi-comment-alt-text:before {
    content: '\f25b'
}

.zmdi-comment-alt:before {
    content: '\f25c'
}

.zmdi-comment-edit:before {
    content: '\f25d'
}

.zmdi-comment-image:before {
    content: '\f25e'
}

.zmdi-comment-list:before {
    content: '\f25f'
}

.zmdi-comment-more:before {
    content: '\f260'
}

.zmdi-comment-outline:before {
    content: '\f261'
}

.zmdi-comment-text-alt:before {
    content: '\f262'
}

.zmdi-comment-text:before {
    content: '\f263'
}

.zmdi-comment-video:before {
    content: '\f264'
}

.zmdi-comment:before {
    content: '\f265'
}

.zmdi-comments:before {
    content: '\f266'
}

.zmdi-check-all:before {
    content: '\f267'
}

.zmdi-check-circle-u:before {
    content: '\f268'
}

.zmdi-check-circle:before {
    content: '\f269'
}

.zmdi-check-square:before {
    content: '\f26a'
}

.zmdi-check:before {
    content: '\f26b'
}

.zmdi-circle-o:before {
    content: '\f26c'
}

.zmdi-circle:before {
    content: '\f26d'
}

.zmdi-dot-circle-alt:before {
    content: '\f26e'
}

.zmdi-dot-circle:before {
    content: '\f26f'
}

.zmdi-minus-circle-outline:before {
    content: '\f270'
}

.zmdi-minus-circle:before {
    content: '\f271'
}

.zmdi-minus-square:before {
    content: '\f272'
}

.zmdi-minus:before {
    content: '\f273'
}

.zmdi-plus-circle-o-duplicate:before {
    content: '\f274'
}

.zmdi-plus-circle-o:before {
    content: '\f275'
}

.zmdi-plus-circle:before {
    content: '\f276'
}

.zmdi-plus-square:before {
    content: '\f277'
}

.zmdi-plus:before {
    content: '\f278'
}

.zmdi-square-o:before {
    content: '\f279'
}

.zmdi-star-circle:before {
    content: '\f27a'
}

.zmdi-star-half:before {
    content: '\f27b'
}

.zmdi-star-outline:before {
    content: '\f27c'
}

.zmdi-star:before {
    content: '\f27d'
}

.zmdi-bluetooth-connected:before {
    content: '\f27e'
}

.zmdi-bluetooth-off:before {
    content: '\f27f'
}

.zmdi-bluetooth-search:before {
    content: '\f280'
}

.zmdi-bluetooth-setting:before {
    content: '\f281'
}

.zmdi-bluetooth:before {
    content: '\f282'
}

.zmdi-camera-add:before {
    content: '\f283'
}

.zmdi-camera-alt:before {
    content: '\f284'
}

.zmdi-camera-bw:before {
    content: '\f285'
}

.zmdi-camera-front:before {
    content: '\f286'
}

.zmdi-camera-mic:before {
    content: '\f287'
}

.zmdi-camera-party-mode:before {
    content: '\f288'
}

.zmdi-camera-rear:before {
    content: '\f289'
}

.zmdi-camera-roll:before {
    content: '\f28a'
}

.zmdi-camera-switch:before {
    content: '\f28b'
}

.zmdi-camera:before {
    content: '\f28c'
}

.zmdi-card-alert:before {
    content: '\f28d'
}

.zmdi-card-off:before {
    content: '\f28e'
}

.zmdi-card-sd:before {
    content: '\f28f'
}

.zmdi-card-sim:before {
    content: '\f290'
}

.zmdi-desktop-mac:before {
    content: '\f291'
}

.zmdi-desktop-windows:before {
    content: '\f292'
}

.zmdi-device-hub:before {
    content: '\f293'
}

.zmdi-devices-off:before {
    content: '\f294'
}

.zmdi-devices:before {
    content: '\f295'
}

.zmdi-dock:before {
    content: '\f296'
}

.zmdi-floppy:before {
    content: '\f297'
}

.zmdi-gamepad:before {
    content: '\f298'
}

.zmdi-gps-dot:before {
    content: '\f299'
}

.zmdi-gps-off:before {
    content: '\f29a'
}

.zmdi-gps:before {
    content: '\f29b'
}

.zmdi-headset-mic:before {
    content: '\f29c'
}

.zmdi-headset:before {
    content: '\f29d'
}

.zmdi-input-antenna:before {
    content: '\f29e'
}

.zmdi-input-composite:before {
    content: '\f29f'
}

.zmdi-input-hdmi:before {
    content: '\f2a0'
}

.zmdi-input-power:before {
    content: '\f2a1'
}

.zmdi-input-svideo:before {
    content: '\f2a2'
}

.zmdi-keyboard-hide:before {
    content: '\f2a3'
}

.zmdi-keyboard:before {
    content: '\f2a4'
}

.zmdi-laptop-chromebook:before {
    content: '\f2a5'
}

.zmdi-laptop-mac:before {
    content: '\f2a6'
}

.zmdi-laptop:before {
    content: '\f2a7'
}

.zmdi-mic-off:before {
    content: '\f2a8'
}

.zmdi-mic-outline:before {
    content: '\f2a9'
}

.zmdi-mic-setting:before {
    content: '\f2aa'
}

.zmdi-mic:before {
    content: '\f2ab'
}

.zmdi-mouse:before {
    content: '\f2ac'
}

.zmdi-network-alert:before {
    content: '\f2ad'
}

.zmdi-network-locked:before {
    content: '\f2ae'
}

.zmdi-network-off:before {
    content: '\f2af'
}

.zmdi-network-outline:before {
    content: '\f2b0'
}

.zmdi-network-setting:before {
    content: '\f2b1'
}

.zmdi-network:before {
    content: '\f2b2'
}

.zmdi-phone-bluetooth:before {
    content: '\f2b3'
}

.zmdi-phone-end:before {
    content: '\f2b4'
}

.zmdi-phone-forwarded:before {
    content: '\f2b5'
}

.zmdi-phone-in-talk:before {
    content: '\f2b6'
}

.zmdi-phone-locked:before {
    content: '\f2b7'
}

.zmdi-phone-missed:before {
    content: '\f2b8'
}

.zmdi-phone-msg:before {
    content: '\f2b9'
}

.zmdi-phone-paused:before {
    content: '\f2ba'
}

.zmdi-phone-ring:before {
    content: '\f2bb'
}

.zmdi-phone-setting:before {
    content: '\f2bc'
}

.zmdi-phone-sip:before {
    content: '\f2bd'
}

.zmdi-phone:before {
    content: '\f2be'
}

.zmdi-portable-wifi-changes:before {
    content: '\f2bf'
}

.zmdi-portable-wifi-off:before {
    content: '\f2c0'
}

.zmdi-portable-wifi:before {
    content: '\f2c1'
}

.zmdi-radio:before {
    content: '\f2c2'
}

.zmdi-reader:before {
    content: '\f2c3'
}

.zmdi-remote-control-alt:before {
    content: '\f2c4'
}

.zmdi-remote-control:before {
    content: '\f2c5'
}

.zmdi-router:before {
    content: '\f2c6'
}

.zmdi-scanner:before {
    content: '\f2c7'
}

.zmdi-smartphone-android:before {
    content: '\f2c8'
}

.zmdi-smartphone-download:before {
    content: '\f2c9'
}

.zmdi-smartphone-erase:before {
    content: '\f2ca'
}

.zmdi-smartphone-info:before {
    content: '\f2cb'
}

.zmdi-smartphone-iphone:before {
    content: '\f2cc'
}

.zmdi-smartphone-landscape-lock:before {
    content: '\f2cd'
}

.zmdi-smartphone-landscape:before {
    content: '\f2ce'
}

.zmdi-smartphone-lock:before {
    content: '\f2cf'
}

.zmdi-smartphone-portrait-lock:before {
    content: '\f2d0'
}

.zmdi-smartphone-ring:before {
    content: '\f2d1'
}

.zmdi-smartphone-setting:before {
    content: '\f2d2'
}

.zmdi-smartphone-setup:before {
    content: '\f2d3'
}

.zmdi-smartphone:before {
    content: '\f2d4'
}

.zmdi-speaker:before {
    content: '\f2d5'
}

.zmdi-tablet-android:before {
    content: '\f2d6'
}

.zmdi-tablet-mac:before {
    content: '\f2d7'
}

.zmdi-tablet:before {
    content: '\f2d8'
}

.zmdi-tv-alt-play:before {
    content: '\f2d9'
}

.zmdi-tv-list:before {
    content: '\f2da'
}

.zmdi-tv-play:before {
    content: '\f2db'
}

.zmdi-tv:before {
    content: '\f2dc'
}

.zmdi-usb:before {
    content: '\f2dd'
}

.zmdi-videocam-off:before {
    content: '\f2de'
}

.zmdi-videocam-switch:before {
    content: '\f2df'
}

.zmdi-videocam:before {
    content: '\f2e0'
}

.zmdi-watch:before {
    content: '\f2e1'
}

.zmdi-wifi-alt-2:before {
    content: '\f2e2'
}

.zmdi-wifi-alt:before {
    content: '\f2e3'
}

.zmdi-wifi-info:before {
    content: '\f2e4'
}

.zmdi-wifi-lock:before {
    content: '\f2e5'
}

.zmdi-wifi-off:before {
    content: '\f2e6'
}

.zmdi-wifi-outline:before {
    content: '\f2e7'
}

.zmdi-wifi:before {
    content: '\f2e8'
}

.zmdi-arrow-left-bottom:before {
    content: '\f2e9'
}

.zmdi-arrow-left:before {
    content: '\f2ea'
}

.zmdi-arrow-merge:before {
    content: '\f2eb'
}

.zmdi-arrow-missed:before {
    content: '\f2ec'
}

.zmdi-arrow-right-top:before {
    content: '\f2ed'
}

.zmdi-arrow-right:before {
    content: '\f2ee'
}

.zmdi-arrow-split:before {
    content: '\f2ef'
}

.zmdi-arrows:before {
    content: '\f2f0'
}

.zmdi-caret-down-circle:before {
    content: '\f2f1'
}

.zmdi-caret-down:before {
    content: '\f2f2'
}

.zmdi-caret-left-circle:before {
    content: '\f2f3'
}

.zmdi-caret-left:before {
    content: '\f2f4'
}

.zmdi-caret-right-circle:before {
    content: '\f2f5'
}

.zmdi-caret-right:before {
    content: '\f2f6'
}

.zmdi-caret-up-circle:before {
    content: '\f2f7'
}

.zmdi-caret-up:before {
    content: '\f2f8'
}

.zmdi-chevron-down:before {
    content: '\f2f9'
}

.zmdi-chevron-left:before {
    content: '\f2fa'
}

.zmdi-chevron-right:before {
    content: '\f2fb'
}

.zmdi-chevron-up:before {
    content: '\f2fc'
}

.zmdi-forward:before {
    content: '\f2fd'
}

.zmdi-long-arrow-down:before {
    content: '\f2fe'
}

.zmdi-long-arrow-left:before {
    content: '\f2ff'
}

.zmdi-long-arrow-return:before {
    content: '\f300'
}

.zmdi-long-arrow-right:before {
    content: '\f301'
}

.zmdi-long-arrow-tab:before {
    content: '\f302'
}

.zmdi-long-arrow-up:before {
    content: '\f303'
}

.zmdi-rotate-ccw:before {
    content: '\f304'
}

.zmdi-rotate-cw:before {
    content: '\f305'
}

.zmdi-rotate-left:before {
    content: '\f306'
}

.zmdi-rotate-right:before {
    content: '\f307'
}

.zmdi-square-down:before {
    content: '\f308'
}

.zmdi-square-right:before {
    content: '\f309'
}

.zmdi-swap-alt:before {
    content: '\f30a'
}

.zmdi-swap-vertical-circle:before {
    content: '\f30b'
}

.zmdi-swap-vertical:before {
    content: '\f30c'
}

.zmdi-swap:before {
    content: '\f30d'
}

.zmdi-trending-down:before {
    content: '\f30e'
}

.zmdi-trending-flat:before {
    content: '\f30f'
}

.zmdi-trending-up:before {
    content: '\f310'
}

.zmdi-unfold-less:before {
    content: '\f311'
}

.zmdi-unfold-more:before {
    content: '\f312'
}

.zmdi-apps:before {
    content: '\f313'
}

.zmdi-grid-off:before {
    content: '\f314'
}

.zmdi-grid:before {
    content: '\f315'
}

.zmdi-view-agenda:before {
    content: '\f316'
}

.zmdi-view-array:before {
    content: '\f317'
}

.zmdi-view-carousel:before {
    content: '\f318'
}

.zmdi-view-column:before {
    content: '\f319'
}

.zmdi-view-comfy:before {
    content: '\f31a'
}

.zmdi-view-compact:before {
    content: '\f31b'
}

.zmdi-view-dashboard:before {
    content: '\f31c'
}

.zmdi-view-day:before {
    content: '\f31d'
}

.zmdi-view-headline:before {
    content: '\f31e'
}

.zmdi-view-list-alt:before {
    content: '\f31f'
}

.zmdi-view-list:before {
    content: '\f320'
}

.zmdi-view-module:before {
    content: '\f321'
}

.zmdi-view-quilt:before {
    content: '\f322'
}

.zmdi-view-stream:before {
    content: '\f323'
}

.zmdi-view-subtitles:before {
    content: '\f324'
}

.zmdi-view-toc:before {
    content: '\f325'
}

.zmdi-view-web:before {
    content: '\f326'
}

.zmdi-view-week:before {
    content: '\f327'
}

.zmdi-widgets:before {
    content: '\f328'
}

.zmdi-alarm-check:before {
    content: '\f329'
}

.zmdi-alarm-off:before {
    content: '\f32a'
}

.zmdi-alarm-plus:before {
    content: '\f32b'
}

.zmdi-alarm-snooze:before {
    content: '\f32c'
}

.zmdi-alarm:before {
    content: '\f32d'
}

.zmdi-calendar-alt:before {
    content: '\f32e'
}

.zmdi-calendar-check:before {
    content: '\f32f'
}

.zmdi-calendar-close:before {
    content: '\f330'
}

.zmdi-calendar-note:before {
    content: '\f331'
}

.zmdi-calendar:before {
    content: '\f332'
}

.zmdi-time-countdown:before {
    content: '\f333'
}

.zmdi-time-interval:before {
    content: '\f334'
}

.zmdi-time-restore-setting:before {
    content: '\f335'
}

.zmdi-time-restore:before {
    content: '\f336'
}

.zmdi-time:before {
    content: '\f337'
}

.zmdi-timer-off:before {
    content: '\f338'
}

.zmdi-timer:before {
    content: '\f339'
}

.zmdi-android-alt:before {
    content: '\f33a'
}

.zmdi-android:before {
    content: '\f33b'
}

.zmdi-apple:before {
    content: '\f33c'
}

.zmdi-behance:before {
    content: '\f33d'
}

.zmdi-codepen:before {
    content: '\f33e'
}

.zmdi-dribbble:before {
    content: '\f33f'
}

.zmdi-dropbox:before {
    content: '\f340'
}

.zmdi-evernote:before {
    content: '\f341'
}

.zmdi-facebook-box:before {
    content: '\f342'
}

.zmdi-facebook:before {
    content: '\f343'
}

.zmdi-github-box:before {
    content: '\f344'
}

.zmdi-github:before {
    content: '\f345'
}

.zmdi-google-drive:before {
    content: '\f346'
}

.zmdi-google-earth:before {
    content: '\f347'
}

.zmdi-google-glass:before {
    content: '\f348'
}

.zmdi-google-maps:before {
    content: '\f349'
}

.zmdi-google-pages:before {
    content: '\f34a'
}

.zmdi-google-play:before {
    content: '\f34b'
}

.zmdi-google-plus-box:before {
    content: '\f34c'
}

.zmdi-google-plus:before {
    content: '\f34d'
}

.zmdi-google:before {
    content: '\f34e'
}

.zmdi-instagram:before {
    content: '\f34f'
}

.zmdi-language-css3:before {
    content: '\f350'
}

.zmdi-language-html5:before {
    content: '\f351'
}

.zmdi-language-javascript:before {
    content: '\f352'
}

.zmdi-language-python-alt:before {
    content: '\f353'
}

.zmdi-language-python:before {
    content: '\f354'
}

.zmdi-lastfm:before {
    content: '\f355'
}

.zmdi-linkedin-box:before {
    content: '\f356'
}

.zmdi-paypal:before {
    content: '\f357'
}

.zmdi-pinterest-box:before {
    content: '\f358'
}

.zmdi-pocket:before {
    content: '\f359'
}

.zmdi-polymer:before {
    content: '\f35a'
}

.zmdi-share:before {
    content: '\f35b'
}

.zmdi-stackoverflow:before {
    content: '\f35c'
}

.zmdi-steam-square:before {
    content: '\f35d'
}

.zmdi-steam:before {
    content: '\f35e'
}

.zmdi-twitter-box:before {
    content: '\f35f'
}

.zmdi-twitter:before {
    content: '\f360'
}

.zmdi-vk:before {
    content: '\f361'
}

.zmdi-wikipedia:before {
    content: '\f362'
}

.zmdi-windows:before {
    content: '\f363'
}

.zmdi-aspect-ratio-alt:before {
    content: '\f364'
}

.zmdi-aspect-ratio:before {
    content: '\f365'
}

.zmdi-blur-circular:before {
    content: '\f366'
}

.zmdi-blur-linear:before {
    content: '\f367'
}

.zmdi-blur-off:before {
    content: '\f368'
}

.zmdi-blur:before {
    content: '\f369'
}

.zmdi-brightness-2:before {
    content: '\f36a'
}

.zmdi-brightness-3:before {
    content: '\f36b'
}

.zmdi-brightness-4:before {
    content: '\f36c'
}

.zmdi-brightness-5:before {
    content: '\f36d'
}

.zmdi-brightness-6:before {
    content: '\f36e'
}

.zmdi-brightness-7:before {
    content: '\f36f'
}

.zmdi-brightness-auto:before {
    content: '\f370'
}

.zmdi-brightness-setting:before {
    content: '\f371'
}

.zmdi-broken-image:before {
    content: '\f372'
}

.zmdi-center-focus-strong:before {
    content: '\f373'
}

.zmdi-center-focus-weak:before {
    content: '\f374'
}

.zmdi-compare:before {
    content: '\f375'
}

.zmdi-crop-16-9:before {
    content: '\f376'
}

.zmdi-crop-3-2:before {
    content: '\f377'
}

.zmdi-crop-5-4:before {
    content: '\f378'
}

.zmdi-crop-7-5:before {
    content: '\f379'
}

.zmdi-crop-din:before {
    content: '\f37a'
}

.zmdi-crop-free:before {
    content: '\f37b'
}

.zmdi-crop-landscape:before {
    content: '\f37c'
}

.zmdi-crop-portrait:before {
    content: '\f37d'
}

.zmdi-crop-square:before {
    content: '\f37e'
}

.zmdi-exposure-alt:before {
    content: '\f37f'
}

.zmdi-exposure:before {
    content: '\f380'
}

.zmdi-filter-b-and-w:before {
    content: '\f381'
}

.zmdi-filter-center-focus:before {
    content: '\f382'
}

.zmdi-filter-frames:before {
    content: '\f383'
}

.zmdi-filter-tilt-shift:before {
    content: '\f384'
}

.zmdi-gradient:before {
    content: '\f385'
}

.zmdi-grain:before {
    content: '\f386'
}

.zmdi-graphic-eq:before {
    content: '\f387'
}

.zmdi-hdr-off:before {
    content: '\f388'
}

.zmdi-hdr-strong:before {
    content: '\f389'
}

.zmdi-hdr-weak:before {
    content: '\f38a'
}

.zmdi-hdr:before {
    content: '\f38b'
}

.zmdi-iridescent:before {
    content: '\f38c'
}

.zmdi-leak-off:before {
    content: '\f38d'
}

.zmdi-leak:before {
    content: '\f38e'
}

.zmdi-looks:before {
    content: '\f38f'
}

.zmdi-loupe:before {
    content: '\f390'
}

.zmdi-panorama-horizontal:before {
    content: '\f391'
}

.zmdi-panorama-vertical:before {
    content: '\f392'
}

.zmdi-panorama-wide-angle:before {
    content: '\f393'
}

.zmdi-photo-size-select-large:before {
    content: '\f394'
}

.zmdi-photo-size-select-small:before {
    content: '\f395'
}

.zmdi-picture-in-picture:before {
    content: '\f396'
}

.zmdi-slideshow:before {
    content: '\f397'
}

.zmdi-texture:before {
    content: '\f398'
}

.zmdi-tonality:before {
    content: '\f399'
}

.zmdi-vignette:before {
    content: '\f39a'
}

.zmdi-wb-auto:before {
    content: '\f39b'
}

.zmdi-eject-alt:before {
    content: '\f39c'
}

.zmdi-eject:before {
    content: '\f39d'
}

.zmdi-equalizer:before {
    content: '\f39e'
}

.zmdi-fast-forward:before {
    content: '\f39f'
}

.zmdi-fast-rewind:before {
    content: '\f3a0'
}

.zmdi-forward-10:before {
    content: '\f3a1'
}

.zmdi-forward-30:before {
    content: '\f3a2'
}

.zmdi-forward-5:before {
    content: '\f3a3'
}

.zmdi-hearing:before {
    content: '\f3a4'
}

.zmdi-pause-circle-outline:before {
    content: '\f3a5'
}

.zmdi-pause-circle:before {
    content: '\f3a6'
}

.zmdi-pause:before {
    content: '\f3a7'
}

.zmdi-play-circle-outline:before {
    content: '\f3a8'
}

.zmdi-play-circle:before {
    content: '\f3a9'
}

.zmdi-play:before {
    content: '\f3aa'
}

.zmdi-playlist-audio:before {
    content: '\f3ab'
}

.zmdi-playlist-plus:before {
    content: '\f3ac'
}

.zmdi-repeat-one:before {
    content: '\f3ad'
}

.zmdi-repeat:before {
    content: '\f3ae'
}

.zmdi-replay-10:before {
    content: '\f3af'
}

.zmdi-replay-30:before {
    content: '\f3b0'
}

.zmdi-replay-5:before {
    content: '\f3b1'
}

.zmdi-replay:before {
    content: '\f3b2'
}

.zmdi-shuffle:before {
    content: '\f3b3'
}

.zmdi-skip-next:before {
    content: '\f3b4'
}

.zmdi-skip-previous:before {
    content: '\f3b5'
}

.zmdi-stop:before {
    content: '\f3b6'
}

.zmdi-surround-sound:before {
    content: '\f3b7'
}

.zmdi-tune:before {
    content: '\f3b8'
}

.zmdi-volume-down:before {
    content: '\f3b9'
}

.zmdi-volume-mute:before {
    content: '\f3ba'
}

.zmdi-volume-off:before {
    content: '\f3bb'
}

.zmdi-volume-up:before {
    content: '\f3bc'
}

.zmdi-n-1-square:before {
    content: '\f3bd'
}

.zmdi-n-2-square:before {
    content: '\f3be'
}

.zmdi-n-3-square:before {
    content: '\f3bf'
}

.zmdi-n-4-square:before {
    content: '\f3c0'
}

.zmdi-n-5-square:before {
    content: '\f3c1'
}

.zmdi-n-6-square:before {
    content: '\f3c2'
}

.zmdi-neg-1:before {
    content: '\f3c3'
}

.zmdi-neg-2:before {
    content: '\f3c4'
}

.zmdi-plus-1:before {
    content: '\f3c5'
}

.zmdi-plus-2:before {
    content: '\f3c6'
}

.zmdi-sec-10:before {
    content: '\f3c7'
}

.zmdi-sec-3:before {
    content: '\f3c8'
}

.zmdi-zero:before {
    content: '\f3c9'
}

.zmdi-airline-seat-flat-angled:before {
    content: '\f3ca'
}

.zmdi-airline-seat-flat:before {
    content: '\f3cb'
}

.zmdi-airline-seat-individual-suite:before {
    content: '\f3cc'
}

.zmdi-airline-seat-legroom-extra:before {
    content: '\f3cd'
}

.zmdi-airline-seat-legroom-normal:before {
    content: '\f3ce'
}

.zmdi-airline-seat-legroom-reduced:before {
    content: '\f3cf'
}

.zmdi-airline-seat-recline-extra:before {
    content: '\f3d0'
}

.zmdi-airline-seat-recline-normal:before {
    content: '\f3d1'
}

.zmdi-airplay:before {
    content: '\f3d2'
}

.zmdi-closed-caption:before {
    content: '\f3d3'
}

.zmdi-confirmation-number:before {
    content: '\f3d4'
}

.zmdi-developer-board:before {
    content: '\f3d5'
}

.zmdi-disc-full:before {
    content: '\f3d6'
}

.zmdi-explicit:before {
    content: '\f3d7'
}

.zmdi-flight-land:before {
    content: '\f3d8'
}

.zmdi-flight-takeoff:before {
    content: '\f3d9'
}

.zmdi-flip-to-back:before {
    content: '\f3da'
}

.zmdi-flip-to-front:before {
    content: '\f3db'
}

.zmdi-group-work:before {
    content: '\f3dc'
}

.zmdi-hd:before {
    content: '\f3dd'
}

.zmdi-hq:before {
    content: '\f3de'
}

.zmdi-markunread-mailbox:before {
    content: '\f3df'
}

.zmdi-memory:before {
    content: '\f3e0'
}

.zmdi-nfc:before {
    content: '\f3e1'
}

.zmdi-play-for-work:before {
    content: '\f3e2'
}

.zmdi-power-input:before {
    content: '\f3e3'
}

.zmdi-present-to-all:before {
    content: '\f3e4'
}

.zmdi-satellite:before {
    content: '\f3e5'
}

.zmdi-tap-and-play:before {
    content: '\f3e6'
}

.zmdi-vibration:before {
    content: '\f3e7'
}

.zmdi-voicemail:before {
    content: '\f3e8'
}

.zmdi-group:before {
    content: '\f3e9'
}

.zmdi-rss:before {
    content: '\f3ea'
}

.zmdi-shape:before {
    content: '\f3eb'
}

.zmdi-spinner:before {
    content: '\f3ec'
}

.zmdi-ungroup:before {
    content: '\f3ed'
}

.zmdi-500px:before {
    content: '\f3ee'
}

.zmdi-8tracks:before {
    content: '\f3ef'
}

.zmdi-amazon:before {
    content: '\f3f0'
}

.zmdi-blogger:before {
    content: '\f3f1'
}

.zmdi-delicious:before {
    content: '\f3f2'
}

.zmdi-disqus:before {
    content: '\f3f3'
}

.zmdi-flattr:before {
    content: '\f3f4'
}

.zmdi-flickr:before {
    content: '\f3f5'
}

.zmdi-github-alt:before {
    content: '\f3f6'
}

.zmdi-google-old:before {
    content: '\f3f7'
}

.zmdi-linkedin:before {
    content: '\f3f8'
}

.zmdi-odnoklassniki:before {
    content: '\f3f9'
}

.zmdi-outlook:before {
    content: '\f3fa'
}

.zmdi-paypal-alt:before {
    content: '\f3fb'
}

.zmdi-pinterest:before {
    content: '\f3fc'
}

.zmdi-playstation:before {
    content: '\f3fd'
}

.zmdi-reddit:before {
    content: '\f3fe'
}

.zmdi-skype:before {
    content: '\f3ff'
}

.zmdi-slideshare:before {
    content: '\f400'
}

.zmdi-soundcloud:before {
    content: '\f401'
}

.zmdi-tumblr:before {
    content: '\f402'
}

.zmdi-twitch:before {
    content: '\f403'
}

.zmdi-vimeo:before {
    content: '\f404'
}

.zmdi-whatsapp:before {
    content: '\f405'
}

.zmdi-xbox:before {
    content: '\f406'
}

.zmdi-yahoo:before {
    content: '\f407'
}

.zmdi-youtube-play:before {
    content: '\f408'
}

.zmdi-youtube:before {
    content: '\f409'
}

.zmdi-import-export:before,.zmdi-swap-vertical-:before {
    content: '\f30c'
}

.zmdi-airplanemode-inactive:before {
    content: '\f102'
}

.zmdi-airplanemode-active:before,.zmdi-rate-review:before {
    content: '\f103'
}

.zmdi-comment-sign:before {
    content: '\f25a'
}

.zmdi-network-warning:before {
    content: '\f2ad'
}

.zmdi-shopping-cart-add:before {
    content: '\f1ca'
}

.zmdi-file-add:before {
    content: '\f221'
}

.zmdi-network-wifi-scan:before {
    content: '\f2e4'
}

.zmdi-collection-add:before {
    content: '\f14e'
}

.zmdi-format-playlist-add:before {
    content: '\f3ac'
}

.zmdi-format-queue-music:before {
    content: '\f3ab'
}

.zmdi-plus-box:before {
    content: '\f277'
}

.zmdi-tag-backspace:before {
    content: '\f1d9'
}

.zmdi-alarm-add:before {
    content: '\f32b'
}

.zmdi-battery-charging:before {
    content: '\f114'
}

.zmdi-daydream-setting:before {
    content: '\f217'
}

.zmdi-more-horiz:before {
    content: '\f19c'
}

.zmdi-book-photo:before {
    content: '\f11b'
}

.zmdi-incandescent:before {
    content: '\f189'
}

.zmdi-wb-iridescent:before {
    content: '\f38c'
}

.zmdi-calendar-remove:before {
    content: '\f330'
}

.zmdi-refresh-sync-disabled:before {
    content: '\f1b7'
}

.zmdi-refresh-sync-problem:before {
    content: '\f1b6'
}

.zmdi-crop-original:before {
    content: '\f17e'
}

.zmdi-power-off:before {
    content: '\f1af'
}

.zmdi-power-off-setting:before {
    content: '\f1ae'
}

.zmdi-leak-remove:before {
    content: '\f38d'
}

.zmdi-star-border:before {
    content: '\f27c'
}

.zmdi-brightness-low:before {
    content: '\f36d'
}

.zmdi-brightness-medium:before {
    content: '\f36e'
}

.zmdi-brightness-high:before {
    content: '\f36f'
}

.zmdi-smartphone-portrait:before {
    content: '\f2d4'
}

.zmdi-live-tv:before {
    content: '\f2d9'
}

.zmdi-format-textdirection-l-to-r:before {
    content: '\f249'
}

.zmdi-format-textdirection-r-to-l:before {
    content: '\f24a'
}

.zmdi-arrow-back:before {
    content: '\f2ea'
}

.zmdi-arrow-forward:before {
    content: '\f2ee'
}

.zmdi-arrow-in:before {
    content: '\f2e9'
}

.zmdi-arrow-out:before {
    content: '\f2ed'
}

.zmdi-rotate-90-degrees-ccw:before {
    content: '\f304'
}

.zmdi-adb:before {
    content: '\f33a'
}

.zmdi-network-wifi:before {
    content: '\f2e8'
}

.zmdi-network-wifi-alt:before {
    content: '\f2e3'
}

.zmdi-network-wifi-lock:before {
    content: '\f2e5'
}

.zmdi-network-wifi-off:before {
    content: '\f2e6'
}

.zmdi-network-wifi-outline:before {
    content: '\f2e7'
}

.zmdi-network-wifi-info:before {
    content: '\f2e4'
}

.zmdi-layers-clear:before {
    content: '\f18b'
}

.zmdi-colorize:before {
    content: '\f15d'
}

.zmdi-format-paint:before {
    content: '\f1ba'
}

.zmdi-format-quote:before {
    content: '\f1b2'
}

.zmdi-camera-monochrome-photos:before {
    content: '\f285'
}

.zmdi-sort-by-alpha:before {
    content: '\f1cf'
}

.zmdi-folder-shared:before {
    content: '\f225'
}

.zmdi-folder-special:before {
    content: '\f226'
}

.zmdi-comment-dots:before {
    content: '\f260'
}

.zmdi-reorder:before {
    content: '\f31e'
}

.zmdi-dehaze:before {
    content: '\f197'
}

.zmdi-sort:before {
    content: '\f1ce'
}

.zmdi-pages:before {
    content: '\f34a'
}

.zmdi-stack-overflow:before {
    content: '\f35c'
}

.zmdi-calendar-account:before {
    content: '\f204'
}

.zmdi-paste:before {
    content: '\f109'
}

.zmdi-cut:before {
    content: '\f1bc'
}

.zmdi-save:before {
    content: '\f297'
}

.zmdi-smartphone-code:before {
    content: '\f139'
}

.zmdi-directions-bike:before {
    content: '\f117'
}

.zmdi-directions-boat:before {
    content: '\f11a'
}

.zmdi-directions-bus:before {
    content: '\f121'
}

.zmdi-directions-car:before {
    content: '\f125'
}

.zmdi-directions-railway:before {
    content: '\f1b3'
}

.zmdi-directions-run:before {
    content: '\f215'
}

.zmdi-directions-subway:before {
    content: '\f1d5'
}

.zmdi-directions-walk:before {
    content: '\f216'
}

.zmdi-local-hotel:before {
    content: '\f178'
}

.zmdi-local-activity:before,.zmdi-local-play:before {
    content: '\f1df'
}

.zmdi-local-airport:before {
    content: '\f103'
}

.zmdi-local-atm:before {
    content: '\f198'
}

.zmdi-local-bar:before {
    content: '\f137'
}

.zmdi-local-cafe:before {
    content: '\f13b'
}

.zmdi-local-car-wash:before {
    content: '\f124'
}

.zmdi-local-convenience-store:before {
    content: '\f1d3'
}

.zmdi-local-dining:before {
    content: '\f153'
}

.zmdi-local-drink:before {
    content: '\f157'
}

.zmdi-local-florist:before {
    content: '\f168'
}

.zmdi-local-gas-station:before {
    content: '\f16f'
}

.zmdi-local-grocery-store:before {
    content: '\f1cb'
}

.zmdi-local-hospital:before {
    content: '\f177'
}

.zmdi-local-laundry-service:before {
    content: '\f1e9'
}

.zmdi-local-library:before {
    content: '\f18d'
}

.zmdi-local-mall:before {
    content: '\f195'
}

.zmdi-local-movies:before {
    content: '\f19d'
}

.zmdi-local-offer:before {
    content: '\f187'
}

.zmdi-local-parking:before {
    content: '\f1a5'
}

.zmdi-local-pharmacy:before {
    content: '\f176'
}

.zmdi-local-phone:before {
    content: '\f2be'
}

.zmdi-local-pizza:before {
    content: '\f1ac'
}

.zmdi-local-post-office:before {
    content: '\f15a'
}

.zmdi-local-printshop:before {
    content: '\f1b0'
}

.zmdi-local-see:before {
    content: '\f28c'
}

.zmdi-local-shipping:before {
    content: '\f1e6'
}

.zmdi-local-store:before {
    content: '\f1d4'
}

.zmdi-local-taxi:before {
    content: '\f123'
}

.zmdi-local-wc:before {
    content: '\f211'
}

.zmdi-my-location:before {
    content: '\f299'
}

.zmdi-directions:before {
    content: '\f1e7'
}

@font-face {
    font-family: icon;
    src: url(../fonts/page_icons/icon.eot);
    src: url(../fonts/page_icons/icon.eot#iefix) format('embedded-opentype'),url(../fonts/page_icons/icon.ttf) format('truetype'),url(../fonts/page_icons/icon.woff) format('woff'),url(../fonts/page_icons/icon.svg) format('svg');
    font-weight: 400;
    font-style: normal;
    display:inline-block}

[class*=" icon-"],[class^=icon-] {
    font-family: icon!important;
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-quotation:before {
    content: "\e913"
}

.icon-payment-visa:before {
    content: "\e914"
}

.icon-payment-2co:before {
    content: "\e915"
}

.icon-payment-jcb:before {
    content: "\e916"
}

.icon-payment-paypal:before {
    content: "\e917"
}

.icon-payment-mastercard:before {
    content: "\e918";
    position: relative;
    top: 2px
}

.icon-products:before {
    content: "\e910"
}

.icon-reviews:before {
    content: "\e911"
}

.icon-cc-amex:before {
    content: "\e90a"
}

.icon-cc-diners_club:before {
    content: "\e90b"
}

.icon-cc-discover:before {
    content: "\e90c"
}

.icon-cc-jcb:before {
    content: "\e90d"
}

.icon-cc-mastercard:before {
    content: "\e90e"
}

.icon-cc-visa:before {
    content: "\e90f"
}

.icon-documentation:before {
    content: "\e900"
}

.icon-login:before {
    content: "\e901"
}

.icon-register:before {
    content: "\e902"
}

.icon-blesta:before {
    content: "\e903"
}

.icon-cpanel:before {
    content: "\e904"
}

.icon-magento:before {
    content: "\e905"
}

.icon-prestashop:before {
    content: "\e906"
}

.icon-shopping:before {
    content: "\e907";
    vertical-align: text-bottom
}

.icon-whmcs:before {
    content: "\e908"
}

.icon-search:before {
    content: "\e909";
    vertical-align: text-bottom
}

.icon-envelope:before {
    content: "\e912"
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    cursor: pointer;
    display: block;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    height: 1px!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 50%;
    right: 1px;
    width: 20px;
    margin-top: -13px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b:before {
    content: "\f2f9";
    font-family: Material-Design-Iconic-Font;
    font-size: 19px;
    font-weight: 400
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top,#fff 50%,#eee);
    background-image: linear-gradient(180deg,#fff 50%,#eee);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top,#eee 50%,#ccc);
    background-image: linear-gradient(180deg,#eee 50%,#ccc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFCCCCCC',GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top,#fff,#eee 50%);
    background-image: linear-gradient(180deg,#fff 0,#eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top,#eee 50%,#fff);
    background-image: linear-gradient(180deg,#eee 50%,#fff);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFFFFFFF',GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=e09c32e1be479d287a7694200fa00577)
 * Config saved to config.json and https://gist.github.com/e09c32e1be479d287a7694200fa00577
 */
/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    background-color: transparent
}

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

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

.btn.disabled,button[disabled],html input[disabled] {
    cursor: default
}

.btn.disabled,button[disabled] {
    opacity: .5
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td,th {
    padding: 0
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
    *,:after,:before {
        background: transparent!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }

    a,a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after,a[href^="javascript:"]:after {
        content: ""
    }

    blockquote,pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100%!important
    }

    h2,h3,p {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }

    .navbar {
        display: none
    }

    .btn>.caret,.dropup>.btn>.caret {
        border-top-color: #000!important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse!important
    }

    .table td,.table th {
        background-color: #fff!important
    }

    .table-bordered td,.table-bordered th {
        border: 1px solid #ddd!important
    }
}

*,:after,:before {
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    -webkit-font-feature-settings: "lnum";
    -ms-font-feature-settings: "lnum";
    -o-font-feature-settings: "lnum";
    font-feature-settings: "lnum";
    font-size: 14px;
    line-height: 16px;
    color: #737780;
    font-weight: 400;
    background-color: #e9edf2;
    overflow-x: hidden;
    font-family: Raleway,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif !important;
}

button,input,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #1f75cc;
    text-decoration: none;
    -webkit-transition: color .15s linear;
    transition: color .15s linear
}

a:hover {
    color: #5bc758
}

a:focus,a:hover {
    outline: none
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail>img,.thumbnail a>img {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role=button] {
    cursor: pointer
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-family: inherit;
    font-weight: 700;
    line-height: 1;
    color: #2e3442
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-weight: 400;
    line-height: 1;
    color: #777
}

.h2,h2 {
    margin-top: 0;
    margin-bottom: 23px
}

.h3,h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small {
    font-size: 65%
}

.h4,.h5,.h6,h4,h5,h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-size: 75%
}

.h1,h1 {
    font-size: 48px;
    line-height: 42px
}

.h1,.h2,h1,h2 {
    font-weight: 800
}

.h2,h2 {
    margin-bottom: 15px;
    font-size: 32px;
    line-height: 40px
}

.marketplace-page .h2,.marketplace-page h2 {
    font-size: 26px;
    line-height: 36px
}

@media (max-width: 767px) {
    .h2,h2 {
        font-size:22px;
        line-height: 26px
    }
}

.h3,h3 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700
}

.h4,h4 {
    font-size: 20px;
    line-height: 28px
}

.h5,.marketplace-page .h5,h5 {
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 15px
}

h5.policy {
    font-size: 16px;
    line-height: 26px;
    margin: 10px 0 4px
}

.h6,h6 {
    font-size: 16px;
    line-height: 25px;
    font-weight: 700
}

p {
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 10px
}

@media (max-width: 767px) {
    p {
        line-height:22px;
        font-size: 13px
    }
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400
}

.small,small {
    font-size: 85%
}

.mark,mark {
    background-color: #fcf8e3;
    padding: .2em
}

.text-left {
    text-align: left!important
}

.text-right {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-bold {
    font-weight: 700!important
}

.text-underline {
    text-decoration: underline
}

.text-muted {
    color: #a1a6b2!important
}

.text-primary {
    color: #337ab7
}

a.text-primary:focus,a.text-primary:hover {
    color: #286090
}

.text-success {
    color: #5bc758!important
}

a.text-success:focus,a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:focus,a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #ff8e2b
}

a.text-warning:focus,a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #ed4040!important
}

a.text-danger:focus,a.text-danger:hover {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #337ab7
}

a.bg-primary:focus,a.bg-primary:hover {
    background-color: #286090
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:focus,a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:focus,a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:focus,a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:focus,a.bg-danger:hover {
    background-color: #e4b9b9
}

ol,ul {
    margin-top: 0;
    margin-bottom: 10px
}

ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0
}

.list-inline,.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    margin-left: -5px
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dd,dt {
    line-height: 1.42857143
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float:left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[data-original-title],abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee
}

blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child {
    margin-bottom: 0
}

blockquote .small,blockquote footer,blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777
}

blockquote .small:before,blockquote footer:before,blockquote small:before {
    content: '\2014 \00A0'
}

.blockquote-reverse,blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eee;
    border-left: 0;
    text-align: right
}

.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before {
    content: ''
}

.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after {
    content: '\00A0 \2014'
}

address {
    margin-bottom: 0;
    font-style: normal;
    line-height: 25px
}

code,kbd,pre,samp {
    font-family: Menlo,Monaco,Consolas,Courier New,monospace
}

code {
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

code,kbd {
    padding: 2px 4px;
    font-size: 90%
}

kbd {
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
    box-shadow: none
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

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

@media (max-width: 767px) {
    .container {
        width:100%;
        padding: 0 20px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .container {
        width:744px
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .container {
        width:970px
    }
}

@media (min-width: 1200px) {
    .container {
        width:1176px
    }
}

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

.row {
    margin-left: -8px;
    margin-right: -8px
}

.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: 8px;
    padding-right: 8px
}

.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%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

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

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

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

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (max-width: 579px) {
    .col-xxs-9 {
        width:75%
    }

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

    .col-xxs-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 768px) {
    .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-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

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

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

    .col-sm-8 {
        width: 66.66666667%
    }

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

    .col-sm-6 {
        width: 50%
    }

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

    .col-sm-4 {
        width: 33.33333333%
    }

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

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

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

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-4_5 {
        margin-left: 37.5%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

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

    .col-sm-offset-0 {
        margin-left: 0
    }

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

@media (min-width: 992px) {
    .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-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

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

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

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

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

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

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

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

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

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1_5 {
        margin-left: 12.55%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .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 {
        float:left
    }

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

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

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

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

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

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777
}

caption,th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th {
    padding: 5px
}

.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5
}

table col[class*=col-] {
    position: static;
    float: none;
    display: table-column
}

table td[class*=col-],table th[class*=col-] {
    position: static;
    float: none;
    display: table-cell
}

.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active {
    background-color: #f5f5f5
}

.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover {
    background-color: #e8e8e8
}

.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success {
    background-color: #dff0d8
}

.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover {
    background-color: #d0e9c6
}

.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info {
    background-color: #d9edf7
}

.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover {
    background-color: #c4e3f3
}

.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning {
    background-color: #fcf8e3
}

.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover {
    background-color: #faf2cc
}

.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger {
    background-color: #f2dede
}

.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover {
    background-color: #ebcccc
}

.table-responsive {
    overflow-x: auto;
    min-height: .01%
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width:100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }
}

fieldset {
    margin: 0;
    min-width: 0
}

fieldset,legend {
    padding: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border-bottom: 1px solid #e5e5e5
}

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

input[type=search] {
    box-sizing: border-box
}

input[type=checkbox],input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple],select[size] {
    height: auto
}

input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    padding-top: 7px;
    font-size: 14px;
    color: #555
}

.form-control,output {
    display: block;
    line-height: 1.42857143
}

.form-control {
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 13px;
    border: 1px solid #d7dbe0;
    color: #737780;
    background-color: #fff;
    background-image: none;
    border-radius: 3px;
    outline: none!important;
    font-weight: 400;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.form-control:focus {
    outline: 0
}

.form-control::-moz-placeholder {
    color: #a1a9b2;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #a1a9b2
}

.form-control::-webkit-input-placeholder {
    color: #a1a9b2
}

.form-control::-ms-expand {
    border: 0;
    background-color: transparent
}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
    background-color: #f2f5f7;
    opacity: 1
}

.form-control[disabled],fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto;
    min-height: 86px;
    resize: vertical
}

input[type=search] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control {
        line-height:34px
    }

    .input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm {
        line-height: 30px
    }

    .input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg {
        line-height: 46px
    }
}

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

.form-labelless .form-group {
    margin-bottom: 16px
}

.checkbox,.radio {
    position: relative;
    display: block;
    margin-top: 14px;
    margin-bottom: 14px
}

.checkbox label,.radio label {
    min-height: 24px;
    padding-left: 20px;
    margin-bottom: 0;
    cursor: pointer;
    line-height: 24px;
    font-size: 14px;
    color: #5c5f66;
    font-weight: 400
}

.checkbox-inline input[type=checkbox],.checkbox input[type=checkbox],.radio-inline input[type=radio],.radio input[type=radio] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px\9
}

.checkbox+.checkbox,.radio+.radio {
    margin-top: -3px
}

.checkbox-inline,.radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer
}

.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 10px
}

.checkbox-inline.disabled,.checkbox.disabled label,.radio-inline.disabled,.radio.disabled label,fieldset[disabled] .checkbox-inline,fieldset[disabled] .checkbox label,fieldset[disabled] .radio-inline,fieldset[disabled] .radio label,fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled] {
    cursor: not-allowed
}

.radio-styled {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 10px -3px 0;
    border: 1px solid #dde1e5;
    border-radius: 10px;
    -webkit-transition: .15s ease-in-out;
    transition: .15s ease-in-out
}

.icheck-label:hover>.radio-styled,.radio-styled.checked,.radio-styled.hover,.radio-styled:hover {
    border-color: #5bc758
}

.radio-styled:before {
    position: absolute;
    top: 4px;
    left: 4px;
    display: block;
    content: "";
    height: 10px;
    width: 10px;
    margin: 0;
    background: #5bc758;
    opacity: 0;
    border-radius: 10px;
    -webkit-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
    -webkit-transform: scale(.7);
    transform: scale(.7)
}

.widget-domain-search .radio-styled:before {
    background: #fa0
}

.radio-styled.checked:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.radio>label {
    position: relative;
    width: 100%;
    padding-left: 30px
}

.radio-styled.disabled,.radio-styled.disabled:active,.radio-styled.disabled:focus,.radio-styled.disabled:hover {
    border: 1px solid #e4e8f0;
    cursor: not-allowed
}

.radio>label>.radio-styled {
    position: absolute;
    left: 0;
    top: 2px
}

.radio-middle>label>.radio-styled {
    top: 50%;
    margin-top: -9px
}

.panel-body>.radio:first-child {
    padding-top: 0
}

.last,.panel-body>.radio:last-child {
    margin-bottom: 0!important
}

.icheck-label {
    cursor: pointer
}

.checkbox-styled>input {
    opacity: 0
}

.checkbox-styled {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 10px 0 0;
    background-color: #fff;
    border: 1px solid #d7dbe0;
    border-radius: 2px;
    -webkit-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
    cursor: pointer
}

.checkbox-styled.checked,.checkbox-styled.hover,.checkbox-styled:hover,.icheck-label:hover>.checkbox-styled {
    border-color: #5bc758
}

.checkbox-styled.disabled,.checkbox-styled.disabled:active,.checkbox-styled.disabled:focus,.checkbox-styled.disabled:hover,.icheck-label:hover>.checkbox-styled.disabled {
    border: 1px solid #eff1f3;
    cursor: not-allowed;
    background: #eff1f3
}

.checkbox-styled:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: "\f26b";
    height: 18px;
    width: 18px;
    opacity: 0;
    color: #5bc758;
    font-size: 18px;
    font-family: Material-Design-Iconic-Font;
    text-align: center;
    line-height: 18px;
    -webkit-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
    -webkit-transform: scale(.7);
    transform: scale(.7)
}

.checkbox-styled.checked:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.checkbox-inline,.checkbox>label {
    position: relative;
    padding-left: 34px
}

.checkbox-inline>.checkbox-styled,.checkbox>label>.checkbox-styled {
    position: absolute;
    left: 0;
    top: 2px
}

.checkbox.disabled label {
    color: #a1a6b2
}

.checkbox.disabled a {
    pointer-events: none;
    -moz-pointer-events: none;
    -webkit-pointer-events: none
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 34px
}

.form-control-static.input-lg,.form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0
}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

select[multiple].input-sm,textarea.input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px
}

.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5
}

.input-lg {
    height: 48px;
    padding: 10px 16px;
    font-size: 14px;
    line-height: 24px;
    border-radius: 3px
}

.input-xlg {
    height: 54px
}

.input-xlg,.input-xxlg {
    font-size: 16px;
    padding: 12px 24px
}

.input-xxlg {
    height: 64px
}

select.input-lg {
    height: 46px;
    line-height: 46px
}

@media (max-width: 767px) {
    .input-xxlg {
        height:52px;
        padding: 12px 17px;
        font-size: 15px
    }
}

select[multiple].input-lg,textarea.input-lg {
    height: auto
}

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

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

.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 42.5px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}

.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.control-label {
    display: block;
    margin-top: -1px;
    margin-bottom: 4px;
    font-size: 13px;
    color: #aaacb2;
    line-height: 13px;
    font-weight: 400
}

.control-label .required {
    font-size: 21px;
    vertical-align: middle;
    position: relative;
    top: 2px
}

.has-success .checkbox,.has-success .checkbox-inline,.has-success.checkbox-inline label,.has-success.checkbox label,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.radio-inline label,.has-success.radio label {
    color: #48b54a
}

.has-success .form-control {
    border-color: #5bc758!important;
    box-shadow: none!important
}

.has-success .form-control:focus {
    border-color: #5bc758
}

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning.checkbox-inline label,.has-warning.checkbox label,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.radio-inline label,.has-warning.radio label {
    color: #8a6d3b
}

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

.has-warning .form-control:focus {
    border-color: #66512c;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.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: #de2c2c
}

.has-error .form-control {
    border-color: #ed4040!important;
    box-shadow: none!important
}

.has-error .form-control:focus {
    border-color: #ed4040;
    box-shadow: none!important
}

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label~.form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0
}

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

@media (min-width: 768px) {
    .form-inline .form-group {
        display:inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn {
        width: auto
    }

    .form-inline .input-group>.form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox,.form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox label,.form-inline .radio label {
        padding-left: 0
    }

    .form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .checkbox,.form-horizontal .radio {
    min-height: 27px
}

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

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align:right;
        margin-bottom: 0;
        padding-top: 7px
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top:11px;
        font-size: 18px
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top:6px;
        font-size: 12px
    }
}

.btn {
    overflow: hidden;
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: none;
    white-space: nowrap;
    padding: 8px 16px;
    font-size: 13px;
    line-height: 24px;
    height: auto;
    font-weight: 700;
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
    -webkit-transition: color .3s ease-out,background .3s ease-out,border .3s ease-out;
    transition: color .3s ease-out,background .3s ease-out,border .3s ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none
}

.btn.focus,.btn:focus,.btn:hover {
    text-decoration: none
}

.btn.active,.btn:active {
    box-shadow: 0 0 0 transparent
}

.btn:not(.btn-circle).active:before,.btn:not(.btn-circle):active:before,.btn:not(.btn-circle):hover:after {
    opacity: 1
}

.btn>i+span,.btn>span+i {
    margin-left: 12px
}

.btn i:not(.spinner) {
    width: 24px;
    height: 24px;
    margin: 0 4px 0 -8px;
    font-size: 19px;
    line-height: 22px;
    vertical-align: bottom
}

.btn-default {
    color: #737980;
    background-color: #e9edf2;
    border-color: #e9edf2;
    box-shadow: none;
    -webkit-box-shadow: none
}

.btn:not(.btn-circle):before {
    z-index: 2
}

.btn:not(.btn-circle):after,.btn:not(.btn-circle):before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    content: "";
    opacity: 0;
    border-radius: 3px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.btn:not(.btn-circle):after {
    z-index: 1
}

.btn>span:not(.button-loader) {
    position: relative;
    z-index: 3
}

.alert-success .btn,.btn-primary {
    color: #fff;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#6ad15c),color-stop(50%,#5bc758),color-stop(100%,#52ba54));
    background: -webkit-linear-gradient(110deg,#52ba54,#5bc758 50%,#6ad15c);
    background: linear-gradient(110deg,#6ad15c,#52ba54)
}

.alert-success .btn,.alert-success .btn:after,.btn-primary,.btn-primary:after {
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#6ad15c',endColorstr='#52ba54',GradientType=0)
}

.alert-success .btn:after,.btn-primary:after {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#6ad15c),color-stop(50%,#5bc758),color-stop(100%,#52ba54));
    background: -webkit-linear-gradient(110deg,#52ba54,#5bc758 50%,#6ad15c);
    background: linear-gradient(110deg,#76de68,#61c763)
}

.alert-success .btn:before,.btn-primary:before {
    background: #4cad4e
}

.alert-success .btn.focus,.alert-success .btn:focus,.alert-success .btn:hover,.btn-primary.focus,.btn-primary:focus,.btn-primary:hover,.btn-secondary.focus,.btn-secondary:focus,.btn-secondary:hover {
    color: #fff
}

.alert-success .btn:active:before,.btn-primary:active:before {
    background: #4cad4e
}

.alert-waring .btn,.btn-secondary {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ff8e2b),color-stop(100%,#ff6c2c));
    background: -webkit-linear-gradient(110deg,#ff6c2c,#ff8e2b);
    background: linear-gradient(340deg,#ff6c2c,#ff8e2b);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff8e2b',endColorstr='#ff6c2c',GradientType=0);
    color: #fff
}

.alert-waring .btn:after,.btn-secondary:after {
    background: linear-gradient(340deg,#ff8f40,#ffa436)
}

.alert-waring .btn:before,.alert-warning .btn:active:before,.btn-secondary:active:before,.btn-secondary:before {
    background: #f7682a
}

.alert-info .btn,.btn-info {
    color: #fff;
    background: #004080;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#0052a3),color-stop(100%,#00468c));
    background: -webkit-linear-gradient(110deg,#00468c,#0052a3);
    background: linear-gradient(340deg,#00468c,#0052a3)
}

.alert-info .btn,.alert-info .btn:after,.btn-info,.btn-info:after {
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0052a3',endColorstr='#00468c',GradientType=0)
}

.alert-info .btn:after,.btn-info:after {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#0052a3),color-stop(100%,#00468c));
    background: -webkit-linear-gradient(110deg,#00468c,#0052a3);
    background: linear-gradient(340deg,#00468c,#0052a3)
}

.alert-info .btn:before,.btn-info:before {
    background: #00468c
}

.alert-danger .btn,.btn-danger {
    background-color: #ed4040;
    border-color: #ed4040;
    color: #fff
}

.alert-danger .btn:after,.alert-danger .btn:before,.btn-danger:after,.btn-danger:before {
    background: #de2c2c
}

span.btn-default {
    box-shadow: none;
    -webkit-box-shadow: none
}

.btn-outline {
    background: transparent;
    box-shadow: none
}

.btn.btn-outline {
    padding-top: 7px;
    padding-bottom: 7px
}

.btn-xlg.btn-outline {
    padding-top: 15px;
    padding-bottom: 15px
}

.btn-lg.btn-outline {
    padding-top: 11px;
    padding-bottom: 11px
}

.btn-sm.btn-outline,.btn-xs.btn-outline {
    padding-top: 3px;
    padding-bottom: 3px
}

.btn-outline.btn-light-blue {
    border: 1px solid #336ca5;
    color: #fff;
    background: none
}

.btn-outline.btn-light-blue:hover {
    border-color: #fff;
    color: #fff;
    background: none
}

.btn-outline.btn-light-blue:hover:after {
    display: none
}

.btn-outline.btn-default {
    border: 1px solid #d7dadb;
    color: #737980
}

.btn-outline.btn-default:hover {
    border-color: #5bc758;
    background: none;
    color: #5bc758
}

.btn-outline.btn-default:active,.btn-outline.btn-default:focus {
    border-color: #4cad4e;
    background: none;
    color: #4cad4e
}

.btn-outline.btn-dark-green {
    border: 1px solid #387a36;
    color: #387a36
}

.btn-group-lg>.btn,.btn-lg {
    padding: 12px 16px;
    font-weight: 700;
    font-size: 14px
}

.btn-xlg {
    padding: 16px 24px;
    font-size: 15px
}

.btn-xxlg {
    padding: 20px 24px;
    font-size: 16px;
    height: 64px
}

.btn-sm.btn-primary,.btn-sm.btn-secondary,.btn-xs.btn-primary,.btn-xs.btn-secondary {
    box-shadow: 0 1px 3px rgba(0,0,0,.15);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.15);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.15)
}

.btn-group-sm>.btn,.btn-group-xs>.btn,.btn-sm,.btn-xs {
    padding: 4px 16px;
    font-size: 11px;
    line-height: 24px
}

.btn-sm i,.btn-xs i {
    margin: 0 6px 0 -8px;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px
}

.btn-icon.btn-sm i:not(.spinner) {
    margin: 0;
    font-size: 19px;
    line-height: 24px
}

.btn.disabled {
    opacity: 1;
    cursor: not-allowed
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .btn-group-sm>.btn,.btn-group-xs>.btn,.btn-sm,.btn-xs {
        padding-top:5px;
        padding-bottom: 3px
    }

    .btn-sm.btn-outline,.btn-xs.btn-outline {
        padding-top: 4px;
        padding-bottom: 2px
    }
}

.btn-light {
    background-color: rgba(134,171,210,.4);
    border-color: rgba(134,171,210,.4)
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: 5px
}

.btn-icon {
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 0;
    overflow: visible;
    box-shadow: none
}

.btn-icon i:not(.spinner) {
    font-size: 24px;
    margin: 0
}

.btn-icon.btn-xs i:not(.spinner) {
    font-size: 19px
}

.btn-icon.btn-clear,.btn-icon.btn-search {
    background: none;
    color: #2e3442
}

.btn.btn-link {
    background: transparent;
    box-shadow: none
}

.btn-icon:active,.btn-icon:focus {
    outline: none
}

.show-xs-icon.btn-icon {
    border-radius: 3px
}

@media (min-width: 768px) {
    .show-xs-icon>i {
        display:none
    }

    .show-xs-icon>span {
        margin: 0!important
    }
}

@media (max-width: 767px) {
    .show-xs-icon>span {
        display:none
    }

    .btn-xxlg {
        padding: 16px 24px;
        font-size: 15px;
        height: 56px
    }
}

@media (min-width: 580px) {
    .show-xxs-icon>span>i:not(.spinner) {
        display:none
    }
}

@media (max-width: 579px) {
    .show-xxs-icon {
        width:40px
    }

    .show-xxs-icon>span>span {
        display: none
    }

    .show-xxs-icon>span:not(.button-loader)>i {
        font-size: 19px;
        display: block;
        margin: -2px 0 -3px 2px
    }
}

.btn-circle {
    line-height: 26px;
    height: 40px;
    width: 40px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%
}

.btn-circle.btn-xlg {
    height: 56px;
    width: 56px
}

.btn-circle.btn-xlg i {
    font-size: 24px!important
}

.btn-submit>span:not(.button-loader)>i {
    font-size: 19px;
    margin-left: 12px;
    padding-top: 1px
}

.btn.promo-code-action>span>i:not(.spinner) {
    margin: 0
}

input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
    width: 100%
}

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

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height,visibility;
    transition-property: height,visibility;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown,.dropup {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 110%;
    left: 0;
    z-index: 1000;
    display: block;
    float: left;
    min-width: 160px;
    padding: 8px 0;
    margin: 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    box-shadow: 0 11px 50px 0 rgba(0,0,0,.3)
}

.dropdown-menu:before {
    content: '';
    position: absolute;
    top: -8px;
    left: 59px;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: -8px;
    vertical-align: middle;
    border-bottom: 8px solid #fff;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent
}

.dropdown-menu-right:before {
    left: auto;
    right: 18px
}

.dropdown-menu .dropdown-menu:before {
    display: none
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    overflow: hidden;
    background-color: #e9edf2;
    margin-bottom: 8px;
    margin-top: 8px
}

.dropdown-menu>li>a {
    position: relative;
    display: block;
    padding: 0 16px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #5c5f6b;
    white-space: nowrap
}

.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    color: #5bc658
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover {
    color: #5bc658;
    background: none;
    font-weight: 700
}

.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
    color: #777
}

.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed
}

.open>.dropdown-menu {
    opacity: 1;
    top: 100%;
    filter: alpha(opacity=100);
    visibility: visible
}

@media (min-width: 768px) {
    .hovered>.dropdown-menu {
        top:100%;
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible
    }
}

.open>a {
    outline: 0
}

.dropdown-menu-right {
    left: auto;
    right: 8px
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid\9;
    content: ""
}

.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        left:auto;
        right: 0
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.btn-group,.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group-vertical>.btn,.btn-group>.btn {
    position: relative;
    float: left
}

.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover {
    z-index: 2
}

.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group {
    float: left
}

.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group {
    margin-left: 5px
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group>.btn-group {
    float: left
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group>.btn+.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px
}

.btn-group>.btn-lg+.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

.btn-group.open .dropdown-toggle {
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.btn-group.open .dropdown-toggle.btn-link {
    box-shadow: none
}

.btn .caret {
    margin-left: 0
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical>.btn-group>.btn {
    float: none
}

.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified>.btn,.btn-group-justified>.btn-group {
    float: none;
    display: table-cell;
    width: 1%
}

.btn-group-justified>.btn-group .btn {
    width: 100%
}

.btn-group-justified>.btn-group .dropdown-menu {
    left: auto
}

[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio],[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*=col-] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group .form-control:focus {
    z-index: 3
}

.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn {
    height: 46px;
    line-height: 46px
}

select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn {
    height: auto
}

.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    line-height: 30px
}

select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn {
    height: auto
}

.input-group-xs>.form-control,.input-group-xs>.input-group-addon,.input-group-xs>.input-group-btn>.btn {
    min-height: 24px;
    height: 24px;
    padding: 2px 6px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px
}

.input-group-addon,.input-group-btn,.input-group .form-control {
    display: table-cell
}

.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-btn>:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-addon,.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px
}

.input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px
}

.input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px
}

.input-group-addon input[type=checkbox],.input-group-addon input[type=radio] {
    margin-top: 0
}

.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group .form-control:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group .form-control:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    font-size: 0;
    white-space: nowrap
}

.input-group-btn,.input-group-btn>.btn {
    position: relative
}

.input-group-btn>.btn+.btn {
    margin-left: -1px
}

.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover {
    z-index: 2
}

.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group {
    margin-right: -2px
}

.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group {
    margin-left: -1px
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.nav>li {
    display: block
}

.nav>li,.tabs {
    position: relative
}

.tabs {
    margin: 0 -8px
}

.nav-tabs {
    white-space: nowrap;
    min-width: 100%
}

.nav-sm.nav-tabs {
    margin-top: 4px
}

.nav-tabs>li {
    display: inline-block
}

.nav-tabs>li.tab-right {
    position: absolute;
    right: 0;
    margin-right: 0
}

.nav-tabs>li>a {
    position: relative;
    display: block;
    padding: 0 8px;
    margin-right: 16px;
    color: #5c5f66;
    font-weight: 700;
    line-height: 50px
}

.nav-tabs>li>a>i {
    font-size: 19px;
    vertical-align: sub;
    margin-right: 15px
}

.tab-lg .nav-tabs>li>a>i {
    font-size: 26px;
    vertical-align: top;
    margin-top: 11px;
    display: inline-block
}

.nav-sm.nav-tabs>li>a {
    margin-right: 8px;
    line-height: 40px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 400;
    color: #a1a5b2
}

.nav-sm.nav-tabs>li.active>a {
    font-weight: 700
}

.nav-transparent {
    margin-bottom: 11px
}

.nav-transparent>li>a {
    color: rgba(221,238,255,.8)
}

.nav-transparent>li.active>a:after {
    content: '';
    position: absolute;
    bottom: -11px;
    left: 50%;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: -8px;
    vertical-align: middle;
    border-bottom: 8px solid #fff;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent
}

.nav-tabs .badge {
    vertical-align: top;
    margin: 16px 0 0 8px
}

.nav-transparent .badge-outline {
    border-color: rgba(140,176,213,.5);
    color: rgba(221,238,255,.8)
}

.nav-tabs:not(.nav-transparent)>li>a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100%;
    background: transparent;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.nav-tabs.nav-sm:not(.nav-transparent)>li>a:after {
    height: 2px
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
    color: #5bc758;
    cursor: default
}

.nav-transparent>li.active>a,.nav-transparent>li.active>a:focus,.nav-transparent>li.active>a:hover {
    color: #fff
}

.nav-sm>li.active>a,.nav-sm>li.active>a:focus,.nav-sm>li.active>a:hover,.nav-sm>li>a:hover,.nav-tabs>li>a:hover {
    color: #5bc758
}

.nav-transparent>li>a:hover {
    color: #fff
}

.nav-tabs:not(.nav-transparent)>li.active>a:after {
    background: #5bc758
}

@media (max-width: 767px) {
    .nav.nav-tabs {
        white-space:nowrap
    }

    .nav.nav-tabs li {
        float: none;
        display: inline-block
    }

    .nav-tabs>li>a {
        margin-right: 4px
    }

    .overview-header .nav-tabs li .badge,.page-product-view .nav-tabs li .badge {
        display: none
    }

    .page-product-view .page-content .nav-transparent>li>a {
        color: #a1a6b2
    }

    .page-product-view .page-content .nav-transparent>li.active a,.page-product-view .page-content .nav-transparent>li>a:hover {
        color: #2e3442
    }
}

.tab-content {
    background: #fff;
    box-shadow: 0 6px 20px rgba(0,0,0,.07)
}

.tab-content.tab-lg {
    margin-bottom: 20px!important
}

.tab-content>.tab-pane {
    padding: 26px 30px;
    display: none
}

.tab-content>.active {
    display: block
}

.tab-content.tab-lg>.tab-pane {
    padding: 55px 64px
}

.title-content .tab-content.tab-sm .tab-sm {
    height: auto
}

.tab-content.tab-sm .tab-content .tab-pane {
    padding: 0
}

.tab-content.tab-sm>.tab-pane {
    position: relative;
    height: 100%;
    padding: 16px 24px 24px
}

#tab-additional-services {
    padding-top: 20px
}

.tab-content.tab-sm>.tab-pane .tabs {
    margin-top: -16px;
    margin-bottom: 8px
}

.tab-content.tab-sm>.tab-pane .tab-pane .scroll-list {
    position: relative;
    margin: 5px 0;
    padding-right: 20px
}

.tab-content .tab-pane .h3,.tab-content .tab-pane h3 {
    font-size: 24px;
    margin: 0 0 30px
}

.tab-content .tab-pane h3 .btn {
    float: right;
    margin-top: -3px
}

.tab-content .tab-pane p {
    margin-bottom: 17px;
    text-align: justify
}

.tab-content.tab-sm .tab-pane p {
    margin-bottom: 0;
    font-size: 13px;
    margin: 3px 0 5px;
    line-height: 20px
}

.tab-content.tab-lg .tab-pane .list-check {
    overflow: hidden
}

.tab-content.tab-lg .tab-pane .list-check li {
    float: left;
    width: 50%;
    padding-right: 16px
}

.tab-content .tab-section+.tab-section {
    padding-top: 5px
}

.tab-content.tab-lg .tab-section+.tab-section {
    padding-top: 33px
}

.tab-section h5 {
    margin: 0 0 15px
}

.tab-section .list-styled+h5 {
    margin-top: 20px
}

.tab-section .h6,.tab-section h6 {
    font-size: 11px;
    color: #a1a5b2;
    font-weight: 400;
    margin: 0 0 4px;
    text-transform: uppercase
}

.tab-section h5.tab-title {
    font-size: 15px
}

.tab-section-price .price {
    color: #2e3442
}

.tab-section-price .price.price-discounted {
    padding-top: 0;
    color: #ff8e2b
}

.tab-section-price .price small {
    display: block;
    margin-top: 14px;
    font-size: 12px;
    color: #a1a5b2
}

.tab-section-price .price>span {
    display: block;
    margin-top: -6px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #2e3442
}

.tab-section-price .price>span span {
    position: relative
}

.tab-section-price .price>span span:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
    width: 100%;
    height: 1px;
    background: #ff8e2b
}

.tab-section-price .price>span i {
    margin-left: 5px
}

.tab-actions {
    position: absolute
}

.tab-content .tab-content {
    box-shadow: none;
    background: none
}

.tab-content.tab-lg .tab-content .tab-pane {
    padding: 34px 0 18px
}

.tab-payment-method {
    box-shadow: none
}

.tab-payment-method .tab-pane {
    padding: 24px 0 0
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.tab-body-title {
    color: #2e3442;
    font-weight: 700
}

.strip-orange {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ff8e2b),color-stop(100%,#ff6c2c));
    background: -webkit-linear-gradient(110deg,#ff6c2c,#ff8e2b);
    background: linear-gradient(340deg,#ff6c2c,#ff8e2b);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff8e2b',endColorstr='#ff6c2c',GradientType=0)
}

@media (min-width: 1200px) {
    .tab-section-price {
        width:236px
    }

    .tab-section-info {
        padding-left: 260px
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .tab-section-price {
        width:198px
    }

    .tab-section-info {
        padding-left: 220px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .tab-section-price {
        width:246px
    }

    .tab-section-info {
        padding-left: 270px
    }
}

@media (min-width: 768px) {
    .tab-content #tab-login {
        padding:60px 0
    }

    .tab-lg .read-more,.tab-payment-method .tab-title {
        display: none
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .tab-content.tab-lg>.tab-pane {
        padding:35px 36px
    }

    .tab-content.tab-lg .tab-section+.tab-section {
        padding-top: 13px
    }

    .tab-content.tab-lg>.tab-pane h2 {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 13px
    }

    .tab-section h5 {
        font-size: 16px;
        line-height: 24px
    }
}

@media (min-width: 580px) {
    .title-content .tab-content.tab-sm {
        overflow:hidden;
        height: 264px
    }

    .tab-section-price {
        position: absolute;
        left: 24px;
        top: 16px;
        bottom: 24px;
        padding-right: 24px;
        padding-bottom: 112px;
        border-right: 1px solid #f2f4f5
    }

    .tab-section-price .price {
        font-size: 40px;
        font-weight: 300;
        padding-top: 20px
    }

    .tab-content.tab-sm>.tab-pane .tab-pane .scroll-list {
        height: 196px
    }

    .touchable .tab-content.tab-sm>.tab-pane .tab-pane .scroll-list {
        overflow-y: auto
    }

    .tab-actions {
        width: 100%;
        padding-right: 24px;
        bottom: 0
    }

    .tab-actions .btn {
        display: block;
        width: 100%
    }

    .tab-actions .btn+.btn {
        margin-top: 8px
    }

    .tab-pane .strip {
        top: -78px;
        right: -82px
    }

    .tab-pane .strip .strip-content {
        font-size: 10px
    }

    .tab-pane .strip .strip-content span {
        margin-bottom: 10px;
        font-size: 32px;
        font-weight: 400
    }

    .tab-pane .strip .strip-content span i {
        position: relative;
        top: 5px
    }

    .tab-pane .strip {
        width: 171px;
        height: 149px;
        position: absolute;
        transform: rotate(45deg);
        box-shadow: 0 2px 20px 0 rgba(0,0,0,.15)
    }

    .tab-pane .strip .strip-content {
        position: absolute;
        left: 4px;
        bottom: 5px;
        width: 100%;
        text-align: center;
        color: #fff;
        color: rgba(0,0,0,.5);
        font-weight: 700;
        text-transform: uppercase
    }

    .tab-pane .strip .strip-content span {
        display: block;
        color: #fff
    }

    .product-license .tab-sm .read-more {
        display: none
    }
}

@media (min-width: 580px) and (max-width:767px) {
    .tab-section-price {
        width:198px
    }

    .tab-section-info {
        padding-left: 220px
    }
}

@media (max-width: 767px) {
    .tab-content #tab-login {
        padding:24px 0
    }

    .nav-tabs>li>a {
        line-height: 40px
    }

    .tab-content.tab-lg>.tab-pane {
        padding: 21px 20px
    }

    .tab-content.tab-sm>.tab-pane {
        padding: 16px
    }

    .tab-content.tab-lg>.tab-pane h2 {
        font-size: 17px;
        line-height: 21px;
        margin-bottom: 13px
    }

    .tab-content.tab-lg .tab-section+.tab-section {
        padding-top: 3px
    }

    .tab-section h5 {
        font-size: 14px;
        line-height: 20px
    }

    .tab-content .tab-pane .list-styled li,.tab-content .tab-pane p {
        font-size: 13px;
        line-height: 20px
    }

    .tab-payment-method .tab-pane {
        display: block;
        padding: 0
    }

    .tab-payment-method .tab-title {
        margin: 0 -24px;
        border-top: 1px solid #e8ecf1;
        padding: 10px 24px
    }

    .tab-payment-method .tab-body {
        display: none;
        padding: 16px 0 0
    }

    .tab-payment-method .active .tab-body {
        display: block
    }

    .tab-content .read-more {
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        display: block;
        color: #a1a6b2;
        line-height: 48px;
        text-align: center;
        font-weight: 700;
        background: #fff
    }

    .tab-content .read-more:hover {
        color: #5bc758
    }

    .page-product-view .page-content .tab-content,.page-product-view .product-license>.tab-content {
        margin: 0 -10px
    }

    .page-product-view .tab-content .tab-pane {
        position: relative;
        padding-bottom: 48px
    }

    .page-product-view .tab-content .tab-pane.expanded {
        padding-bottom: 21px;
        height: auto!important
    }

    .page-product-view .tab-content .tab-pane.expanded .read-more,.page-product-view .tab-content>.tab-pane.expanded:after {
        display: none
    }

    .page-product-view .product-license>.tab-content>.tab-pane {
        height: 255px;
        overflow: hidden
    }

    .page-product-view #main-content-container>.tabs .nav-tabs>li.tab-right {
        display: none!important
    }

    .page-product-view #main-content-container .tab-content .tab-pane {
        height: 280px;
        overflow: hidden
    }

    .page-product-view #main-content-container .tab-content .tab-pane:after {
        position: absolute;
        content: " ";
        left: 0;
        bottom: 48px;
        height: 24px;
        width: 100%;
        background: #fff;
        background: -webkit-linear-gradient(270deg,#fff,hsla(0,0%,100%,.5));
        background: linear-gradient(0deg,#fff,hsla(0,0%,100%,.5))
    }
}

@media (max-width: 579px) {
    .tab-content.tab-sm>.tab-pane .tab-pane .scroll-list {
        min-height:120px;
        height: auto
    }

    .tab-content.tab-sm>.tab-pane .tab-pane .scroll-list .ps__rail-y {
        display: none!important
    }

    .tab-content.tab-sm>.tab-pane.pb-0 {
        margin-bottom: -20px
    }

    .tab-content.tab-sm>.tab-pane .tab-pane .scroll-list.preventScrollBar {
        min-height: 190px
    }

    .tabs {
        margin-left: -4px;
        margin-right: -4px
    }

    .nav-sm.nav-tabs>li>a {
        padding: 0 4px
    }

    .tab-pane .strip {
        display: none
    }

    .tab-section-price .price {
        font-size: 22px;
        font-weight: 600;
        padding-top: 10px;
        margin-bottom: 17px
    }

    .tab-section-price .price small {
        margin-top: 4px;
        font-weight: 300
    }

    .tab-section-price .price>span {
        margin-top: 0;
        margin-bottom: 5px
    }

    .tab-section-price h6 {
        display: none
    }

    .tab-actions {
        right: 16px;
        top: 24px
    }

    .tab-actions .btn {
        font-size: 13px;
        font-weight: 600;
        padding-top: 7px;
        padding-bottom: 7px
    }

    .tab-actions .btn.btn-outline {
        padding: 8px 4px
    }

    .tab-actions .btn+.btn {
        margin-left: 8px
    }

    .page-product-view .product-license>.tab-content>.tab-pane:after {
        position: absolute;
        content: " ";
        left: 0;
        bottom: 48px;
        height: 24px;
        width: 100%;
        background: #fff;
        background: -webkit-linear-gradient(270deg,#fff,hsla(0,0%,100%,.5));
        background: linear-gradient(0deg,#fff,hsla(0,0%,100%,.5))
    }
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

@media (min-width: 768px) {
    .navbar {
        border-radius:4px
    }
}

@media (min-width: 768px) {
    .navbar-header {
        float:left
    }
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1);
    -webkit-overflow-scrolling: touch
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width: 768px) {
    .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
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
}

.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse {
    max-height: 340px
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-brand.christmass-logo img {
    margin-top: -24px
}

@media (min-width: 992px) {
    .page-header .navbar-brand {
        float:left;
        display: block;
        width: 217px;
        height: 84px;
        line-height: 84px
    }
}

@media (max-width: 991px) {
    .page-header .navbar-brand {
        display:none
    }

    .mobile-header .navbar-brand {
        display: block;
        margin: 0 auto;
        width: 100%;
        text-align: center
    }

    .mobile-header .navbar-brand a {
        display: inline-block;
        width: 262px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .mobile-header .navbar-brand img {
        max-width:220px
    }

    .mobile-header .navbar-brand .christmass-logo img {
        margin-top: -36px
    }

    .mobile-header .navbar-brand a {
        padding: 18px 20px;
        height: 72px
    }
}

@media (max-width: 767px) {
    .mobile-header .navbar-brand a {
        display:inline-block;
        padding: 17px 20px;
        height: 60px;
        width: 220px
    }

    .mobile-header .navbar-brand img {
        max-width: 123px;
    }

    .mobile-header .navbar-brand .christmass-logo img {
        margin-top: -27px
    }
}

#mobile-cart-preview,.navbar-toggle {
    position: absolute;
    padding: 12px;
    background-color: transparent;
    background-image: none;
    border: none;
    border-radius: 0
}

.navbar-toggle {
    left: 8px;
    height: 48px;
    width: 48px
}

#mobile-cart-preview {
    right: 3px
}

#mobile-cart-preview .navbar-cart {
    color: #2e3442;
    font-size: 24px
}

.page-order #mobile-cart-preview {
    display: none
}

@media (min-width: 768px) and (max-width:991px) {
    #mobile-cart-preview,.navbar-toggle {
        top:12px
    }

    .navbar-toggle {
        left: -6px
    }

    #mobile-cart-preview {
        right: -6px
    }
}

@media (max-width: 767px) {
    #mobile-cart-preview,.navbar-toggle {
        top:6px
    }
}

.navbar-cart:focus,.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 20px;
    height: 2px;
    margin: 0 auto;
    background: #2e3442;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

body.main-menu-open .mobile-header .navbar-toggle .icon-bar {
    margin: 0 auto
}

body.main-menu-open .mobile-header .navbar-toggle .icon-bar:nth-child(2) {
    display: none
}

body.main-menu-open .mobile-header .navbar-toggle .icon-bar:nth-child(1) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -sand-transform: rotate(45deg);
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

body.main-menu-open .mobile-header .navbar-toggle .icon-bar:nth-child(3) {
    margin-top: -2px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -sand-transform: rotate(-45deg);
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position:static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 5px 25px;
        line-height: 20px
    }

    .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover {
        background-image: none
    }
}

@media (min-width: 992px) {
    .navbar-nav {
        float:left;
        margin: 0
    }

    .navbar-nav>li {
        float: left
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0
}

@media (min-width: 768px) {
    .navbar-left {
        float:left!important
    }

    .navbar-right {
        float: right!important;
        padding-right: 72px
    }

    .navbar-right~.navbar-right {
        margin-right: 0
    }
}

.breadcrumb {
    padding: 0;
    margin-bottom: 6px;
    list-style: none
}

.breadcrumb>li {
    display: inline-block
}

.breadcrumb>li+li:before {
    content: "/\00a0";
    padding: 0
}

.breadcrumb>li+li:before,.breadcrumb li a {
    color: rgba(221,238,255,.8)
}

.breadcrumb li a:hover {
    color: #fff
}

.breadcrumb>.active {
    color: #777
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.pagination>li {
    display: inline
}

.pagination>li>a,.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px
}

.pagination>li:first-child>a,.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.pagination>li:last-child>a,.pagination>li:last-child>span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default
}

.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {
    color: #777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed
}

.pagination-lg>li>a,.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.pagination-sm>li>a,.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    list-style: none;
    text-align: center
}

.pager li {
    display: inline
}

.pager li>a,.pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px
}

.pager li>a:focus,.pager li>a:hover {
    text-decoration: none;
    background-color: #eee
}

.pager .next>a,.pager .next>span {
    float: right
}

.pager .previous>a,.pager .previous>span {
    float: left
}

.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span {
    color: #777;
    background-color: #fff;
    cursor: not-allowed
}

.label {
    display: inline;
    padding: 6px 4px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 2px;
    text-transform: uppercase
}

.label-sm {
    padding: 4px 6px
}

.label-lg {
    font-size: 13px;
    padding: 6px 8px;
    font-weight: 400
}

a.label:focus,a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

.label-default {
    color: #737980;
    background-color: #e4e8ed
}

.label-default[href]:focus,.label-default[href]:hover {
    background-color: #5e5e5e
}

.label-primary {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#6ad15c),color-stop(50%,#5bc758),color-stop(100%,#52ba54));
    background: -webkit-linear-gradient(110deg,#52ba54,#5bc758 50%,#6ad15c);
    background: linear-gradient(340deg,#52ba54,#5bc758 50%,#6ad15c);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#6ad15c',endColorstr='#52ba54',GradientType=0)
}

.label-primary,.label-secondary {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.14)
}

.label-secondary {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ff8e2b),color-stop(100%,#ff6c2c));
    background: -webkit-linear-gradient(110deg,#ff6c2c,#ff8e2b);
    background: linear-gradient(340deg,#ff6c2c,#ff8e2b);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff8e2b',endColorstr='#ff6c2c',GradientType=0)
}

.h5 .label {
    vertical-align: top;
    display: inline-block;
    margin-left: 8px;
    font-weight: 400;
    padding: 6px 10px
}

.label-primary[href]:focus,.label-primary[href]:hover {
    background-color: #286090
}

.label-success {
    background-color: #5cb85c
}

.label-success[href]:focus,.label-success[href]:hover {
    background-color: #449d44
}

.label-info {
    background-color: #5bc0de
}

.label-info[href]:focus,.label-info[href]:hover {
    background-color: #31b0d5
}

.label-warning {
    background-color: #f0ad4e
}

.label-warning[href]:focus,.label-warning[href]:hover {
    background-color: #ec971f
}

.label-danger {
    background-color: #d9534f
}

.label-danger[href]:focus,.label-danger[href]:hover {
    background-color: #c9302c
}

.badge {
    display: inline-block;
    min-width: 18px;
    padding: 0 4px;
    font-size: 9px;
    color: #fff;
    line-height: 18px;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #dadddf;
    border-radius: 10px
}

.badge:empty {
    display: none
}

.badge-primary {
    background: -webkit-gradient(linear,left bottom,right top,color-stop(0,#52ba54),color-stop(50%,#5bc758),color-stop(100%,#6ad15c));
    background: -webkit-linear-gradient(45deg,#52ba54,#5bc758 50%,#6ad15c);
    background: linear-gradient(45deg,#52ba54,#5bc758 50%,#6ad15c);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#6ad15c',endColorstr='#52ba54',GradientType=1)
}

.badge-outline {
    background: transparent;
    border: 1px solid;
    line-height: 16px
}

.badge-outline.badge-default {
    border-color: #dadddf;
    color: #7a7d80
}

#mobile-cart-preview .badge {
    position: absolute!important;
    top: 3px;
    right: 2px;
    -webkit-transition: transform .35s;
    transition: transform .35s
}

#mobile-cart-preview .add .badge {
    transform: scale(2.5);
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5)
}

.btn .badge {
    position: absolute!important;
    top: 0;
    right: -6px
}

.btn-group-xs>.btn .badge,.btn-xs .badge {
    top: 0;
    padding: 1px 5px
}

a.badge:focus,a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.list-group-item.active>.badge,.nav-pills>.active>a>.badge {
    color: #337ab7;
    background-color: #fff
}

.list-group-item>.badge {
    float: right
}

.list-group-item>.badge+.badge {
    margin-right: 5px
}

.nav-pills>li>a>.badge {
    margin-left: 3px
}

.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    background-color: #eee
}

.jumbotron,.jumbotron .h1,.jumbotron h1 {
    color: inherit
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200
}

.jumbotron>hr {
    border-top-color: #d5d5d5
}

.container-fluid .jumbotron,.container .jumbotron {
    border-radius: 6px;
    padding-left: 15px;
    padding-right: 15px
}

.jumbotron .container {
    max-width: 100%
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding-top:48px;
        padding-bottom: 48px
    }

    .container-fluid .jumbotron,.container .jumbotron {
        padding-left: 60px;
        padding-right: 60px
    }

    .jumbotron .h1,.jumbotron h1 {
        font-size: 63px
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

.thumbnail>img,.thumbnail a>img {
    margin-left: auto;
    margin-right: auto
}

a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover {
    border-color: #337ab7
}

.thumbnail .caption {
    padding: 9px;
    color: #333
}

.alert {
    position: relative;
    padding: 18px 24px;
    margin-bottom: 16px;
    border: 1px solid #e1e4e6;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    line-height: 20px;
    font-size: 14px
}

.alert-sm {
    padding: 8px 8px 8px 24px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: 700
}

.alert>p,.alert>ul {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.alert-dismissable,.alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close,.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    border-color: #5bc758;
    color: #48b54a
}

.alert-info {
    border-color: #2c84db;
    color: #1f75cc
}

.alert-warning {
    border-color: #fc8b35;
    color: #f57b1d
}

.alert-danger {
    border-color: #ed4040;
    color: #de2c2c
}

.alert-icon {
    padding-left: 58px;
    border-left-width: 3px
}

.alert-icon:before {
    position: absolute;
    left: 16px;
    top: 16px;
    content: '';
    width: 24px;
    height: 24px;
    top: 50%;
    margin-top: -12px;
    text-align: center;
    line-height: 24px;
    font-size: 24px;
    font-family: Material-Design-Iconic-Font
}

.alert-icon.alert-info:before {
    content: '\f1f8'
}

.alert-icon.alert-success:before {
    content: '\f269'
}

.alert-icon.alert-warning:before {
    content: '\f1f4'
}

.alert-icon.alert-danger:before {
    content: '\f1f0'
}

.alert-primary {
    background: #fff;
    border-width: 0 0 0 3px;
    border-radius: 0;
    box-shadow: 0 5px 25px rgba(32,41,48,.15)
}

.alert-tooltip {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    background: #fff;
    border: 0;
    border-radius: 3px
}

.alert-tooltip:after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 20px;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: -8px;
    vertical-align: middle;
    border-top: 8px solid #fff;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent
}

.alert-promo {
    padding: 24px 140px 24px 80px;
    border-color: #e5ac62
}

.alert-promo:before {
    position: absolute;
    left: 10px;
    top: 50%;
    display: block;
    content: "";
    height: 56px;
    width: 52px;
    margin-top: -28px;
    background: url(../img/recommneded.png)
}

.alert-promo .promo-code {
    padding: 8px;
    border: 1px dashed #e5ac62;
    border-radius: 3px;
    font-weight: 700;
    color: #e5ac62;
    display: inline;
    margin-left: 3px;
    margin-right: 3px
}

.alert-promo.alert-proxmox {
    padding: 19px 150px 19px 98px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 86px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.alert-promo.alert-proxmox:before {
    left: 15px;
    height: 64px;
    width: 64px;
    margin-top: -32px;
    background: url(../img/proxmox-solution-partner.png);
    background-size: 100%;
    background-color: #abbaba;
    border-radius: 3px
}

.alert-promo>b,.alert-promo>div>b,.alert-promo>div>strong,.alert-promo>strong {
    color: #d5985e
}

.alert-promo.alert-easydcim {
    border-color: #3e8eff
}

.alert-promo.alert-easydcim>b,.alert-promo.alert-easydcim>div>b,.alert-promo.alert-easydcim>div>strong,.alert-promo.alert-easydcim>strong {
    color: #3e8eff
}

.alert-promo.alert-easydcim .promo-code {
    border: 1px dashed #3e8eff;
    color: #3e8eff
}

.alert-promo.alert-easydcim:before {
    left: 7px;
    height: 51px;
    width: 63px;
    margin-top: -22px;
    background: url(../img/easydcim.png);
    background-size: 100%;
    border-radius: 3px
}

.alert-promo.alert-mc {
    border-color: #5c4bd1
}

.alert-promo.alert-mc>b,.alert-promo.alert-mc>div>b,.alert-promo.alert-mc>div>strong,.alert-promo.alert-mc>strong {
    color: #5c4bd1
}

.alert-promo.alert-mc .promo-code {
    border: 1px dashed #5c4bd1;
    color: #5c4bd1
}

.alert-promo.alert-mc:before {
    left: 15px;
    height: 43px;
    width: 44px;
    margin-top: -22px;
    background: url(../img/mc.png);
    background-size: 100%;
    border-radius: 3px
}

@media (min-width: 768px) {
    .alert-btn {
        padding-right:220px
    }

    .alert .btn {
        position: absolute;
        right: 8px;
        top: 8px
    }
}

.alert-promo .btn {
    position: absolute;
    top: 50%;
    right: 16px;
    min-width: 120px;
    margin-top: -20px
}

@media (max-width: 767px) {
    .alert-btn .btn {
        display:block;
        margin-top: 16px
    }
}

@media (max-width: 579px) {
    .alert-promo,.alert-promo.alert-proxmox {
        padding-top:16px;
        padding-right: 16px;
        padding-bottom: 66px
    }

    .alert-promo.alert-proxmox:before,.alert-promo:before {
        top: 10px;
        margin-top: 0
    }

    .alert-promo .btn {
        top: auto;
        right: 16px;
        left: 16px;
        bottom: 16px;
        margin-top: 0
    }
}

.alert ul {
    padding: 8px 0 0 20px
}

@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    0% {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.pw-strenght {
    position: relative;
    padding-left: 120px;
    padding-top: 6px;
    padding-bottom: 6px
}

.pw-strenght>span {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 2px;
    font-size: 13px;
    color: #aaacb2;
    line-height: 13px;
    font-weight: 400
}

.progress {
    overflow: hidden;
    height: 5px;
    background-color: #d0d4d9;
    border-radius: 2px
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-transition: width .6s ease;
    transition: width .6s ease
}

.progress-bar-striped,.progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
    background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
    background-size: 40px 40px
}

.progress-bar.active,.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #5bc758
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
    background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)
}

.progress-bar-info {
    background-color: #2c84db
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
    background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)
}

.progress-bar-warning {
    background-color: #fc8b35
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
    background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)
}

.progress-bar-danger {
    background-color: #ed4040
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
    background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)
}

.password-verdict {
    display: none
}

.media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media,.media-body {
    zoom:1;overflow: hidden
}

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

.media-object.img-thumbnail {
    max-width: none
}

.media-right,.media>.pull-right {
    padding-left: 10px
}

.media-left,.media>.pull-left {
    padding-right: 10px
}

.media-body,.media-left,.media-right {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

.list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

a.list-group-item,button.list-group-item {
    color: #555
}

a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover {
    text-decoration: none;
    color: #555;
    background-color: #f5f5f5
}

button.list-group-item {
    width: 100%;
    text-align: left
}

.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover {
    background-color: #eee;
    color: #777;
    cursor: not-allowed
}

.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text {
    color: #777
}

.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small {
    color: inherit
}

.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text {
    color: #c7ddef
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success,button.list-group-item-success {
    color: #3c763d
}

a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover {
    color: #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info,button.list-group-item-info {
    color: #31708f
}

a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover {
    color: #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning,button.list-group-item-warning {
    color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover {
    color: #8a6d3b;
    background-color: #faf2cc
}

a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger,button.list-group-item-danger {
    color: #a94442
}

a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover {
    color: #a94442;
    background-color: #ebcccc
}

a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.panel {
    margin-bottom: 16px;
    background-color: #fff;
    box-shadow: 0 6px 20px rgba(0,0,0,.1)
}

.marketplace-page .panel,.page-clientarea .panel {
    box-shadow: 0 6px 20px rgba(0,0,0,.07)
}

.tab-content+.panel {
    margin-top: 16px
}

.panel-header {
    padding: 22px 24px 0
}

.panel-header h5 {
    margin: 0;
    font-size: 15px;
    line-height: 16px
}

.panel-summary .panel-header {
    padding: 0
}

.panel-header .header-title {
    width: 100%;
    margin: 0;
    text-align: left;
    padding-right: 20px
}

.panel-header .header-actions,.panel-header .header-title {
    display: table-cell;
    white-space: nowrap;
    vertical-align: middle
}

.panel-header .header-actions {
    width: 0;
    max-width: 100%;
    text-align: right
}

.panel-body {
    padding: 21px 24px
}

.panel-list+.panel-list {
    border-top: 1px solid #ebeff2
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel-heading>.dropdown .dropdown-toggle,.panel-title {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px
}

.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a {
    color: inherit
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.list-group,.panel>.panel-collapse>.list-group {
    margin-bottom: 0
}

.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.list-group+.panel-footer,.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0
}

.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table {
    margin-bottom: 0
}

.panel>.panel-collapse>.table caption,.panel>.table-responsive>.table caption,.panel>.table caption {
    padding-left: 15px;
    padding-right: 15px
}

.panel>.table-responsive:first-child>.table:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
    border-top-left-radius: 3px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
    border-top-right-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 3px
}

.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body {
    border-top: 1px solid #ddd
}

.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th {
    border-top: 0
}

.panel>.table-bordered,.panel>.table-responsive>.table-bordered {
    border: 0
}

.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
    border-left: 0
}

.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
    border-right: 0
}

.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
    border-bottom: 0
}

.panel>.table-responsive {
    border: 0;
    margin-bottom: 0
}

.panel-group {
    margin-bottom: 20px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
}

.panel-group .panel+.panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #ddd
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd
}

.panel-default>.panel-heading .badge {
    color: #f5f5f5;
    background-color: #333
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #337ab7
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #337ab7
}

.panel-primary>.panel-heading .badge {
    color: #337ab7;
    background-color: #fff
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #337ab7
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d6e9c6
}

.panel-success>.panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #bce8f1
}

.panel-info>.panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #faebcc
}

.panel-warning>.panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger>.panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ebccd1
}

.panel-danger>.panel-heading .badge {
    color: #f2dede;
    background-color: #a94442
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ebccd1
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.well {
    min-height: 20px;
    padding: 16px;
    margin-bottom: 12px;
    background-color: #e9edf2;
    border-radius: 3px
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0,0,0,.15)
}

.well-lg {
    padding: 24px;
    border-radius: 6px
}

.well-sm {
    padding: 9px;
    border-radius: 3px
}

.close:not(.btn) {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    outline: none
}

.close:focus,.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50)
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.modal,.modal-open {
    overflow: hidden
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    text-align: center
}

#overview-container:before {
    vertical-align: top
}

#overview-container .tab-pane {
    min-height: 400px
}

.modal.fade .modal-dialog {
    -webkit-transform: scale(.7);
    transform: scale(.7);
    -webkit-transition-property: all;
    transition-property: all;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.modal.in .modal-dialog {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: all;
    transition-property: all;
    opacity: 1;
    visibility: visible
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    margin: 30px auto
}

.modal-content {
    position: relative;
    background-color: #fff;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #2e3442
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: .92;
    filter: alpha(opacity=92)
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 40px
}

.modal-body>h6 {
    margin-top: 0
}

.two-sections {
    padding: 0;
    overflow: hidden
}

.modal-section:not(.section-full) {
    position: relative;
    padding: 33px 33px 100px
}

.modal-section.section-full .btn {
    min-width: 180px
}

.modal-section>span {
    display: block;
    margin-bottom: 15px;
    font-size: 11px;
    text-transform: uppercase;
    color: #a1a5b2
}

.modal-section h5 {
    margin: 0 0 15px;
    font-size: 16px
}

.modal-section h6 {
    margin-right: 8px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 400;
    color: #a1a5b2
}

.section-green .list-icon li:before,.section-green h6 {
    color: #387a36
}

.modal-section .tab-content {
    background: none
}

.modal-section .price {
    margin-bottom: 28px;
    font-size: 32px;
    color: #2e3442
}

.modal-section .price.discount span {
    margin-right: 3px;
    position: relative;
    font-size: 26px
}

.modal-section .price.discount span:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    margin-top: -2px;
    background: #ff8e2b
}

.section-green .price.discount span:before {
    background: #387a36
}

.modal-section .price small {
    font-size: 18px;
    color: #a1a5b2
}

.section-green .price,.section-green .price small {
    color: #fff
}

.section-green .nav-sm.nav-tabs>li>a {
    color: #387a36
}

.section-green .nav-sm.nav-tabs>li.active a,.section-green .nav-sm.nav-tabs>li a:hover {
    color: #fff
}

.section-green .nav-sm.nav-tabs>li.active a:after {
    background: #fff
}

.modal-section .price+.tabs {
    margin-top: -13px
}

.modal-section .tab-content {
    box-shadow: none
}

.modal .modal-section .tab-pane {
    padding: 15px 0
}

.modal-section .actions {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    text-align: center
}

.modal-section .actions .btn {
    min-width: 192px
}

.section-green {
    background: #63cd5a
}

.section-green,.section-green h5 {
    color: #fff
}

.section-green .price.discount span,.section-green>span {
    color: #387a36
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.modal-content .close:not(.btn) {
    position: absolute;
    right: -23px;
    top: -31px;
    font-size: 24px;
    color: #fff;
    opacity: 1
}

.modal-section.section-green p a {
    color: #fff;
    border-bottom: 1px dotted #fff;
    -webkit-transition: all .15s linear;
    transition: all .15s linear
}

.modal-section.section-green p a:hover {
    color: hsla(0,0%,100%,.7);
    border-color: hsla(0,0%,100%,.7)
}

.modal-section.section-green .list-collapse>li>a {
    color: #fff
}

.modal-section.section-green .list-collapse li.active>a,.modal-section.section-green .list-collapse li:hover>a {
    color: hsla(0,0%,100%,.7)
}

.modal-section.section-green .list-collapse>li>a:after,.modal-section.section-green .list-collapse>li>a:before {
    background: #387a36
}

.modal-section.section-green .list-collapse li.active>a:after,.modal-section.section-green .list-collapse li.active>a:before {
    background: hsla(0,0%,100%,.7)
}

@media (min-width: 768px) {
    .page-order .modal-dialog:not(.modal-lg) {
        width:730px
    }

    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%
    }

    .modal-dialog {
        width: 670px
    }

    .modal-content {
        box-shadow: 0 6px 20px rgba(0,0,0,.07)
    }

    .modal-md {
        width: 490px
    }

    .modal-sm {
        width: 392px
    }

    .two-sections {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .modal-section:not(.section-full) {
        width: 50%;
        float: left
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width:900px
    }
}

@media (max-width: 767px) {
    .modal-content {
        margin:0 30px
    }

    .modal-section:not(.section-full) {
        padding: 16px 16px 100px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 12px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.tooltip.in {
    opacity: .98;
    filter: alpha(opacity=98)
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 130px;
    padding: 5px 8px;
    font-size: 11px;
    color: #fff;
    background-color: #2d3544
}

.tooltip-inner b {
    color: #afb3bd;
    font-weight: 400
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #2d3544
}

.tooltip.top-left .tooltip-arrow {
    right: 5px
}

.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #2d3544
}

.tooltip.top-right .tooltip-arrow {
    left: 5px
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #2d3544
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #2d3544
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #2d3544
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #2d3544
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #2d3544
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 14px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    box-shadow: 0 6px 20px rgba(0,0,0,.07)
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover>.arrow,.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover>.arrow {
    border-width: 11px
}

.popover>.arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top>.arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,.25);
    bottom: -11px
}

.popover.top>.arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,.25)
}

.popover.right>.arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff
}

.popover.bottom>.arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,.25);
    top: -11px
}

.popover.bottom>.arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0,0,0,.25)
}

.popover.left>.arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px
}

.carousel,.carousel-inner {
    position: relative
}

.carousel-inner {
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0
}

.carousel-inner>.item {
    display: none;
    position: relative;
    -webkit-transition: left .6s ease-in-out;
    transition: left .6s ease-in-out
}

.carousel-inner>.item>a>img,.carousel-inner>.item>img {
    line-height: 1
}

@media (-webkit-transform-3d),all and (transform-3d) {
    .carousel-inner>.item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }

    .carousel-inner>.item.active.right,.carousel-inner>.item.next {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        left: 0
    }

    .carousel-inner>.item.active.left,.carousel-inner>.item.prev {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        left: 0
    }

    .carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        left: 0
    }
}

.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
    display: block
}

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next,.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner>.next {
    left: 100%
}

.carousel-inner>.prev {
    left: -100%
}

.carousel-inner>.next.left,.carousel-inner>.prev.right {
    left: 0
}

.carousel-inner>.active.left {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: transparent
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,.0001));
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
    background-image: linear-gradient(90deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001));
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1)
}

.carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001),rgba(0,0,0,.5));
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
    background-image: linear-gradient(90deg,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5));
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1)
}

.carousel-control:focus,.carousel-control:hover {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: .9;
    filter: alpha(opacity=90)
}

.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
    display: inline-block
}

.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
    left: 50%;
    margin-left: -10px
}

.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
    right: 50%;
    margin-right: -10px
}

.carousel-control .icon-next,.carousel-control .icon-prev {
    width: 20px;
    height: 20px;
    line-height: 1;
    font-family: serif
}

.carousel-control .icon-prev:before {
    content: '\2039'
}

.carousel-control .icon-next:before {
    content: '\203a'
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000\9;
    background-color: transparent
}

.carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6)
}

.carousel-caption .btn {
    text-shadow: none
}

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev {
        width:30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px
    }

    .carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
        margin-left: -10px
    }

    .carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
        margin-right: -10px
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

.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,.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,.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,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after {
    clear: both
}

@media (min-width: 768px) {
    .clearfix-xs {
        display:none
    }
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

.hide {
    display: none!important
}

.show {
    display: block!important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none!important
}

.affix {
    position: fixed!important
}

@-ms-viewport {
    width: device-width
}

.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block {
    display: none!important
}

@media (max-width: 767px) {
    .visible-xs {
        display:block!important
    }

    table.visible-xs {
        display: table!important
    }

    tr.visible-xs {
        display: table-row!important
    }

    td.visible-xs,th.visible-xs {
        display: table-cell!important
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display:block!important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display:inline!important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display:inline-block!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm {
        display:block!important
    }

    table.visible-sm {
        display: table!important
    }

    tr.visible-sm {
        display: table-row!important
    }

    td.visible-sm,th.visible-sm {
        display: table-cell!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-block {
        display:block!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-inline {
        display:inline!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display:inline-block!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md {
        display:block!important
    }

    table.visible-md {
        display: table!important
    }

    tr.visible-md {
        display: table-row!important
    }

    td.visible-md,th.visible-md {
        display: table-cell!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md-block {
        display:block!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md-inline {
        display:inline!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display:inline-block!important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display:block!important
    }

    table.visible-lg {
        display: table!important
    }

    tr.visible-lg {
        display: table-row!important
    }

    td.visible-lg,th.visible-lg {
        display: table-cell!important
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display:block!important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display:inline!important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display:inline-block!important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display:none!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .hidden-sm {
        display:none!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .hidden-md {
        display:none!important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display:none!important
    }
}

.visible-print {
    display: none!important
}

@media print {
    .visible-print {
        display: block!important
    }

    table.visible-print {
        display: table!important
    }

    tr.visible-print {
        display: table-row!important
    }

    td.visible-print,th.visible-print {
        display: table-cell!important
    }
}

.visible-print-block {
    display: none!important
}

@media print {
    .visible-print-block {
        display: block!important
    }
}

.visible-print-inline {
    display: none!important
}

@media print {
    .visible-print-inline {
        display: inline!important
    }
}

.visible-print-inline-block {
    display: none!important
}

@media print {
    .visible-print-inline-block {
        display: inline-block!important
    }
}

@media print {
    .hidden-print {
        display: none!important
    }
}

p[style="text-align:center;"] {
    display: none
}

.wf-loading .icon,.wf-loading .zmdi {
    opacity: 0;
    visibility: hidden
}

.text-light {
    font-weight: 300
}

@media (min-width: 992px) {
    .top-bar {
        height:32px;
        background: #2e3442
    }
}

#quick-news {
    font-size: 12px
}

#quick-news .carousel-controls>* {
    float: left;
    vertical-align: sub;
    line-height: 32px
}

#quick-news .carousel-controls span {
    text-transform: uppercase;
    font-weight: 800;
    color: #5bc758;
    margin-right: 8px
}

#quick-news .carousel-controls a i {
    display: block;
    font-size: 21px;
    line-height: 24px;
    width: 24px;
    color: #959aa6;
    text-align: center;
    vertical-align: sub
}

#quick-news .carousel-controls a i.svg-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    line-height: 1
}

#quick-news .carousel-controls a i.svg-icon svg {
    margin-top: -2px
}

#quick-news .carousel-inner .item p {
    margin: 0;
    color: #959aa6
}

@media (min-width: 992px) {
    #quick-news .carousel-controls {
        position:absolute;
        left: 8px;
        margin-right: 8px;
        background: #2e3442;
        z-index: 1
    }

    #quick-news .carousel-inner {
        width: auto;
        margin-left: 100px
    }

    #quick-news .carousel-inner .item p {
        font-size: 11px;
        line-height: 32px
    }
}

@media (max-width: 991px) {
    #quick-news {
        padding:10px 16px 16px;
        background: #222630;
        border-radius: 3px
    }

    #quick-news .carousel-inner .item p {
        font-size: 12px;
        line-height: 18px
    }

    #quick-news .carousel-inner {
        width: 100%;
        margin-top: 16px
    }
}

.top-bar-links {
    float: right
}

.top-bar-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block
}

.top-bar-links ul li a {
    display: block;
    line-height: 32px;
    color: #959aa6;
    text-transform: uppercase
}

.top-bar-links ul li:not(:first-of-type) a {
    margin-left: 8px
}

.top-bar-links ul li a:hover {
    color: #5bc758
}

.top-bar-links ul:not(.links-social) li a {
    font-size: 11px;
    padding: 0 8px
}

.top-bar-links ul.links-social li a {
    font-size: 14px;
    margin-left: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.top-bar-links ul.links-social li a i {
    width: 24px;
    line-height: 24px;
    text-align: center
}

.top-bar-links ul.links-social li a i.zmdi-google-plus {
    font-size: 20px
}

.top-bar-links .link-ca {
    font-weight: 700;
    color: #5bc758
}

.top-bar-links .link-ca i {
    font-size: 14px;
    margin-right: 8px;
    vertical-align: text-bottom
}

.avatar.avatar-xs {
    width: 20px;
    height: 20px
}

.top-bar-links .avatar {
    position: relative;
    left: -4px;
    margin-right: 4px;
    margin-top: -2px;
    border-radius: 100%
}

.top-bar-links .dropdown>a {
    position: relative;
    padding-right: 24px!important
}

.top-bar-links .dropdown>a>span {
    position: relative;
    top: -1px;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 90px;
    display: inline-block;
    text-transform: none;
    font-weight: 400
}

.top-bar-links .dropdown>a>i {
    vertical-align: middle;
    margin-left: 10px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 0
}

.top-bar-links .dropdown .dropdown-menu:before {
    left: auto;
    right: 64px
}

.top-bar-links .dropdown .dropdown-menu li {
    float: none
}

.top-bar-links .dropdown .dropdown-menu li a {
    font-size: 14px;
    padding: 0 32px 0 24px;
    line-height: 34px;
    text-transform: none;
    height: auto;
    margin: 0
}

.top-bar-links .dropdown .dropdown-menu li a:not(:hover) {
    color: #5c5f66
}

.top-bar-links .dropdown .dropdown-menu li a>i {
    font-size: 19px;
    margin-right: 8px;
    position: relative;
    top: 1px
}

@media (min-width: 1400px) {
    .top-bar .top-bar-ue {
        position:absolute;
        right: 0;
        top: 0
    }

    .top-bar .row .col-md-6:last-of-type {
        position: static
    }
}

@media (min-width: 1200px) {
    .top-bar .top-bar-ue {
        display:block;
        padding: 5px
    }
}

@media (max-width: 1199px) {
    .top-bar .top-bar-ue {
        display:none
    }
}

@media (min-width: 992px) {
    .top-bar-links .dropdown .dropdown-menu {
        min-width:222px;
        padding: 11px 0;
        left: auto;
        right: -61px
    }

    .top-bar-links li {
        float: left
    }

    .top-bar-links ul li a {
        line-height: 33px;
        height: 32px
    }

    .top-bar-links .links-social {
        margin-left: 8px
    }

    .ca-dropdown:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        opacity: 1
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .top-bar-links .dropdown>a>span {
        max-width:80px
    }
}

@media (max-width: 991px) {
    .top-bar-links {
        margin-top:14px;
        float: none
    }

    .top-bar>.container>.row>.col-md-6:last-of-type {
        position: static
    }

    .top-bar-links>ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .top-bar-links>ul>li {
        display: inline-block
    }

    .top-bar-links .links-social {
        width: 100%;
        text-align: center
    }

    .top-bar-links>ul {
        margin: 0 -4px
    }

    .top-bar-links .dropdown>a>span {
        max-width: 200px;
        font-weight: 600
    }

    .top-bar-links>ul:first-child>li>a {
        padding: 0 8px;
        margin: 0
    }

    .top-bar-links ul li:not(.ca-dropdown) a.link-ca[data-toggle=dropdown] {
        display: none
    }

    .top-bar-links>ul:first-of-type>li:last-of-type {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }

    .top-bar-links>ul:first-of-type>li:last-of-type>a {
        line-height: 50px;
        padding: 0 16px;
        background: #3c4252
    }

    .top-bar-links .dropdown>a>span {
        top: 0
    }

    .top-bar-links .dropdown>a>i {
        right: 9px;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .top-bar-links .dropdown-menu {
        bottom: 60px;
        top: auto;
        width: 100%;
        padding: 8px 0
    }

    .top-bar-links .dropdown-menu:before {
        left: auto;
        right: 12px!important;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        bottom: -7px;
        top: auto
    }

    .top-bar-links .open .dropdown-menu {
        bottom: 50px
    }

    .top-bar-links .dropdown .dropdown-menu li a {
        padding: 0 16px;
        line-height: 40px
    }

    .top-bar-links .avatar {
        left: 0;
        margin-right: 8px
    }
}

@media (max-width: 991px) and (max-height:559px) {
    .top-bar>.container>.row>.col-md-6:last-of-type {
        position:relative
    }

    .top-bar-links>ul:first-of-type>li:last-of-type {
        position: absolute;
        bottom: -72px;
        left: -8px;
        right: -8px
    }
}

@media (min-width: 992px) {
    .page-header {
        position:relative;
        z-index: 101;
        padding-top: 0!important
    }

    .home-page .page-header {
        z-index: 11
    }

    body:not(.scrolled-top) .page-header {
        top: 0!important
    }
}

@media (max-width: 991px) {
    .page-header {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: fixed;
        top: 0!important;
        left: 0;
        z-index: 9;
        height: 100%;
        width: 260px;
        padding: 12px 0 16px;
        background: #2e3442;
        color: #fff;
        -webkit-transform: translate3D(0,0,0);
        transform: translate3D(0,0,0);
        overflow-y: auto;
        overflow-x: hidden;
        opacity: 0;
        transition: opacity .5s
    }

    .main-menu-open .page-header {
        opacity: 1
    }

    .page-header .top-bar {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding: 0 16px
    }

    .page-header .container {
        padding: 0;
        width: 100%
    }
}

.page-navbar .navbar-nav>li>a:not(.btn) {
    display: block;
    position: relative
}

.page-navbar .navbar-nav>li.active>a:not(.btn),.page-navbar .navbar-nav>li>a:not(.btn):hover {
    background: none
}

.page-navbar .navbar-nav>li>a:not(.btn):after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: transparent;
    -webkit-transition: background .2s linear;
    transition: background .2s linear
}

.page-navbar .navbar-nav li.active a:not(.btn):after {
    background: #5bc758
}

@media (min-width: 992px) {
    .page-navbar .navbar-nav>li>.dropdown-toggle,.page-navbar .navbar-nav>li>a:not(.btn) {
        padding:0 8px;
        -webkit-transition: line-height .3s ease-in-out,color .15s linear;
        transition: line-height .3s ease-in-out,color .15s linear
    }
}

@media (max-width: 991px) {
    .page-navbar .navbar-nav>li>a:not(.btn),.page-navbar.primary-navbar .navbar-nav>li>.dropdown-toggle {
        padding:12px 16px
    }

    .page-navbar.primary-navbar .navbar-nav>li>.dropdown-toggle:after,.page-navbar.primary-navbar .navbar-nav>li>a:not(.btn):after {
        height: 100%;
        width: 3px
    }

    .primary-navbar .navbar-nav>li:last-of-type {
        margin-top: 16px
    }
}

@media (min-width: 768px) {
    .page-navbar .navbar-nav>li>a:not(.btn):after {
        height:3px;
        width: 100%
    }
}

@media (max-width: 767px) {
    .page-navbar .navbar-nav>li>a:not(.btn):after {
        height:100%;
        width: 3px
    }
}

.primary-navbar {
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 10;
    margin: 0;
    border: none
}

.primary-navbar .dropdown-menu>li>a {
    padding: 0 32px 0 24px;
    line-height: 40px
}

.primary-navbar .navbar-nav>li>.dropdown-toggle,.primary-navbar .navbar-nav>li>a:not(.btn) {
    font-weight: 700
}

.primary-navbar .navbar-nav>li.active>a:not(.btn),.primary-navbar .navbar-nav>li>a:not(.btn):hover {
    color: #5bc758
}

.panel-image.panel-wide .panel-body .h4 {
    color: #fff
}

@media (max-width: 767px) and (min-width:580px) {
    .panel-image .panel-body .h4 {
        margin-bottom:8px
    }
}

@media (max-width: 767px) {
    .panel-image .panel-body .h4 {
        font-size:16px
    }
}

@media (max-width: 579px) {
    .panel-image .panel-body .h4 {
        margin-bottom:2px
    }
}

.page-navbar.primary-navbar.affix {
    height: 68px
}

.page-navbar.primary-navbar.affix .logo {
    line-height: 65px;
    height: 65px
}

.primary-navbar .nav-cloud-billing .new-product {
    transition: top .3s ease-in-out
}

.page-navbar.primary-navbar.affix .nav-cloud-billing .new-product {
    top: 9px
}

.page-navbar.primary-navbar.affix .nav.navbar-nav>li>.dropdown-toggle,.page-navbar.primary-navbar.affix .nav.navbar-nav>li>a:not(.btn) {
    line-height: 68px
}

.page-navbar.primary-navbar.affix .nav.navbar-nav li a.btn {
    margin-top: 10px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

@media(min-width: 992px) and (max-width:1200px) {
    .primary-navbar .navbar-nav .nav-break {
        display:block
    }

    .primary-navbar .navbar-nav>li>.dropdown-toggle,.primary-navbar .navbar-nav>li>a:not(.btn) {
        height: 84px;
        line-height: 20px!important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

    .page-navbar.primary-navbar.affix .navbar-nav>li>.dropdown-toggle,.page-navbar.primary-navbar.affix .navbar-nav>li>a:not(.btn) {
        height: 68px
    }

    .page-navbar .navbar-nav>li>a:not(.btn),.page-navbar.primary-navbar .navbar-nav>li>.dropdown-toggle {
        padding: 0 12px
    }
}

@media (min-width: 1200px) {
    .primary-navbar .navbar-nav>li>.dropdown-toggle,.primary-navbar .navbar-nav>li>a:not(.btn) {
        margin-left:16px
    }

    .primary-navbar .navbar-nav>li>a.btn {
        margin-left: 24px
    }

    .primary-navbar .navbar-nav>li.dropdown .dropdown-menu .panel-image .panel-header {
        padding: 32px 39px 0
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .primary-navbar .navbar-nav>li>.dropdown-toggle,.primary-navbar .navbar-nav>li>a:not(.btn) {
        margin-left:3px
    }

    .primary-navbar .navbar-nav>li>a.btn {
        margin-left: 16px
    }

    .primary-navbar .navbar-nav>li.dropdown .dropdown-menu .panel-image .panel-header {
        padding: 32px 16px 0
    }
}

@media (min-width: 992px) {
    .primary-navbar {
        top:32px;
        height: 84px;
        background-color: #fff;
        box-shadow: 0 6px 16px rgba(0,0,0,.08);
        z-index: 99;
        -webkit-transition: box-shadow .5s,height .3s ease-in-out;
        transition: box-shadow .5s,height .3s ease-in-out
    }

    .primary-navbar .logo {
        -webkit-transition: height .3s ease-in-out,line-height .3s ease-in-out;
        transition: height .3s ease-in-out,line-height .3s ease-in-out
    }

    .page-navbar.primary-navbar .nav.navbar-nav li a.btn {
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

    .primary-navbar.is-fixed {
        position: fixed!important
    }

    .primary-navbar .navbar-nav li.dropdown {
        position: static
    }

    .primary-navbar .navbar-nav>li.dropdown .dropdown-menu {
        width: 100%;
        text-align: center;
        background-color: #e8ebed;
        box-shadow: 0 20px 40px rgba(0,0,0,.2);
        -webkit-box-shadow: 0 20px 40px rgba(0,0,0,.2);
        padding: 64px 0
    }

    .primary-navbar .navbar-nav .col-md-3,.primary-navbar .navbar-nav>li.dropdown .dropdown-menu .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .primary-navbar .navbar-nav>li.dropdown .dropdown-menu a.panel-image {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        box-shadow: none;
        -webkit-box-shadow: none;
        margin-bottom: 0
    }

    .primary-navbar .navbar-nav>li.dropdown .dropdown-menu a.panel-image:hover {
        box-shadow: 0 6px 14px rgba(0,0,0,.1);
        -webkit-box-shadow: 0 6px 14px rgba(0,0,0,.1)
    }

    .primary-navbar .navbar-nav>li.dropdown .dropdown-menu .panel-image .panel-header img {
        width: 200px;
        height: 134px
    }

    .primary-navbar .navbar-nav .dropdown-menu a.panel-image .panel-header {
        height: auto;
        transition: transform .3s ease-out;
        -webkit-transition: transform .3s ease-out
    }

    .primary-navbar .navbar-nav>li.dropdown .dropdown-menu a.panel-image:hover .panel-body,.primary-navbar .navbar-nav>li.dropdown .dropdown-menu a.panel-image:hover:not(.panel-wide) .panel-header {
        transform: translateY(-12px);
        -webkit-transform: translateY(-12px)
    }

    .primary-navbar .navbar-nav .dropdown-menu .panel-image .panel-body {
        padding: 16px;
        -webkit-transition: transform .3s ease-out;
        transition: transform .3s ease-out;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%
    }

    .primary-navbar .navbar-nav>li.dropdown .dropdown-menu .panel-image .panel-body h6 {
        font-weight: 700;
        line-height: 24px
    }

    .primary-navbar .navbar-nav>li.dropdown .dropdown-menu .panel-image .panel-body p {
        font-size: 13px;
        line-height: 22px
    }

    .primary-navbar .navbar-nav>li.dropdown .dropdown-menu .panel-image .panel-body .learn-more {
        position: static;
        margin-top: auto;
        padding-top: 16px;
        -webkit-transition-property: opacity,-webkit-transform;
        transition-property: opacity,-webkit-transform;
        transition-property: transform,opacity;
        transition-property: transform,opacity,-webkit-transform
    }

    .primary-navbar .dropdown-menu:before {
        border: none
    }

    .primary-navbar .navbar-nav>li.dropdown.open .dropdown-toggle {
        position: relative
    }

    .primary-navbar .navbar-nav>li.dropdown.open .dropdown-toggle:before {
        display: block;
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
        -webkit-animation-duration: .2s;
        animation-duration: .2s
    }

    .primary-navbar .navbar-nav>li.dropdown .dropdown-toggle:before {
        display: none;
        content: '';
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 0;
        height: 0;
        margin-left: -8px;
        vertical-align: middle;
        border-bottom: 8px solid #e8ebed;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent
    }

    .primary-navbar .navbar-nav .dropdown-toggle .caret {
        display: none
    }

    .primary-navbar .navbar-nav {
        float: right
    }

    .primary-navbar .navbar-nav>li>.dropdown-toggle,.primary-navbar .navbar-nav>li>a:not(.btn) {
        line-height: 84px;
        color: #2e3442
    }

    .primary-navbar .navbar-nav>li>a.btn {
        margin-top: 18px
    }

    .page-backdrop {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #2e3442;
        opacity: 0;
        visibility: hidden;
        z-index: -1;
        transition: .2s linear
    }

    .has-backdrop .page-backdrop {
        z-index: 10;
        opacity: .92;
        visibility: visible
    }
}

@media (min-width: 992px) {
    .primary-navbar.affix {
        top:0;
        background: #fff;
        box-shadow: 0 3px 15px 0 rgba(0,0,0,.1)
    }
}

@media (max-width: 991px) {
    .primary-navbar {
        position:static
    }

    .primary-navbar .dropdown-menu {
        transition: none;
        -webkit-transition: none
    }

    .primary-navbar .dropdown-menu>li>a {
        color: #fff
    }

    .primary-navbar .navbar-nav .panel {
        background: transparent;
        box-shadow: none;
        -webkit-box-shadow: none;
        margin-bottom: 0
    }

    .primary-navbar .navbar-nav .panel-body .learn-more,.primary-navbar .navbar-nav .panel-body p,.primary-navbar .navbar-nav .panel-header {
        display: none
    }

    .primary-navbar .navbar-nav .panel-body {
        padding: 0
    }

    .primary-navbar .navbar-nav .panel-body h6 {
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        line-height: 40px;
        padding-left: 27px;
        margin: 0
    }

    .primary-navbar .dropdown-menu:before {
        display: none
    }

    .primary-navbar .navbar-nav .open .dropdown-menu {
        border-left: 1px solid #40495c;
        margin-left: 16px
    }

    .primary-navbar .navbar-nav .open .dropdown-menu>li>a {
        line-height: 40px
    }

    .primary-navbar .navbar-nav>li:last-of-type {
        margin: 24px 16px 16px
    }

    .primary-navbar .navbar-nav>li>.dropdown-toggle,.primary-navbar .navbar-nav>li>a:not(.btn) {
        font-size: 14px;
        color: #fff
    }

    .primary-navbar .navbar-nav>li>a.btn {
        width: 100%;
        padding: 11px 16px;
        font-size: 14px;
        min-height: 1px
    }

    .primary-navbar .navbar-nav .dropdown-toggle .caret {
        margin-left: 16px;
        border-top-color: #737c90;
        border-right-width: 3px;
        border-left-width: 3px
    }

    .primary-navbar .navbar-nav .active .dropdown-menu,.primary-navbar .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        border-left-width: 0;
        border-left-style: none;
        border-left-color: currentcolor;
        box-shadow: none;
        opacity: 1;
        visibility: visible
    }
}

@media (max-width: 767px) {
    .navbar-nav .active .dropdown-menu,.navbar-nav .open .dropdown-menu {
        position:static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        border-left-width: 0;
        border-left-style: none;
        border-left-color: currentcolor;
        box-shadow: none;
        opacity: 1;
        visibility: visible
    }
}

.page-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 576px
}

.page-filename-upgrade .page-bg {
    height: 625px
}

.secondary-navbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid hsla(0,0%,100%,.1);
    z-index: 99999
}

.secondary-navbar:not(.affix) {
    top: 0!important
}

.secondary-navbar:after {
    content: '';
    clear: both;
    display: block
}

.secondary-navbar .container {
    padding: 0
}

.page-order .secondary-navbar {
    top: 0!important
}

.secondary-navbar-toggle {
    display: none;
    margin: 8px 0 0;
    padding: 8px;
    background: none;
    border: 0;
    box-shadow: none;
    outline: none;
    color: rgba(221,238,255,.8);
    font-size: 24px
}

.secondary-navbar-toggle i {
    width: 24px
}

.secondary-navbar-toggle:hover,.secondary-navbar .mobile-content>.dropdown.open .secondary-navbar-toggle {
    color: #fff
}

.affix .secondary-navbar-toggle {
    color: #2e3442
}

.affix .secondary-navbar-toggle:hover,.secondary-navbar.affix .mobile-content>.dropdown.open .secondary-navbar-toggle {
    color: #5bc758
}

.secondary-navbar ul>li>a>.zmdi-check {
    display: none
}

.secondary-navbar .dropdown-menu li a .badge {
    margin-left: 8px;
    vertical-align: 2px
}

.page-complete .page-subnav {
    display: none
}

.secondary-navbar .btn-icon .icon-search {
    font-size: 22px
}

.secondary-navbar .navbar-account .zmdi-power {
    font-size: 24px;
    margin-right: 12px;
    position: relative;
    top: 4px;
    margin-top: 0!important
}

.secondary-navbar ul>li.active>a#promotion-menu-btn {
    color: #ff8e2b!important;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.secondary-navbar ul>li.active>a#promotion-menu-btn:hover {
    color: #ff9e49!important
}

.secondary-navbar #promotion-menu-btn .badge,.secondary-navbar #promotion-menu-btn:after {
    background: #ff8e2b
}

@media (min-width: 1200px) {
    .secondary-navbar ul.navbar-left>li {
        margin-right:16px
    }

    .secondary-navbar ul.navbar-right>li {
        margin-left: 16px
    }

    .secondary-navbar .mobile-content>.dropdown {
        float: right
    }

    .secondary-navbar #promotion-menu-btn .badge {
        position: absolute!important;
        top: 7px;
        right: -10px
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .secondary-navbar .mobile-content>.dropdown {
        float:right;
        padding-right: 72px
    }

    .page-product-view .secondary-navbar .mobile-content>.dropdown {
        margin-right: 39px
    }
}

@media (min-width: 768px) and (max-width:1199px) {
    .secondary-navbar-toggle {
        display:inline-block
    }

    .secondary-navbar ul.navbar-left>li {
        margin-right: 8px
    }

    .secondary-navbar .dropdown ul.navbar-right {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        float: left;
        min-width: 250px;
        padding: 8px 0;
        margin: 0;
        list-style: none;
        font-size: 14px;
        text-align: left;
        background-color: #fff;
        box-shadow: 0 11px 30px 0 rgba(0,0,0,.3)
    }

    .secondary-navbar .dropdown ul.navbar-right:before {
        content: '';
        position: absolute;
        top: -8px;
        right: 59px;
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: -8px;
        vertical-align: middle;
        border-bottom: 8px solid #fff;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent
    }

    .secondary-navbar .dropdown ul.navbar-right li {
        float: none
    }

    .secondary-navbar .dropdown-mobile .dropdown ul.navbar-right>li>a:not(.btn) {
        position: relative;
        padding: 0 32px 0 24px;
        line-height: 40px;
        display: block;
        color: #333
    }

    .secondary-navbar .dropdown-mobile .dropdown ul.navbar-right>li>a:not(.btn):after {
        height: 100%;
        width: 3px
    }

    .secondary-navbar .dropdown-mobile .dropdown ul.navbar-right>li>a:not(.btn):hover {
        color: #5bc658
    }

    .secondary-navbar .open ul.navbar-right {
        display: block;
        right: 25px;
        left: auto
    }
}

@media (min-width: 992px) {
    .secondary-navbar.affix {
        top:0;
        background: #fff;
        box-shadow: 0 3px 15px 0 rgba(0,0,0,.1)
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .secondary-navbar .mobile-content>.dropdown {
        float:right
    }

    .secondary-navbar .open ul.navbar-right {
        left: auto;
        right: -7px
    }

    .secondary-navbar .dropdown ul.navbar-right:before {
        left: auto;
        right: 18px
    }
}

@media (min-width: 768px) {
    .secondary-navbar {
        height:56px
    }

    .secondary-navbar .dropdown-mobile {
        height: auto!important
    }

    .secondary-navbar .navbar-nav>li {
        float: left
    }

    .secondary-navbar .navbar-nav>li>a:not(.btn) {
        line-height: 56px;
        color: rgba(221,238,255,.8);
        padding: 0 8px
    }

    .secondary-navbar.affix .navbar-nav>li>a:not(.btn) {
        color: #2e3442
    }

    .secondary-navbar.affix .navbar-nav>li.active>a:not(.btn),.secondary-navbar.affix .navbar-nav>li.active>a>.icon,.secondary-navbar.affix .navbar-nav>li.hoverd>a>.icon,.secondary-navbar.affix .navbar-nav>li.hovered>a:not(.btn),.secondary-navbar.affix .navbar-nav>li.open>a:not(.btn),.secondary-navbar.affix .navbar-nav>li.open>a>.icon,.secondary-navbar.affix .navbar-nav>li:hover>a:not(.btn),.secondary-navbar.affix .navbar-nav>li:hover>a>.icon {
        color: #5bc758
    }

    .secondary-navbar .navbar-nav>li>a>.icon {
        position: relative;
        top: 2px;
        display: inline-block;
        width: 24px;
        height: 24px;
        margin-right: 8px;
        line-height: 24px;
        font-size: 22px;
        vertical-align: sub;
        text-align: center
    }

    .secondary-navbar.affix .navbar-nav>li>a>.icon {
        color: #a5aab7
    }

    .secondary-navbar ul.navbar-left>li>a {
        font-weight: 700;
    }

    .secondary-navbar ul.navbar-left>li:first-of-type>a>.zmdi-home,.secondary-navbar ul.navbar-left>li>a:not(.btn) .badge {
        display: none
    }

    .secondary-navbar .navbar-nav>li.active>a,.secondary-navbar .navbar-nav>li.hovered>a,.secondary-navbar .navbar-nav>li>a:hover {
        color: #fff
    }

    .secondary-navbar .navbar-nav>.dropdown>.dropdown-menu {
        padding: 8px 0;
        min-width: 250px
    }

    .secondary-navbar .navbar-nav>.dropdown>.dropdown-menu>li {
        position: static;
        width: 250px
    }

    .body:not(.touchable) .secondary-navbar .navbar-nav>.dropdown .dropdown-menu>li.hovered,.body:not(.touchable) .secondary-navbar .navbar-nav>.dropdown .dropdown-menu>li.open {
        margin-right: 300px
    }

    .secondary-navbar .dropdown-menu li a:not(.btn) {
        position: relative;
        padding: 0 32px 0 24px;
        line-height: 40px;
        color: #5c5f66
    }

    .cart-dropdown .dropdown-menu>ul>li:hover,.secondary-navbar .dropdown-menu li.hovered a,.secondary-navbar .dropdown-menu li.open a,.secondary-navbar .dropdown-menu li a:hover {
        color: #5bc658
    }

    .secondary-navbar .dropdown-menu li a i {
        color: #a1abb2
    }

    .secondary-navbar .dropdown-menu li a:not(.btn)>i {
        font-size: 19px
    }

    .secondary-navbar .dropdown-menu li a i.zmdi-chevron-right {
        position: absolute;
        right: 20px;
        line-height: 40px
    }

    .touchable .secondary-navbar .dropdown-menu li a i.zmdi-chevron-right {
        display: none
    }

    .secondary-navbar>.navbar-nav>.dropdown>.dropdown-menu>li>a {
        color: #5c5f66
    }

    .secondary-navbar .navbar-nav>.dropdown>.dropdown-menu .dropdown-menu {
        top: 0;
        left: 250px;
        width: 300px;
        padding: 5px 0 0;
        box-shadow: 20px 11px 50px -10px rgba(0,0,0,.3);
        height: 100%;
        background: #e9edf2
    }

    .secondary-navbar .navbar-nav>.dropdown>.dropdown-menu .dropdown-menu a {
        color: #737780
    }

    .secondary-navbar .dropdown-menu li.active>a,.secondary-navbar .dropdown-menu li.active>a i,.secondary-navbar .navbar-nav>.dropdown>.dropdown-menu .dropdown-menu .active a,.secondary-navbar .navbar-nav>.dropdown>.dropdown-menu .dropdown-menu a:hover {
        color: #59c356
    }

    .secondary-navbar .dropdown-menu li.active>a .badge {
        background: #59c356;
        border-color: #59c356;
        color: #fff
    }

    .secondary-navbar .container {
        position: relative
    }

    .secondary-navbar #cart-preview {
        position: absolute;
        right: 15px;
        top: 7px
    }

    .secondary-navbar .cart-dropdown .dropdown-menu {
        right: -8px;
        top: 125%
    }

    .secondary-navbar .cart-dropdown.open .dropdown-menu {
        top: 115%
    }

    .secondary-navbar .btn-icon:not(.btn-sm).badge-hidden .badge {
        display: none
    }

    .secondary-navbar .btn-icon:not(.btn-sm) .badge {
        -webkit-transition: transform .35s;
        transition: transform .35s
    }

    .secondary-navbar .btn-icon:not(.btn-sm).add .badge {
        transform: scale(2.5);
        -webkit-transform: scale(2.5);
        -moz-transform: scale(2.5)
    }

    .secondary-navbar.affix .btn-icon:not(.btn-sm) {
        color: #2e3442
    }

    .secondary-navbar .btn-icon.active {
        background: #54b851
    }

    .secondary-navbar.affix .btn-icon.active {
        color: #fff
    }

    .secondary-navbar .btn-icon.active:after,.secondary-navbar .btn-icon.active:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        background: #54b851;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%
    }

    .secondary-navbar .btn-icon.active:before {
        width: calc(100% + 16px);
        height: calc(100% + 16px);
        margin-left: calc(-50% - 8px);
        margin-top: calc(-50% - 8px);
        opacity: .1
    }

    .secondary-navbar .btn-icon.active:after {
        width: calc(100% + 32px);
        height: calc(100% + 32px);
        margin-left: calc(-50% - 16px);
        margin-top: calc(-50% - 16px);
        opacity: .05
    }

    .secondary-navbar .btn-icon .badge {
        box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
        line-height: 18px
    }

    .secondary-navbar .btn-icon.active .badge {
        background: #67e063
    }

    .dropdown-mobile>a:not(.btn) {
        display: none
    }

    .page-product-view .navbar-right {
        padding-right: 111px
    }
}

@media (max-width: 991px) {
    .secondary-navbar #cart-preview {
        display:none
    }

    .product-search {
        right: 0
    }

    .page-product-view .mobile-content>.dropdown {
        margin-right: 32px
    }
}

.product-search {
    position: absolute;
    right: 56px;
    top: 8px;
    width: 40px;
    height: 40px
}

.secondary-navbar .btn-icon:not(.btn-sm) {
    color: #fff
}

.product-search .form-control {
    border: 0;
    height: 40px;
    color: #00000a
}

.product-search .input-group {
    position: absolute;
    top: 0;
    right: 0;
    width: 400px;
    background: #fff;
    padding-right: 40px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s linear;
    -moz-transition: opacity linear .2s;
    -webkit-transition: opacity .2s linear
}

.product-search .input-group.active {
    opacity: 1;
    visibility: visible
}

.product-search .input-group>.btn-icon {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 24px;
    color: #2e3442
}

.product-search .input-group-btn>a {
    position: relative;
    display: block;
    white-space: nowrap;
    padding: 0 15px;
    font-size: 12px;
    line-height: 40px;
    color: #5c5f66;
    width: 134px
}

.product-search .input-group-btn a i {
    margin-left: 16px;
    font-size: 19px;
    vertical-align: sub
}

.product-search .input-group-btn a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    height: 18px;
    width: 1px;
    margin-top: -9px;
    background: #e1e4e6
}

.product-search .input-group-btn .dropdown-menu {
    right: -40px;
    left: auto;
    width: 174px
}

.product-search>.dropdown-menu {
    right: 0;
    left: auto;
    width: 400px;
    max-height: 400px
}

.product-search .dropdown-menu {
    top: 125%
}

.product-search.open .dropdown-menu,.product-search .open .dropdown-menu {
    top: 115%
}

.product-search .dropdown-menu li a {
    font-size: 12px;
    line-height: 32px!important
}

@media (max-width: 767px) {
    .product-search>.dropdown-menu {
        width:320px
    }

    .secondary-navbar {
        height: 48px
    }

    .page-order .secondary-navbar {
        height: 56px
    }

    .secondary-navbar .navbar-nav>li>a:not(.btn) {
        padding: 0 20px
    }

    .secondary-navbar .navbar-left {
        padding-bottom: 8px;
        border-bottom: 1px solid #e9ecf1
    }

    .secondary-navbar .navbar-right {
        padding: 7px 0
    }

    .secondary-navbar ul>li>a:not(.btn) {
        position: relative;
        margin: 0;
        padding: 0 20px;
        line-height: 38px;
        color: #2e3442
    }

    .secondary-navbar .mobile-content>ul>li>a>i:first-of-type {
        display: inline-block;
        margin-right: 12px;
        margin-top: 7px;
        vertical-align: top;
        color: #a3a8b5
    }

    .secondary-navbar ul>li>a>.icon {
        font-size: 22px
    }

    .secondary-navbar .navbar-left>li>a {
        font-weight: 700
    }

    .secondary-navbar ul>li.active>a,.secondary-navbar ul>li.active>a i,.secondary-navbar ul>li a.active-category-leaf {
        color: #5bc758!important
    }

    .secondary-navbar ul>li>ul>a.active-category-leaf,.secondary-navbar ul>li>ul>li.active>a {
        font-weight: 300!important
    }

    .secondary-navbar ul>li.active>a:not(.btn):after,.secondary-navbar ul>li.open>a:not(.btn):after {
        background: #5bc758
    }

    .secondary-navbar ul>li>a>.badge {
        position: absolute;
        right: 16px;
        top: 50%;
        margin-top: -8px
    }

    .secondary-navbar ul>li.active>a>.badge,.secondary-navbar ul>li a.active-category-leaf>.badge {
        color: #fff;
        background: #5bc758;
        border-color: #5bc758
    }

    .secondary-navbar ul>li.active .dropdown-menu,.secondary-navbar ul>li.open .dropdown-menu {
        margin: 5px 0 5px 43px;
        padding: 0
    }

    .secondary-navbar ul>li.active>.dropdown-menu>li a,.secondary-navbar ul>li.open>.dropdown-menu>li a {
        font-size: 13px;
        padding: 5px 16px;
        line-height: 20px
    }

    .secondary-navbar ul>li .dropdown-menu .dropdown-menu {
        border-left: 1px solid #e9ecf1;
        margin-left: 16px
    }

    .secondary-navbar ul>li .zmdi-home {
        font-size: 25px
    }

    .secondary-navbar ul li a .zmdi-chevron-right {
        display: none
    }

    .dropdown-mobile>a:not(.btn) {
        display: block;
        position: relative;
        width: 100%;
        padding: 0 40px 0 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 48px;
        color: rgba(221,238,255,.8)
    }

    .page-product-view .dropdown-mobile>a:not(.btn) {
        padding-right: 88px
    }

    .dropdown-mobile>a:not(.btn) span.active {
        font-weight: 700;
        color: #fff
    }

    .dropdown-mobile>a:not(.btn) span {
        position: relative
    }

    .dropdown-mobile>a:not(.btn)>span:not(:last-of-type) {
        margin-right: 8px
    }

    .dropdown-mobile>a:not(.btn) span:not(:last-of-type):after {
        content: '\f301';
        font-family: Material-Design-Iconic-Font;
        font-size: 12px;
        margin-left: 8px
    }

    .page-product-view .dropdown-mobile>a:not(.btn) {
        color: rgba(221,238,255,.8)
    }

    .dropdown-mobile>a>i {
        position: absolute;
        right: 20px;
        top: 0;
        line-height: 48px;
        font-size: 24px
    }

    .page-product-view .dropdown-mobile>a>i {
        right: 60px
    }

    .dropdown-mobile:not(.open)>a>i.zmdi-close {
        display: none
    }

    .open.dropdown-mobile>a:not(.btn) {
        background: #e9ecf1;
        color: #a1a6b2
    }

    .open.dropdown-mobile>a:not(.btn) span.active {
        color: #2e3442
    }

    .open.dropdown-mobile>a>i.zmdi-chevron-down {
        display: none
    }

    .dropdown-mobile .mobile-content {
        position: fixed;
        top: 108px;
        left: 0;
        right: 0;
        bottom: 0;
        display: none;
        overflow-y: auto;
        padding: 9px 0 68px;
        z-index: 991;
        background: #fff
    }

    .open.dropdown-mobile .mobile-content {
        display: block
    }

    .dropdown-mobile .mobile-content:after {
        position: fixed;
        content: " ";
        left: 0;
        bottom: 0;
        height: 84px;
        width: 100%;
        background: #fff;
        background: -webkit-linear-gradient(270deg,#fff 80%,hsla(0,0%,100%,.5));
        background: linear-gradient(0deg,#fff 80%,hsla(0,0%,100%,.5))
    }

    .dropdown-mobile .navbar-nav .dropdown>.dropdown-menu {
        display: none
    }

    .dropdown-mobile .navbar-nav .dropdown.active>.dropdown-menu,.dropdown-mobile .navbar-nav .dropdown.open>.dropdown-menu {
        display: block
    }

    .dropdown-mobile .divider {
        display: none
    }

    .product-search {
        top: 4px;
        right: 7px
    }

    .no-scroll .product-search .icon-search {
        color: #a1a6b2
    }

    .product-search .input-group {
        width: 320px
    }
}

#choose-page {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    left: 20px;
    z-index: 992
}

.open #choose-page {
    display: block
}

.secondary-navbar .navbar-steps {
    float: none
}

.secondary-navbar .navbar-steps>li.step {
    display: inline-block
}

.secondary-navbar .navbar-steps>li>a {
    font-weight: 700;
    padding: 0 8px
}

.secondary-navbar .navbar-steps>li.step>a {
    color: rgba(221,238,255,.8);
    line-height: 56px
}

.secondary-navbar .navbar-steps>.step.active>a,.secondary-navbar .navbar-steps>.step.done>a {
    color: #fff!important
}

.secondary-navbar .navbar-steps .step.active a:after {
    display: none
}

.navbar-steps .step .step-number {
    position: absolute;
    left: 0;
    border: 1px solid rgba(139,176,213,.5);
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    text-align: center
}

.navbar-steps .step.active .step-number,.navbar-steps .step.done .step-number {
    border: 0;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#6ad15c),color-stop(50%,#5bc758),color-stop(100%,#52ba54));
    background: -webkit-linear-gradient(160deg,#52ba54,#5bc758 50%,#6ad15c);
    background: linear-gradient(340deg,#52ba54,#5bc758 50%,#6ad15c);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#6ad15c',endColorstr='#52ba54',GradientType=0);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.15)
}

.navbar-steps .step.done .step-number {
    font-size: 24px;
    color: #fff
}

.secondary-navbar .navbar-steps>li:not(.step) a i {
    margin-left: 8px
}

@media (min-width: 768px) {
    .navbar-steps .step .step-number {
        top:8px;
        width: 40px;
        height: 40px;
        line-height: 38px
    }

    .navbar-steps .step.active .step-number,.navbar-steps .step.done .step-number {
        line-height: 40px
    }

    .secondary-navbar .navbar-steps>li.step {
        padding-right: 42px
    }

    .secondary-navbar .navbar-steps>li.step>a {
        padding-left: 48px
    }
}

@media (max-width: 767px) {
    .secondary-navbar .navbar-steps {
        padding:0 20px
    }

    .secondary-navbar .navbar-steps>li.step {
        vertical-align: top;
        padding-right: 0;
        margin-right: 16px
    }

    .secondary-navbar .navbar-steps>li.step:nth-of-type(3) {
        margin-right: 0
    }

    .secondary-navbar .navbar-steps>li.step:nth-of-type(3) a {
        padding-right: 0
    }

    .secondary-navbar .navbar-steps>li.step>a {
        padding-left: 44px
    }

    .navbar-steps .step .step-number {
        top: 12px;
        width: 32px;
        height: 32px;
        line-height: 30px
    }

    .navbar-steps .step.active .step-number,.navbar-steps .step.done .step-number {
        line-height: 32px
    }

    .secondary-navbar .navbar-steps>li:not(.step) {
        display: none
    }
}

@media (max-width: 579px) {
    .secondary-navbar .navbar-steps>li.step {
        margin-right:8px
    }

    .secondary-navbar .navbar-steps>li.step:not(.active) {
        width: 32px
    }

    .secondary-navbar .navbar-steps>li.step:not(.active) .step-title {
        display: none
    }
}

.page-wrapper {
    position: relative;
    z-index: 10;
    background: #fff;
    -webkit-transition: opacity .5s,-webkit-box-shadow .5s,-webkit-transform .5s;
    transition: opacity .5s,box-shadow .5s,transform .5s;
    filter: alpha(opacity=100)
}

.marketplace-page .page-wrapper,.page-clientarea .page-wrapper {
    background: #e9edf2
}

.product-info-expanded .page-content,.product-info-expanded .page-wrapper {
    z-index: 100
}

@media (min-width: 992px) {
    .page-wrapper {
        margin-top:84px;
        min-height: calc(100vh - 112px)
    }
}

@media (max-width: 991px) {
    body.main-menu-open .mobile-header,body.main-menu-open .page-wrapper {
        -webkit-transform:translateX(260px);
        transform: translateX(260px);
        -ms-transform: translateX(260px);
        overflow: hidden
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .page-wrapper {
        margin-top:72px
    }
}

@media (max-width: 767px) {
    .page-wrapper {
        margin-top:60px;
        overflow-x: hidden
    }

    .no-scroll,.no-scroll .page-wrapper {
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        overflow: hidden
    }

    .no-scroll {
        overflow: hidden
    }
}

@media (min-width: 992px) {
    .mobile-header {
        display:none
    }
}

@media (max-width: 991px) {
    .mobile-header {
        position:absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 12;
        background: #fff;
        box-shadow: 0 5px 20px 0 rgba(0,0,0,.15);
        -webkit-transition: -webkit-transform .5s;
        transition: transform .5s
    }

    .mobile-header .container {
        position: relative
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .mobile-header {
        height:72px
    }
}

@media (max-width: 767px) {
    .mobile-header {
        height:60px
    }
}

.page-loader {
    position: absolute;
    background: rgba(0,74,149,.6);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 7
}

.page-loader .spinner {
    position: fixed;
    top: 500px;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    border-width: 6px
}

.page-free .page-banner,.page-order .page-banner,.page-promotions .page-banner,.page-top-10 .page-banner {
    padding-bottom: 11px
}

body:not(.home-page) .page-bg:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    background: url(../img/circuit.png);
    opacity: 1;
    background-position: bottom
}

.about-us-page .page-banner>span,.page-banner:before,.section-timeline>span:not(.bg-fill) {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    content: "";
    background: url(../img/banner-bg.jpg);
    opacity: .2;
    -webkit-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out
}

.about-us-page .page-banner>span.opacity,.banner-bg .layer.opacity,.section-timeline>span.opacity {
    opacity: 0
}

.about-us-page .page-banner:before {
    display: none
}

.about-us-page .page-banner>span {
    background: url(../img/team-2022-min.png) no-repeat;
    opacity: .75;
    background-position: bottom;
    -webkit-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out
}

.banner-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.banner-bg .layer {
    position: absolute;
    top: -40px!important;
    left: -40px!important;
    width: calc(100% + 80px);
    height: calc(100% + 40px);
    display: block;
    content: "";
    background: url(../img/circuit.png);
    opacity: 1;
    background-position-x: center;
    -webkit-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out
}

.bg-fill {
    position: absolute;
    top: 688px;
    bottom: 0;
    width: 100%;
    height: calc(100% - 688px)
}

.bg-fill:before {
    content: '';
    height: 65px;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,61,146,0)),color-stop(100%,#003f9d));
    background: -webkit-linear-gradient(270deg,rgba(0,61,146,0),#003f9d);
    background: linear-gradient(180deg,rgba(0,61,146,0),#003f9d);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#003d92',endColorstr='#003f9d',GradientType=0);
    width: 100%;
    display: block
}

.bg-fill:after {
    content: '';
    height: calc(100% - 65px);
    display: block;
    background: #003f9d
}

.software-development .page-banner {
    background: -webkit-linear-gradient(160deg,#0073d1,#00418c);
    background: linear-gradient(160deg,#0073d1,#00418c)
}

.about-us-page .page-bg,.custom-form-page .page-banner:before,.development-page .page-banner:before,.development-page .page-bg,.enterprise-page .page-banner:before,.enterprise-page .page-bg,.faq-page .page-banner:before,.home-page .page-banner:before,.home-page .page-bg,.marketplace-page .page-banner:before,.support-page .page-banner:before,.terms-page .page-banner:before {
    display: none
}

.support-page .page-search {
    padding: 16px 0 40px
}

.banner-flexible {
    margin-bottom: 23px
}

.page-banner {
    position: relative
}

body:not(.page-product-view) .page-banner {
    z-index: 8
}

.page-banner .banner-title {
    position: relative;
    text-align: center;
    margin-top: -11px
}

.marketplace-page .banner-title,.page-clientarea .banner-title {
    margin-top: 0
}

.home-page .page-banner .banner-title.opacity {
    opacity: 0
}

.home-page .page-banner .banner-title {
    opacity: 1;
    z-index: 1;
    -webkit-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out
}

.page-banner .banner-title h1 {
    margin: 0 0 31px;
    color: #fff;
    font-size: 48px;
    text-shadow: 0 6px 16px rgba(0,0,0,.08);
    line-height: 56px
}

.marketplace-page .banner-title h1 {
    margin: 0 0 17px;
    font-size: 32px;
    line-height: 1
}

.home-page .page-banner .banner-title h1 {
    font-size: 42px;
    margin: 0 0 17px;
    font-weight: 300;
    line-height: 1
}

.terms-page .page-banner h1 {
    margin-bottom: 0
}

.page-banner .banner-title h1 span {
    font-weight: 300
}

.page-banner .banner-title h1 b {
    font-weight: 800
}

.home-page .page-banner .banner-title h1 span {
    display: block;
    margin: 8px 0 -4px;
    font-size: 112px;
    font-weight: 900;
    text-transform: uppercase
}

.page-banner .banner-title .lead {
    line-height: 26px;
    margin: 0 0 29px;
    font-weight: 300;
    color: #abd0f5;
    max-width: 820px;
    margin-left: auto;
    margin-right: auto
}

.page-banner .banner-title .lead,.section-blue .section-desc,.section-stats .desc {
    color: rgba(221,238,255,.9);
    font-weight: 400
}

.banner-title .lead span {
    color: #ff8e2b;
    font-weight: 700
}

.page-search form {
    display: block;
    width: 100%;
    margin: 0 auto
}

.page-search .btn-clear {
    display: none
}

.page-search .form-control {
    color: #2e3442;
    border: 0;
    box-shadow: 0 8px 16px rgba(0,0,0,.05)
}

.banner-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: -24px;
    right: 0;
    left: 0;
    overflow: hidden;
    background: #fff
}

.banner-slider .slider-content {
    margin: 0;
    padding: 8px 11px 8px 23px;
    list-style: none;
    white-space: nowrap;
    width: 100%
}

.banner-slider .slider-content .content-item {
    width: 80px;
    height: 75px;
    float: left;
    text-align: center;
    position: relative
}

.banner-slider .slider-content .content-item-plesk {
    width: 60px;
    margin-left: 8px
}

.banner-slider .slider-content a {
    padding: 16px;
    display: block;
    height: 80px;
    position: relative
}

.banner-slider>.slider-content>.content-item:nth-of-type(3)>a,.banner-slider>.slider-content>.content-item:nth-of-type(4)>a,.banner-slider>.slider-content>.content-item:nth-of-type(5)>a,.banner-slider>.slider-content>.content-item:nth-of-type(10)>a,.banner-slider>.slider-content>.content-item:nth-of-type(11)>a,.banner-slider>.slider-content>.content-item:nth-of-type(14)>a {
    padding-left: 15px
}

.banner-slider .slider-content a:hover i:before {
    opacity: 1
}

.banner-section .incredible-machine {
    margin-top: -54px;
    margin-bottom: 0
}

.banner-section .section-desc,.banner-section .section-title {
    color: #fff
}

.banner-section .section-actions {
    padding-top: 20px
}

.banner-section .section-actions [class*=col-] .btn {
    display: block
}

.banner-slider .systems,.banner-slider .systems:before {
    background-repeat: no-repeat;
    background-position: 50%;
    height: 100%;
    display: block;
    transition: .15s linear;
    width: auto
}

.banner-slider .systems:before {
    opacity: 0;
    content: "";
    -webkit-transition: .15s linear
}

.banner-slider .content-item:hover .systems:before {
    opacity: 1
}

@media (min-width: 1200px) {
    .page-banner {
        padding-top:104px
    }

    .development-page .page-banner,.terms-page .page-banner {
        padding-bottom: 88px
    }

    .about-us-page .page-banner {
        padding-bottom: 410px
    }

    .home-page .page-banner .banner-title {
        margin-top: -36px
    }

    .banner-flexible {
        max-height: 796px
    }

    .banner-flexible>.container {
        margin-top: -152px
    }

    .banner-title .title-actions {
        margin-top: 46px
    }

    .home-page .page-banner .banner-slider {
        width: 1160px;
        left: 50%;
        margin-left: -580px;
        height: 153px
    }

    .banner-slider .slider-content .flickity-slider {
        transform: none!important
    }

    .home-page .page-banner .banner-title .lead {
        font-size: 22px;
        line-height: 34px;
        margin-top: 19px
    }

    .banner-section {
        padding-top: 50px
    }

    .banner-slider .slider-content a:hover span {
        top: -30px
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .banner-flexible>.container {
        margin-top:-163px
    }

    .about-us-page .page-banner {
        padding-bottom: 280px
    }

    .about-us-page .page-banner>span {
        background-size: 1300px;
        background-position-x: -34px
    }

    .home-page .page-banner .banner-title h1 {
        font-size: 32px;
        margin-bottom: 26px
    }

    .home-page .page-banner .banner-title h1 span {
        margin-top: 18px;
        font-size: 96px;
        line-height: 88px
    }

    .home-page .page-banner .banner-slider {
        width: 968px;
        left: 50%;
        margin-left: -484px;
        height: 153px
    }

    .banner-section .section-actions .btn-hero .hero-icon+.hero-slogan {
        margin-left: 4px
    }

    .banner-section .section-actions .btn-hero .hero-icon {
        margin-left: -18px
    }
}

@media (min-width: 992px) {
    .page-banner {
        margin-top:-16px
    }

    .marketplace-page .page-banner {
        margin-top: 0
    }

    .page-filename-submitticket .page-content {
        margin-top: -16px
    }

    .banner-slider {
        box-shadow: 0 6px 20px rgba(0,0,0,.1)
    }

    @-moz-document url-prefix() {
        .banner-slider {
            box-shadow: 0 6px 14px rgba(0,0,0,.1)
        }
    }
}

@media (max-width: 991px) {
    .banner-slider {
        border-bottom:1px solid #e6ebf0
    }

    .banner-section .section-actions {
        padding-top: 36px
    }

    .banner-section .section-actions .btn {
        width: 298px
    }
}

@media (min-width: 768px) {
    .faq-page .page-bg,.support-page .page-bg {
        height:576px
    }

    .page-product-view .page-bg {
        height: 683px
    }

    .banner-flexible {
        height: calc(100vh - 178px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        padding-top: 56px;
        min-height: 592px
    }

    .marketplace-page .page-banner {
        padding-top: 100px
    }

    .custom-form-page .page-banner,.faq-page .page-banner {
        padding-bottom: 46px
    }

    .home-page .page-banner .banner-title .lead {
        max-width: 595px
    }

    .home-page .banner-title {
        padding-top: 0
    }

    .page-product-view .banner-title {
        padding-bottom: 123px
    }

    .page-search {
        padding-bottom: 48px
    }

    .page-search form {
        max-width: 615px
    }

    .banner-slider .slider-content a span {
        position: absolute;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        background: #2e3442;
        color: #fefefe;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 700;
        width: 124px;
        padding: 5px 12px;
        text-align: center;
        opacity: 0;
        -webkit-transition: all .25s linear;
        transition: all .25s linear;
        z-index: 10
    }

    .banner-slider .slider-content .systems-whmcs-sm span {
        margin-left: 6px
    }

    .banner-slider .slider-content .systems-woocommerce-sm span {
        margin-left: -5px
    }

    .banner-slider .slider-content a span.odin {
        width: 214px;
        margin-left: -107px
    }

    .banner-slider .slider-content a:hover span {
        opacity: 1
    }

    .home-page .slider-content a span:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-top-color: #2e3442;
        bottom: -5px;
        left: 50%;
        margin-left: -5px;
        border-width: 5px 5px 0;
        border-top-color: #2d3544
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .home-page .page-banner .banner-title h1 {
        font-size:30px;
        margin-bottom: 0
    }

    .home-page .page-banner .banner-title h1 span {
        margin-top: 5px;
        font-size: 76px;
        line-height: 98px
    }

    .home-page .page-banner .banner-title .lead {
        margin-top: 8px
    }

    .banner-flexible>.container {
        margin-top: -190px
    }

    .about-us-page .page-banner {
        padding-bottom: 290px
    }

    .about-us-page .page-banner>span {
        background-size: 1215px;
        background-position-x: -112px
    }
}

@media (min-width: 768px) and (max-width:1199px) {
    .page-banner {
        padding:80px
    }

    .banner-flexible {
        max-height: 700px
    }

    .home-page .page-banner .banner-title .lead {
        font-size: 20px;
        line-height: 32px
    }

    .banner-title .title-actions {
        margin-top: 40px
    }

    .home-page .page-banner .banner-slider {
        height: 136px
    }

    .banner-section {
        padding-top: 42px
    }

    .development-page .page-banner,.terms-page .page-banner {
        padding-bottom: 80px
    }

    .banner-slider .slider-content a:hover span {
        top: -25px
    }
}

@media (max-width: 767px) {
    .page-banner {
        padding-top:40px
    }

    .marketplace-page .page-banner {
        padding-top: 48px
    }

    .terms-page .page-banner {
        padding-bottom: 14px
    }

    .development-page .page-banner {
        padding-bottom: 40px
    }

    .custom-form-page .page-banner,.faq-page .page-banner {
        padding-bottom: 24px
    }

    .faq-page .page-bg,.support-page .page-bg {
        height: 520px
    }

    .page-banner .banner-title {
        margin-top: -4px
    }

    .support-page .page-search {
        padding-bottom: 24px;
        padding-top: 6px
    }

    .page-banner .banner-title h1 {
        font-size: 32px;
        line-height: 36px;
        margin-bottom: 21px
    }

    .page-order .page-banner {
        padding-top: 56px
    }

    .banner-flexible {
        height: auto;
        margin-bottom: 72px;
        min-height: 380px
    }

    .home-page .page-banner .banner-title .lead {
        max-width: 450px
    }

    .page-bg {
        height: 310px;
        min-height: 310px
    }

    body.marketplace-page:not(.page-product-view) .banner-title {
        padding: 24px 16px 0
    }

    .page-product-view .banner-title {
        padding-top: 20px
    }

    body.marketplace-page:not(.page-product-view) .banner-title h1 {
        display: none
    }

    .page-banner .banner-title .lead {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 17px
    }

    .page-order .banner-title {
        padding-top: 22px
    }

    .page-order .banner-title h1 {
        display: none
    }

    .page-search {
        padding-bottom: 24px
    }

    .banner-slider {
        height: 72px;
        bottom: -72px
    }

    .banner-slider .slider-content {
        padding: 13px 11px 8px 8px;
        height: 72px;
        overflow: hidden
    }

    .banner-slider .slider-content .content-item {
        width: 50px
    }

    .banner-slider .slider-content .content-item-plesk {
        margin-left: 0
    }

    .banner-slider .slider-content .content-item-plesk a {
        width: 100%
    }

    .banner-slider .slider-content a {
        width: 50px;
        height: 50px;
        padding: 8px
    }

    .banner-slider .slider-content .content-item-clientexec {
        width: 55px
    }

    .banner-slider .systems,.banner-slider .systems:before {
        background-size: contain
    }

    .banner-slider .slider-content a span {
        display: none
    }

    .banner-section,.banner-section .section-actions {
        padding-top: 10px
    }

    .banner-section .section-actions .btn {
        width: 253px
    }
}

@media (min-width: 580px) and (max-width:991px) {
    .banner-section .section-actions [class*=col-]:first-child .btn:not(.hero-left) {
        float:right;
        text-align: right
    }

    .banner-section .section-actions [class*=col-]:first-child .btn:not(.hero-left) .hero-icon {
        float: right;
        margin-left: 0
    }

    .banner-section .section-actions [class*=col-]:first-child .btn:not(.hero-left) .hero-slogan {
        text-align: right;
        margin: 0 16px 0 0
    }
}

@media (min-width: 580px) and (max-width:767px) {
    .banner-flexible {
        padding-top:62px;
        padding-bottom: 70px
    }

    .home-page .page-banner .banner-title h1 {
        font-size: 24px
    }

    .home-page .page-banner .banner-title h1 span {
        font-size: 48px;
        margin-top: 13px
    }

    .home-page .page-banner .banner-title .lead {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 18px
    }

    .about-us-page .page-banner {
        padding-bottom: 330px
    }

    .about-us-page .page-banner>span {
        background-size: 1225px;
        background-position-x: -310px
    }
}

@media (max-width: 579px) {
    .banner-flexible {
        padding-top:38px;
        padding-bottom: 40px
    }

    .home-page .page-banner .banner-title h1 {
        font-size: 18px;
        margin-bottom: 16px
    }

    .home-page .page-banner .banner-title h1 span {
        margin: 8px 0 0;
        font-size: 52px;
        line-height: 50px
    }

    .home-page .page-banner .banner-title .lead {
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 28px
    }

    .banner-section .section-actions [class*=col-]:first-child .btn {
        margin-bottom: 16px
    }

    .banner-section .section-actions .btn {
        width: 100%;
        max-width: 260px;
        margin: 0 auto
    }

    .about-us-page .page-banner {
        padding-bottom: 115px
    }

    .about-us-page .page-banner>span {
        background-size: 560px
    }
}

@media(min-width: 2020px) {
    .about-us-page .page-banner {
        padding-bottom:610px
    }

    .about-us-page .page-banner>span {
        background-size: 2560px
    }
}

@media(max-width: 2019px) and (min-width:1200px) {
    .about-us-page .page-banner>span {
        background-size:2020px
    }
}

.page-content {
    position: relative;
    z-index: 1
}

body:not(.page-clientarea) .page-content {
    padding-top: 0
}

.page-error .page-content {
    margin: 0
}

@media (min-width: 768px) {
    .custom-form-page .page-content,.terms-page .page-content {
        padding-bottom:74px
    }

    .marketplace-page .page-content {
        padding-bottom: 60px
    }

    .page-product-view .page-content {
        margin-top: -93px
    }

    .page-order .page-content {
        padding-top: 16px
    }
}

@media (max-width: 767px) {
    .custom-form-page .page-content,.marketplace-page .page-content,.terms-page .page-content {
        padding-bottom:24px
    }
}

.sidebar-left {
    position: relative;
    overflow: hidden;
    margin: 0 -35px;
    padding: 0 35px
}

@media (min-width: 1200px) {
    .page-content .sidebar-left .content-body {
        margin-left:-294px;
        padding-left: 294px
    }

    .page-content .sidebar-left .content-sidebar {
        width: 278px
    }
}

@media (min-width: 768px) {
    #category-sidebar:not(.is_stuck) {
        padding-top:0!important
    }

    #category-sidebar.is_stuck.is_stuck_bottom .filter:last-of-type {
        margin-bottom: 16px!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    #category-sidebar.is_stuck:not(.is_stuck_bottom) {
        padding-top:16px
    }
}

@media (min-width: 768px) {
    .page-content .sidebar-left .content-body {
        position:relative;
        float: right;
        width: 100%
    }

    .page-content .sidebar-left .content-sidebar {
        position: relative;
        z-index: 2;
        float: left;
        width: 278px
    }
}

@media (min-width: 992px) {
    .page-content.sidebar-right .content-body {
        position:relative;
        float: left;
        width: 100%;
        margin-right: -356px;
        padding-right: 356px
    }

    .page-content.sidebar-right .content-sidebar {
        position: relative;
        z-index: 2;
        float: right;
        width: 340px;
        padding-bottom: 14px
    }
}

@media (max-width: 767px) {
    #category-sidebar {
        padding-top:0!important
    }

    #category-sidebar .filter:last-of-type {
        margin-bottom: 0!important
    }
}

@media (min-width: 768px) and (max-width:1199px) {
    .page-content .sidebar-left .content-body {
        margin-left:-246px;
        padding-left: 246px
    }

    .page-content .sidebar-left .content-sidebar {
        width: 230px
    }
}

.cart-dropdown .dropdown-menu {
    display: flex;
    flex-direction: column;
    width: 100vw;
    max-width: 400px;
    padding: 0
}

.cart-dropdown .scroll-list {
    position: relative;
    max-height: 315px;
    margin-right: 8px
}

@media (min-width: 991px) {
    .cart-dropdown .scroll-list {
        margin-right:6px
    }
}

@media (max-width: 991px) {
    .cart-dropdown .dropdown-menu {
        top:60px;
        right: 0
    }

    .cart-dropdown .scroll-list {
        height: auto;
        max-height: calc(100vh - 212px)
    }
}

@media (max-width: 767px) {
    .cart-dropdown .dropdown-menu {
        top:54px;
        right: -3px;
        max-width: none
    }

    .cart-dropdown .scroll-list {
        max-height: calc(100vh - 224px)
    }
}

.cart-dropdown .dropdown-menu .scroll-list .ps__rail-y {
    margin: 8px 0;
    opacity: .6
}

.cart-dropdown .dropdown-menu .scroll-list>ul {
    list-style: none;
    margin: 0;
    padding: 12px 0
}

.cart-dropdown .dropdown-menu li {
    position: relative
}

.cart-dropdown .dropdown-menu li a:not(.btn) {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px 34px 4px 77px;
    min-height: 52px;
    overflow: hidden
}

.cart-dropdown .dropdown-menu li a .thumb {
    position: absolute;
    top: 4px;
    left: 16px;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 40px;
    border-radius: 2px
}

.cart-dropdown .dropdown-menu li a>div {
    float: left
}

.cart-dropdown .dropdown-menu li a .name {
    width: 100%;
    margin-right: 8px;
    padding: 5px 0 4px;
    color: #2e3442;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px
}

.cart-dropdown .dropdown-menu li a .qty {
    color: #a1a6b2
}

.cart-dropdown .dropdown-menu li a .price {
    position: relative;
    width: 100px;
    color: #fc873e;
    line-height: 1;
    font-size: 13px
}

.cart-dropdown .dropdown-menu li a .price span {
    display: inline-block;
    font-size: 12px;
    color: #737780;
    position: relative
}

.cart-dropdown .dropdown-menu li a .price span:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    margin-top: -1px;
    background: #ff8e2b
}

.cart-dropdown .dropdown-menu li a .thumb:after,.cart-dropdown .dropdown-menu li a .thumb:before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%
}

.cart-dropdown .dropdown-menu li a .thumb:after {
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    background: hsla(0,0%,100%,.06)
}

.cart-dropdown .dropdown-menu li a .thumb:before {
    width: 36px;
    height: 36px;
    margin: -18px 0 0 -18px;
    background: hsla(0,0%,100%,.08)
}

.cart-dropdown .dropdown-menu li a .thumb img {
    width: 22px
}

.cart-dropdown .dropdown-menu li .btn-icon {
    position: absolute;
    right: 2px;
    top: 50%;
    margin-top: -16px
}

.cart-dropdown .dropdown-menu li .btn-icon:hover i {
    color: #5bc758
}

.cart-dropdown .dropdown-menu li .item-row {
    padding: 0 40px 0 78px
}

.cart-dropdown .dropdown-menu li .item-row ul {
    padding-left: 12px
}

.cart-dropdown .dropdown-menu li .item-row ul li:hover .qty-button {
    display: none
}

.cart-dropdown .dropdown-menu li .item-row li .service-price {
    width: 80px;
    text-align: left
}

.cart-dropdown .cart-total {
    padding: 13px 16px 16px;
    border-top: 1px solid #e9edf2
}

.cart-dropdown .cart-total>ul {
    padding: 0;
    margin: 0 0 10px;
    list-style: none
}

.cart-dropdown .cart-total li {
    position: relative;
    padding: 2px 64px 2px 0;
    color: #a1a6b2;
    font-size: 13px
}

.cart-dropdown .cart-total li span {
    position: absolute;
    right: 0;
    top: 2px;
    font-weight: 700;
    color: #2e3442;
    font-size: 14px
}

.cart-dropdown .cart-total li:first-of-type span {
    font-weight: 400;
    font-size: 13px
}

.cart-dropdown .cart-total .btn {
    font-size: 12px
}

.cart-dropdown .cart-total li.discount span {
    color: #fc873e
}

.cart-dropdown .spinner-container {
    height: 70px;
    margin-top: -8px
}

@media (max-width: 399px) {
    .cart-dropdown .dropdown-menu li a .name {
        width:120px
    }

    .cart-dropdown .dropdown-menu li .item-row li .service-price {
        width: 70px
    }
}

@media (max-width: 767px) {
    .cart-dropdown .scroll-list {
        order:1
    }

    .cart-dropdown .cart-total {
        border-top: 0;
        border-bottom: 1px solid #e9edf2
    }
}

.filter {
    margin-bottom: 16px;
    background: #fff;
    box-shadow: 0 6px 20px rgba(0,0,0,.07)
}

.filter h6 {
    padding: 8px 16px;
    margin: 0;
    color: #a1a6b2;
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase
}

.filter-body {
    padding: 0 16px 16px;
    overflow: hidden
}

.filter-body .form-control {
    box-shadow: none;
    border: 1px solid #e1e4e6;
    width: 108px
}

.filter-body .form-group+span {
    padding: 0 8px;
    line-height: 42px
}

.dropdown-filter>a {
    position: relative;
    display: block;
    padding: 12px 16px;
    color: #2e3442;
    line-height: 24px;
    font-weight: 700
}

.dropdown-filter>a>span:first-of-type {
    padding-right: 8px;
    color: #a1a6b2;
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase
}

.dropdown-filter>a>.zmdi-chevron-down {
    position: absolute;
    right: 16px;
    top: 0;
    line-height: 49px;
    color: #a1abb2;
    font-size: 19px
}

.dropdown-filter.open>a>span:first-of-type {
    color: #fff;
    opacity: .5
}

.dropdown-filter.open>a>.zmdi-chevron-down {
    color: #fff
}

.dropdown-filter .dropdown-menu {
    width: 100%
}

.dropdown-filter .dropdown-menu li a {
    line-height: 30px
}

.dropdown-filter .dropdown-menu li a i {
    position: absolute;
    right: 12px;
    top: 0;
    line-height: 30px;
    font-size: 24px;
    display: none
}

.dropdown-filter .dropdown-menu li a span {
    color: #a1a6b2
}

.dropdown-filter .dropdown-menu li.active a i {
    display: block
}

.bar-content {
    padding: 0 0 16px;
    margin: 0;
    list-style: none
}

.bar-content>li {
    display: block
}

.bar-content>li>a:not(.btn) {
    display: block;
    color: #2e3442
}

.bar-content li>a>.badge {
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -8px;
    font-weight: 400
}

.bar-content li>a>span:not(.badge) {
    display: inline-block;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle
}

.bar-content>li>a:not(.btn) {
    position: relative;
    margin: 0;
    padding: 7px 16px;
    line-height: 24px
}

.bar-content>li>a>i:first-of-type {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin-right: 8px;
    vertical-align: top;
    color: #a3a8b5;
    text-align: center;
    -webkit-transition: color .15s linear;
    transition: color .15s linear
}

.bar-content>li>a:hover,.bar-content>li>a:hover>i:first-of-type {
    color: #5bc758
}

.bar-content>li>a>.icon {
    font-size: 22px
}

.bar-content>li>a {
    font-weight: 700
}

.bar-content a.active,.bar-content a.active-category-leaf,.bar-content a.active-category-leaf i,.bar-content a.active i,.bar-content li.active>a,.bar-content li.active>a>i {
    color: #5bc758
}

.bar-content li.active>a>.badge,.bar-content li>a.active-category-leaf>.badge,.bar-content li>a.active>.badge {
    color: #fff;
    background: #5bc758;
    border-color: #5bc758
}

.bar-content li.active>a:not(.btn):after,.bar-content li.open>a:not(.btn):after {
    background: #5bc758
}

.bar-content li .dropdown-menu,.bar-content li a .zmdi-chevron-right {
    display: none
}

.bar-content li.open>.dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin: 5px 0 5px 32px;
    padding: 0;
    box-shadow: none;
    display: block
}

.bar-content li.open .dropdown-menu .divider {
    display: none
}

.bar-content li.open>.dropdown-menu>li a {
    font-size: 13px;
    padding: 4px 40px 4px 12px;
    font-weight: 400
}

.bar-content li .dropdown-menu .dropdown-menu {
    border-left: 1px solid #e9ecf1;
    margin-left: 16px
}

.bar-content li .zmdi-home {
    font-size: 25px
}

.bar-content li.no-filtered-products-count a {
    color: #afb3bd;
    pointer-events: none;
    cursor: default
}

@media (min-width: 768px) {
    .dropdown-filter.open>a {
        background:#5bc758;
        color: #fff
    }

    .dropdown-filter .dropdown-menu:before {
        left: auto;
        right: 13px
    }

    .filter-body.form-inline.dropdown-menu {
        display: block;
        visibility: visible;
        opacity: 1;
        position: relative;
        float: none;
        box-shadow: none
    }

    #category-sidebar .filter:last-of-type>a {
        display: none
    }
}

@media (min-width: 768px) and (max-width:1199px) {
    .filter-body .form-control {
        width:84px
    }

    .dropdown-filter>a>span:first-of-type {
        padding-right: 2px
    }
}

@media (max-width: 767px) {
    .filter {
        background:none;
        box-shadow: none;
        margin-bottom: 8px
    }

    .dropdown-bar {
        display: none
    }

    .dropdown-filter>a {
        color: #fff;
        line-height: 30px;
        padding: 0
    }

    .dropdown-filter>a>.zmdi-chevron-down {
        line-height: 30px;
        color: #fff;
        font-size: 24px;
        right: 12px
    }

    .dropdown-filter .dropdown-menu {
        width: 100%;
        min-width: 276px;
        top: 137%;
        left: -8px
    }

    .dropdown-filter.open .dropdown-menu {
        top: 127%
    }

    .dropdown-filter>a>span:first-of-type {
        padding-right: 4px;
        color: rgba(221,238,255,.8)
    }

    #category-sidebar {
        margin-top: -7px
    }

    #category-sidebar .filter:last-of-type h6 {
        display: none
    }

    #category-sidebar .filter:first-of-type {
        float: left
    }

    #category-sidebar .filter:first-of-type>a {
        padding-right: 32px
    }

    #category-sidebar .filter:last-of-type {
        float: right
    }

    #category-sidebar .filter:last-of-type>a {
        font-size: 24px
    }

    #category-sidebar .filter:last-of-type .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    #category-sidebar .filter:last-of-type .dropdown-menu {
        right: -8px;
        left: auto;
        overflow: visible;
        padding-top: 14px
    }

    #category-sidebar .filter:last-of-type .dropdown-menu:before {
        right: 9px;
        left: auto
    }

    .filter-body .form-control {
        width: 107px
    }
}

.input-icon {
    position: relative
}

.input-icon .input-icon-addon,.input-icon .input-icon-btn,.input-icon .input-icon-text {
    position: absolute;
    text-align: center
}

.input-icon .input-icon-addon i {
    color: #737980
}

.input-icon-xlg .input-icon-addon,.input-icon-xxlg .input-icon-addon {
    top: 8px;
    width: 40px;
    height: 40px;
    line-height: 46px
}

.input-icon-left.input-icon-xlg .input-icon-addon {
    left: 10px
}

.input-icon-right.input-icon-xxlg .input-icon-addon {
    right: 8px
}

.input-icon-xxlg .input-icon-addon {
    top: 13px
}

.search-form .input-icon .input-icon-addon i {
    color: #2e3442
}

.input-icon-left .form-control {
    padding-left: 30px
}

.input-icon-text {
    font-size: 13px;
    color: #737780
}

.input-icon-left .input-icon-text {
    top: 13px;
    left: 13px
}

.input-icon.input-icon-right.input-icon-xxlg .form-control {
    padding-right: 48px
}

.input-icon.input-icon-left.input-icon-xlg .form-control {
    padding-left: 56px
}

.input-icon.input-icon-xlg .input-icon-addon i,.input-icon.input-icon-xxlg .input-icon-addon i {
    font-size: 24px
}

.input-icon-btn {
    right: 8px;
    top: 13px
}

@media (max-width: 767px) {
    .input-icon-btn {
        right:5px;
        top: 7px
    }

    .input-icon-btn .btn-icon i {
        font-size: 21px
    }
}

.list-checkbox,.list-collapse,.list-icon,.list-payment-method,.list-styled,.list-styled ul,.list-subtotal,.list-summary {
    list-style: none;
    padding: 0;
    margin: 0
}

.list-checkbox li label [data-toggle=tooltip] {
    margin-left: 5px;
    font-size: 16px;
    color: #a0a6b2
}

.list-icon li,.list-styled li {
    position: relative;
    padding: 4px 0 4px 32px;
    line-height: 24px
}

.tab-sm .list-icon li {
    line-height: 16px
}

.list-icon>li:before,.list-styled li:before {
    position: absolute;
    width: 24px;
    height: 24px;
    left: 0;
    top: 4px;
    text-align: center;
    content: '\f26d';
    font-family: Material-Design-Iconic-Font
}

.list-styled>li:before {
    font-size: 7px;
    color: #5bc758
}

.list-styled:not(.list-link) li a {
    border-bottom: 1px dotted
}

.list-styled:not(.list-link) li a[data-toggle=tooltip] {
    display: inline-block;
    border: none
}

.list-styled:not(.list-link) li a[data-toggle=tooltip]>i {
    float: left
}

.custom-form-page .list-styled a:after {
    display: none
}

.list-styled a:hover:after {
    border-color: #5bc758
}

.list-styled>li ul {
    padding: 4px 0 0
}

.list-styled>li>ul>li {
    padding-left: 24px;
    list-style: none
}

.list-styled>li>ul li:before {
    font-size: 6px;
    color: #a8b5c4
}

.list-styled>li>ul>li>ul>li:before {
    content: '\f273';
    font-size: 14px
}

.list-icon li:before {
    font-size: 24px
}

.list-check li:before {
    content: '\f26b'
}

.list-close li:before {
    content: '\f136'
}

.list-sm li {
    font-size: 13px;
    line-height: 20px;
    padding-left: 32px
}

.list-sm li:before {
    font-size: 19px
}

.list-primary li:before {
    color: #5bc758
}

.list-secondary li:before {
    color: #f29441
}

.list-danger li:before {
    color: #de2c2c
}

.list-dark-green li:before {
    color: #387a36
}

.list-white li,.list-white li:before {
    color: #fff
}

.list-collapse>li {
    padding: 0;
    margin-bottom: 8px
}

.list-collapse>li>.collapse-item-anchor {
    position: relative;
    padding-left: 24px;
    line-height: 24px;
    display: block;
    font-weight: 700;
    color: #2e3442;
    font-size: 14px;
    margin: 0
}

.list-collapse>li>.collapse-item-anchor:hover>a,.list-collapse>li>.collapse-item-anchor>a {
    color: #2e3442
}

.list-collapse>li>.collapse-item-anchor>.label {
    margin-top: 2px;
    margin-left: 6px;
    display: inline-block;
    vertical-align: top
}

.list-collapse.list-sm>li>.collapse-item-anchor {
    font-size: 13px;
    line-height: 20px
}

.list-collapse>li>.collapse-item-anchor:after,.list-collapse>li>.collapse-item-anchor:before {
    content: '';
    position: absolute;
    background: #737980;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.list-collapse>li>.collapse-item-anchor:before {
    left: 0;
    top: 11px;
    width: 12px;
    height: 2px
}

.list-collapse>li>.collapse-item-anchor:after {
    left: 5px;
    top: 6px;
    width: 2px;
    height: 12px
}

.list-collapse.list-sm>li>.collapse-item-anchor:before {
    top: 8px
}

.list-collapse.list-sm>li>.collapse-item-anchor:after {
    top: 3px
}

@-moz-document url-prefix() {
    .list-collapse.list-sm>li>.collapse-item-anchor:before {
        top: 9px
    }

    .list-collapse.list-sm>li>.collapse-item-anchor:after {
        top: 4px
    }
}

.list-collapse>li.active>.collapse-item-anchor:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.list-collapse>li.active>.collapse-item-anchor:after,.list-collapse>li.active>.collapse-item-anchor:before,.list-collapse>li:hover>.collapse-item-anchor:after,.list-collapse>li:hover>.collapse-item-anchor:before {
    background: #5bc758
}

.list-collapse li.active>.collapse-item-anchor,.list-collapse li.active>.collapse-item-anchor a,.list-collapse li:hover>.collapse-item-anchor,.list-collapse li:hover>.collapse-item-anchor a {
    color: #5bc758
}

.list-collapse>li>.item-body {
    display: none;
    margin: 0;
    padding-left: 24px
}

.list-collapse>li>.item-body>.list-styled {
    margin-left: -8px
}

.list-collapse li .item-actions {
    padding-bottom: 4px;
    padding-top: 4px
}

.list-collapse.list-sm li .item-body {
    padding-left: 24px
}

@media (min-width: 992px) {
    .list-collapse.list-lg>li>.collapse-item-anchor {
        padding:8px 0 8px 40px;
        font-size: 16px;
        font-weight: 700
    }

    .list-collapse.list-lg>li>.collapse-item-anchor:before {
        width: 16px;
        left: 7px;
        top: 17px
    }

    .list-collapse.list-lg>li>.collapse-item-anchor:after {
        top: 10px;
        left: 14px;
        height: 16px
    }

    .list-collapse.list-lg>li>.item-body {
        padding-left: 40px
    }

    @-moz-document url-prefix() {
        .list-collapse.list-lg>li>.collapse-item-anchor:before {
            top: 18px
        }

        .list-collapse.list-lg>li>.collapse-item-anchor:after {
            top: 11px
        }
    }
}

@media (max-width: 767px) {
    .product-features-collapsible-list>li>.item-body {
        padding-left:0
    }
}

.list-product-info {
    list-style: none;
    padding: 0;
    margin: 0
}

.list-product-info li {
    display: inline-block
}

.list-product-info li,.list-product-info li a,.list-product-info li span {
    color: rgba(221,238,255,.8);
    font-size: 13px
}

.list-product-info li a:hover {
    color: #5bc758
}

.list-product-info li i:not(.zmdi-star) {
    margin-right: 5px;
    margin-top: -1px;
    vertical-align: top;
    font-size: 16px
}

.list-product-info li .stars i {
    letter-spacing: -1.5px;
    font-size: 14px
}

.list-product-info li .stars .zmdi-star {
    color: rgba(0,0,0,.6)
}

.list-product-info li .stars .zmdi-star.active {
    color: #fff
}

@media (min-width: 1200px) {
    .list-product-info li:not(:last-of-type) {
        padding-right:24px
    }

    .product-overview .list-product-info li:not(:last-of-type) {
        padding-right: 16px
    }
}

@media (min-width: 768px) and (max-width:1199px) {
    .list-product-info li:not(:last-of-type) {
        padding-right:16px
    }
}

@media (max-width: 767px) {
    .list-product-info {
        margin-bottom:0;
        padding-left: 90px
    }

    .list-product-info li>i {
        margin-right: 2px
    }
}

@media (min-width: 580px) and (max-width:767px) {
    .list-product-info li:not(:last-of-type) {
        padding-right:16px
    }

    .list-product-info li:last-of-type {
        display: none
    }
}

@media (max-width: 579px) {
    .list-product-info li:nth-of-type(1n+2) {
        display:none
    }

    .list-product-info li .stars i {
        font-size: 12px
    }
}

.changelog-section {
    padding-top: 5px;
    padding-bottom: 11px
}

.changelog-section .changelog-version {
    position: relative;
    margin: 4px 0 26px;
    padding-left: 105px
}

.changelog-section .changelog-version .version {
    position: absolute;
    left: -25px;
    top: 0;
    color: #2e3442;
    font-size: 24px;
    font-weight: 800;
    width: 105px;
    text-align: right;
    margin: 0;
    line-height: 16px;
    display: inline
}

.changelog-section .changelog-version .released {
    display: inline-block;
    color: #a1a5b2;
    font-weight: 400;
    font-size: 14px;
    vertical-align: top
}

.changelog-list {
    position: relative;
    padding-left: 90px;
    padding-bottom: 13px
}

.label-container .label {
    box-shadow: none
}

.changelog-list .list-styled {
    padding-left: 8px
}

.changelog-list .list-styled li {
    padding: 2px 0 2px 32px
}

.changelog-list .list-styled li:before {
    top: 2px
}

.changelog-new-feature .list-styled li:before {
    color: #5bc758
}

.changelog-new-feature .label {
    background: #5bc758
}

.changelog-improved .list-styled li:before,.changelog-improvement .list-styled li:before {
    color: #2caed4
}

.changelog-improved .label,.changelog-improvement .label {
    background: #2caed4
}

.changelog-bug-fix .list-styled li:before,.changelog-fix .list-styled li:before {
    color: #f25050
}

.changelog-bug-fix .label,.changelog-fix .label {
    background: #f25050
}

.changelog-changed .label {
    background: #1f75cc
}

.changelog-changed .list-styled li:before {
    color: #1f75cc
}

.changelog-removed .label {
    background: #f90
}

.changelog-removed .list-styled li:before {
    color: #f90
}

.changelog-others .label {
    color: #959da6;
    background: #e1e4e6
}

.changelog-others .list-styled li:before {
    color: #e1e4e6
}

.changelog-launch .label {
    background: #a481eb
}

.changelog-launch .list-styled li:before {
    color: #a481eb
}

@media (min-width: 768px) and (max-width:991px) {
    .changelog-section .changelog-version {
        margin-bottom:16px
    }

    .changelog-section .changelog-version .version {
        font-size: 18px
    }
}

@media (min-width: 768px) {
    .changelog-list .label-container {
        position:absolute;
        left: 0;
        top: 3px;
        width: 80px
    }

    .label-container .label {
        float: right;
        display: block
    }

    .changelog-version .beta {
        font-size: 12px;
        position: absolute;
        left: 50px;
        top: 19px
    }
}

@media (max-width: 767px) {
    .changelog-section {
        padding-top:8px
    }

    .changelog-section .changelog-version .version {
        position: static;
        font-size: 17px;
        text-align: right;
        padding-right: 4px
    }

    .changelog-section .changelog-version span.beta {
        font-size: 12px;
        position: absolute;
        left: 0;
        top: 15px
    }

    .changelog-section .changelog-version {
        padding-left: 0;
        margin-bottom: 16px
    }

    .changelog-list {
        padding-left: 0
    }

    .changelog-section>.changelog-list:last-of-type {
        padding-bottom: 0
    }

    .changelog-section .list-styled {
        padding: 0
    }

    .label-container {
        padding-bottom: 13px
    }

    .label-container .label {
        padding: 0;
        background: none
    }

    .changelog-new-feature .label {
        color: #5bc758
    }

    .changelog-improved .label,.changelog-improvement .label {
        color: #2caed4
    }

    .changelog-bug-fix .label,.changelog-fix .label {
        color: #f25050
    }

    .changelog-changed .label {
        color: #1f75cc
    }

    .changelog-removed .label {
        color: #f25050
    }

    .changelog-others .label {
        color: #e1e4e6
    }

    .changelog-launch .label {
        color: #a481eb
    }
}

.review-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.review-list li {
    padding: 20px 0 17px;
    border-bottom: 1px solid #f2f4f5
}

.review-list li:last-of-type {
    border: 0
}

.review-header {
    margin-bottom: 13px;
    color: #2e3442;
    font-size: 15px;
    font-weight: 700
}

.review-header .date {
    float: right;
    font-weight: 400;
    font-size: 13px;
    color: #a1a5b2
}

.review-body {
    margin-bottom: 17px;
    line-height: 25px
}

.review-footer {
    overflow: hidden
}

.review-footer .rating i {
    font-size: 17px;
    color: #dfe3e8;
    letter-spacing: -3px;
    vertical-align: top;
    margin: 3px 0 0
}

.review-footer .rating i.active {
    color: #ffc300
}

.review-footer .helpfull {
    float: right;
    font-size: 13px;
    color: #a1a5b2
}

.review-footer .helpfull a {
    padding: 2px 12px 0 10px;
    color: #737980;
    display: inline-block;
    font-size: 19px
}

.add-review {
    overflow: hidden;
    padding-top: 44px;
    border-top: 1px solid #f2f4f5
}

.add-review .review-actions {
    padding-top: 4px;
    overflow: hidden
}

.add-review .review-actions .btn {
    float: right;
    min-width: 176px
}

.add-review .rating {
    float: left;
    padding: 13px 0;
    color: #a1a5b2
}

.add-review .rating span {
    float: left;
    margin-top: 1px;
    margin-right: 12px
}

.add-review .rating i {
    color: #dfe3e8;
    font-size: 24px;
    margin-top: -3px;
    vertical-align: top;
    float: left;
    cursor: pointer
}

.add-review .rating i.active {
    color: #ffc300
}

.add-review .alert {
    margin-bottom: 0
}

.add-review>.btn {
    float: right;
    min-width: 175px
}

@media (max-width: 767px) {
    .add-review {
        padding-top:20px
    }

    .tab-content .tab-pane .add-review h3 {
        font-size: 17px;
        line-height: 21px;
        margin-bottom: 13px
    }

    .add-review .review-actions .btn {
        float: none;
        display: block;
        min-height: 48px;
        width: 100%
    }

    .add-review .form-group>.col-sm-6:first-of-type .form-control {
        margin-bottom: 12px
    }

    .add-review .rating {
        padding: 4px 0 16px
    }
}

.panel-summary .panel-header .header-title {
    display: block;
    padding: 0
}

.panel-summary .panel-header .header-title h6 {
    margin: 0;
    line-height: 54px;
    border-bottom: 1px solid #ebeff2;
    text-transform: capitalize;
    text-align: center;
    font-size: 15px;
    font-weight: 700
}

.panel-summary .panel-header .header-title h6 i {
    color: #5bc758;
    font-size: 24px;
    margin-left: -16px;
    margin-right: 16px;
    display: inline-block;
    line-height: 19px;
    vertical-align: text-bottom
}

.panel-summary .panel-list {
    padding: 6px 24px 8px
}

.panel-summary .scroll-list {
    position: relative;
    max-height: 493px;
    margin: 6px 8px 8px;
    padding: 0 16px;
    overflow: hidden
}

.list-summary>li {
    padding: 14px 0
}

.list-summary>li:not(:last-of-type) {
    border-bottom: 1px solid #ebeff2
}

.list-summary .item-row {
    position: relative
}

.list-summary .summary-item>.item-row:not(:last-of-type) {
    padding-bottom: 13px
}

.list-summary .item-name {
    padding-right: 90px
}

.list-summary .item-name,.list-summary .item-name a {
    color: #2e3442;
    font-size: 12px;
    font-weight: 700
}

.list-summary .item-name a:hover {
    color: #5bc758
}

.list-summary .item-name.item-discounted {
    padding-right: 140px
}

.list-summary .item-price {
    position: absolute;
    right: 0;
    top: 0;
    color: #2e3442
}

.list-summary .item-price.discount {
    color: #ff8e2b
}

.list-summary .item-price span {
    position: relative;
    font-size: 12px;
    color: #2e3442
}

.list-summary .item-price span:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    margin-top: -1px;
    background: #ff8e2b
}

.list-summary .item-qty {
    overflow: hidden;
    padding-right: 130px
}

.list-summary .item-qty>* {
    float: left;
    font-size: 12px
}

.list-summary .item-qty>span {
    display: inline-block;
    margin-right: 9px;
    line-height: 24px
}

.list-summary .item-qty .input-group {
    width: 72px
}

.list-summary .item-qty .input-group .btn,.list-summary .item-qty .input-group .form-control {
    border: 1px solid #e1e4e6
}

.list-summary .item-qty .input-group .btn {
    color: #a1a6b2;
    box-shadow: none
}

.list-summary .item-qty .input-group .btn:hover {
    color: #5bc758
}

.list-summary .item-qty .input-group .btn i {
    margin: 0;
    line-height: 14px;
    font-weight: 400;
    font-size: 14px;
    width: auto;
    height: auto;
    vertical-align: middle
}

.list-summary .item-qty .input-group .form-control {
    font-weight: 700;
    color: #2e3442;
    text-align: center;
    background: #fff
}

.list-summary .item-qty>.btn {
    margin-top: -4px
}

.list-summary .item-license {
    position: absolute;
    right: -2px;
    top: 0;
    font-size: 12px;
    line-height: 24px;
    color: #737780
}

.list-summary .item-license a {
    position: relative;
    color: #737780
}

.list-summary .item-license a span {
    border-bottom: 1px dotted;
    display: inline-block;
    padding-right: 12px;
    padding-left: 2px;
    line-height: 14px
}

.list-summary .item-license a:hover i,.list-summary .item-license a:hover span {
    color: #5bc758
}

.list-summary .item-license a i {
    position: absolute;
    right: 0;
    top: 0
}

.item-services {
    padding: 0 0 0 10px;
    margin: 0;
    list-style: none;
    border-left: 1px solid #e4e8eb
}

.item-services li {
    position: relative;
    padding-right: 70px;
    font-size: 12px;
    line-height: 18px;
    color: #737780
}

.item-services .service-qty {
    color: #a0a6b2
}

.item-services .service-qty:after {
    content: 'x'
}

.item-services .service-actions {
    display: none;
    padding-left: 4px
}

.item-services li:hover .service-actions {
    display: inline-block
}

.item-services .service-actions a {
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    font-size: 10px;
    color: #a1a6b2;
    line-height: 16px;
    border: 1px solid #e2e5e7;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%
}

.item-services .service-price {
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 700
}

@media (max-width: 767px) {
    .panel-summary .panel-header .header-title h6 {
        position:relative;
        text-align: left;
        padding-left: 16px
    }

    .panel-summary .panel-header .header-title h6 i {
        position: absolute;
        right: 5px;
        top: 13px
    }

    .panel-summary .panel-list {
        padding: 0 8px
    }

    .list-summary .item-price {
        font-size: 13px
    }

    .list-summary .item-name {
        padding-right: 122px
    }

    .list-summary .item-qty {
        padding-right: 116px
    }
}

@media (max-width: 579px) {
    .list-summary .item-qty>span {
        display:none
    }
}

.list-subtotal {
    padding-top: 11px;
    padding-bottom: 8px
}

.list-subtotal li {
    position: relative;
    padding-right: 130px;
    line-height: 26px
}

.list-subtotal li span {
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 700;
    color: #2e3442
}

.list-subtotal li.discount,.list-subtotal li.discount span {
    color: #ff8e2b
}

.total {
    padding: 21px 24px 24px;
    font-size: 38px;
    line-height: 1;
    font-weight: 300;
    color: #fff;
    background: #00387d;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#0052a3),color-stop(100%,#00468c));
    background: -webkit-linear-gradient(160deg,#00468c,#0052a3);
    background: linear-gradient(340deg,#00468c,#0052a3);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0052a3',endColorstr='#00468c',GradientType=0)
}

.total>span {
    margin-bottom: 11px;
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: rgba(221,238,255,.8)
}

.total .input-group {
    margin-top: 18px
}

.total .form-control {
    height: 40px;
    background: rgba(0,0,0,.15);
    border: 0;
    font-size: 12px;
    color: #86abd1
}

.total .form-control::-moz-placeholder {
    color: #86abd1;
    opacity: 1
}

.total .form-control:-ms-input-placeholder {
    color: #86abd1
}

.total .form-control::-webkit-input-placeholder {
    color: #86abd1
}

.total .btn {
    height: 40px;
    min-width: 43px;
    padding: 0
}

.total .btn>span>i {
    font-size: 19px
}

#upgrade-promo-code-form .input-group.promocode-added .btn:hover:after,#upgrade-promo-code-form .input-group.promocode-added .btn:hover:before,#upgrade-promo-code-form .input-group.promocode-added .zmdi-check,#upgrade-promo-code-form .input-group:not(.promocode-added) .zmdi-close,.total .input-group.promocode-added .btn:hover:after,.total .input-group.promocode-added .btn:hover:before,.total .input-group.promocode-added .zmdi-check,.total .input-group:not(.promocode-added) .zmdi-close {
    display: none
}

.total .input-group.promocode-added .btn {
    background: rgba(0,0,0,.15);
    color: rgba(221,238,255,.8);
    box-shadow: none;
    border: 0;
    margin: 0
}

#upgrade-promo-code-form .input-group.promocode-added .btn:hover,.total .input-group.promocode-added .btn:hover {
    color: #fff
}

#upgrade-promo-code-form .input-group.promocode-added .label,.total .input-group.promocode-added .label {
    position: absolute;
    z-index: 10;
    top: 8px;
    left: 8px
}

#upgrade-promo-code-form .input-group.promocode-added {
    border: 1px solid #d7dbe0
}

#upgrade-promo-code-form .input-group.promocode-added input[type=text] {
    border: none
}

#upgrade-promo-code-form .input-group.promocode-added button,#upgrade-promo-code-form .input-group.promocode-added button:active,#upgrade-promo-code-form .input-group.promocode-added button:before,#upgrade-promo-code-form .input-group.promocode-added button:focus,#upgrade-promo-code-form .input-group.promocode-added button:focus:active,#upgrade-promo-code-form .input-group.promocode-added button:hover,#upgrade-promo-code-form .input-group.promocode-added button:visited {
    background-image: none!important;
    background: transparent!important;
    color: #a1a5b2!important;
    z-index: 0;
    box-shadow: none
}

.page-filename-upgrade .table-summary .cell-value {
    padding-left: 12px
}

@media (max-width: 767px) {
    .list-subtotal li {
        font-size:13px
    }

    .total {
        padding: 14px 16px 16px;
        font-size: 33px
    }

    .total>span {
        font-size: 13px
    }

    .total .input-group {
        margin-top: 13px
    }
}

.list-payment-method {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0 -8px;
    overflow: hidden
}

.list-payment-method li {
    float: left;
    width: 25%;
    padding: 0 8px
}

.list-payment-method .unavailable {
    opacity: .3
}

.list-payment-method li a {
    position: relative;
    display: block;
    padding: 16px;
    border: 1px solid #d7dbe0;
    border-radius: 3px;
    text-align: center;
    -webkit-transition: border .15s linear,opacity .15s linear;
    transition: border .15s linear,opacity .15s linear
}

.list-payment-method li.active a,.list-payment-method li a:hover {
    border-color: #5bc758
}

.list-payment-method li .icon {
    text-align: center;
    height: 50px;
    margin-bottom: 10px
}

.list-payment-method li img {
    max-height: 50px;
    max-width: 100%
}

.list-payment-method li .circle {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 28px;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ff8e2b),color-stop(100%,#ff6c2c));
    background: -webkit-linear-gradient(160deg,#ff6c2c,#ff8e2b);
    background: linear-gradient(340deg,#ff6c2c,#ff8e2b);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff8e2b',endColorstr='#ff6c2c',GradientType=0);
    color: #fff;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%
}

.list-payment-method li .name {
    color: #2e3442;
    line-height: 26px;
    font-weight: 700
}

.list-payment-method li .btn {
    margin-top: 8px
}

.list-payment-method li.active .btn-default,.list-payment-method li:not(.active) .btn-primary {
    display: none
}

#payment-box-daysfreeaccess.unavailable:hover,#payment-box-freeaccess.unavailable:hover {
    opacity: 1
}

.payment-box-description {
    position: absolute;
    top: -1px;
    left: -1px;
    padding: 28px 16px;
    background: #fff;
    bottom: -1px;
    right: -1px;
    color: #ff8e2b;
    line-height: 20px;
    border: 1px solid #ff8e2b;
    border-radius: 3px;
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

#payment-box-daysfreeaccess.unavailable a:hover .payment-box-description,#payment-box-freeaccess.unavailable a:hover .payment-box-description {
    opacity: 1;
    z-index: 10
}

@media (min-width: 992px) and (max-width:1199px) {
    .list-payment-method {
        margin:0 -4px
    }

    .list-payment-method li {
        padding: 0 4px
    }

    .list-payment-method li a {
        padding: 8px
    }

    .list-payment-method li .name {
        font-size: 13px
    }
}

@media (max-width: 767px) {
    .list-payment-method {
        display:none
    }
}

.pw-generate {
    font-size: 12px;
    color: #004f9e
}

#new-generated-password {
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all
}

.credit-card {
    max-width: 425px;
    padding: 24px 24px 32px;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#5bcbf0),color-stop(99%,#419ad9),color-stop(100%,#419ad9));
    background: -webkit-linear-gradient(160deg,#419ad9,#419ad9 1%,#5bcbf0);
    background: linear-gradient(340deg,#419ad9,#419ad9 1%,#5bcbf0);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#5bcbf0',endColorstr='#419ad9',GradientType=0);
    border-radius: 20px
}

.credit-card .card-header {
    position: relative;
    height: 32px;
    margin-bottom: 20px
}

.credit-card .card-header h5 {
    margin: 0;
    color: #fff;
    line-height: 32px
}

.credit-card .card-type {
    position: absolute;
    right: 0;
    top: -10px;
    height: 32px
}

.credit-card .card-type i {
    font-size: 50px;
    color: #fff
}

.credit-card .control-label {
    margin: 8px 0 0;
    font-size: 12px;
    color: hsla(0,0%,100%,.7);
    line-height: 24px
}

.credit-card .form-control {
    color: #fff;
    background: rgba(0,0,0,.2);
    border: 0
}

.lg-on,.no-scroll {
    overflow: hidden!important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

[data-toggle=tooltip] {
    color: #a1a5b2
}

p.info {
    position: relative;
    padding-left: 11px;
    font-size: 13px;
    line-height: 18px;
    color: #a1a6b2
}

p.info:before {
    position: absolute;
    left: 1px;
    top: 3px;
    content: '*';
    font-size: 21px
}

.content-sidebar p.info {
    margin-top: 14px
}

@media (min-width: 768px) {
    .mobile-summary {
        display:none
    }
}

@media (max-width: 767px) {
    .mobile-summary {
        position:fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 56px;
        z-index: 11;
        background: #004c99
    }

    .mobile-summary .summary-total,.mobile-summary a {
        width: 50%;
        float: left
    }

    .mobile-summary .summary-total {
        padding: 10px 20px;
        font-size: 18px;
        font-weight: 600;
        color: #fff
    }

    .mobile-summary .summary-total span {
        display: block;
        margin-bottom: 5px;
        font-size: 12px;
        font-weight: 400;
        color: rgba(221,238,255,.8)
    }

    .mobile-summary a {
        padding: 19px;
        height: 56px;
        border-radius: 0
    }

    .mobile-summary a i {
        font-size: 19px;
        margin-left: 12px;
        margin-top: -2px;
        vertical-align: top
    }
}

.overview-container {
    position: absolute;
    margin-top: 100px;
    right: 356px;
    top: 0;
    bottom: 0;
    left: 0
}

.product-overview {
    -webkit-transform: scale(.7);
    transform: scale(.7);
    -webkit-transition-property: all;
    transition-property: all;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    top: 0;
    left: 0;
    min-height: 100%;
    width: 100%;
    z-index: 10;
    background: #fff;
    box-shadow: 0 6px 20px rgba(0,0,0,.07)
}

.product-overview.overview-show {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: all;
    transition-property: all;
    opacity: 1;
    visibility: visible
}

.overview-header {
    padding: 27px 30px 0;
    overflow: hidden;
    background: #00387d;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#0052a3),color-stop(100%,#00468c));
    background: -webkit-linear-gradient(160deg,#00468c,#0052a3);
    background: linear-gradient(340deg,#00468c,#0052a3);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0052a3',endColorstr='#00468c',GradientType=0)
}

.overview-header .close {
    position: absolute;
    right: 22px;
    top: 26px;
    font-size: 24px;
    color: hsla(0,0%,100%,.5);
    opacity: 1;
    width: 30px;
    height: 30px;
    z-index: 2
}

.overview-header .close:hover {
    color: #fff
}

.overview-header .header-logo {
    overflow: hidden;
    position: absolute;
    top: 27px;
    left: 30px;
    width: 162px;
    height: 152px;
    text-align: center;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.1)
}

.overview-header .title-icon {
    top: 50%;
    left: 50%
}

.overview-header .header-icon:after,.overview-header .header-icon:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%
}

.overview-header .header-info {
    position: relative;
    height: 152px;
    margin-bottom: 20px;
    padding-left: 187px;
    padding-bottom: 40px
}

.overview-header .header-info>span {
    display: block;
    margin: 0 0 11px;
    font-size: 28px;
    line-height: 26px;
    color: #fff;
    font-weight: 700
}

.overview-header .header-info>span .label {
    font-weight: 400;
    display: inline-block;
    vertical-align: top
}

.overview-header .header-info .price {
    line-height: 40px;
    font-size: 32px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 187px
}

.overview-header .header-info .price small {
    font-size: 18px;
    vertical-align: baseline;
    line-height: 1
}

.overview-header .header-info .price.discount {
    color: #ff8e2b
}

.overview-header .header-info .price span {
    position: relative;
    display: inline-block;
    font-size: 18px;
    color: rgba(221,238,255,.8);
    vertical-align: top
}

.overview-header .header-info .price span:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    margin-top: -1px;
    background: rgba(221,238,255,.8)
}

.overview-header .header-info .actions {
    position: absolute;
    right: 0;
    bottom: 0
}

.overview-header .header-info .btn {
    min-width: 120px
}

.overview-header .header-info .btn+.btn {
    margin-left: 4px
}

.product-overview .tab-content {
    box-shadow: none
}

.product-overview .nav-transparent {
    margin-bottom: 4px
}

.product-overview .nav-transparent>li.active>a:after {
    bottom: -4px
}

.product-overview .product-tab-header {
    display: none
}

#product-gallery {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

#product-gallery a {
    height: 224px;
    position: relative;
    display: block;
    border: 1px solid #e9edf2;
    margin-bottom: 16px
}

#product-gallery a:hover {
    border: 1px solid #5bc758
}

#product-gallery a img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%
}

@media (min-width: 1200px) {
    .overview-container .product-overview {
        position:absolute;
        margin-bottom: 24px
    }
}

@media (max-width: 1199px) {
    .overview-container .product-overview {
        position:fixed;
        right: 0;
        bottom: 0;
        overflow-y: auto
    }
}

@media (min-width: 768px) {
    .overview-header .title-icon {
        width:136px;
        height: 136px;
        margin-top: -68px;
        margin-left: -68px
    }
}

@media (max-width: 767px) {
    .overview-header {
        padding:22px 18px 0
    }

    .overview-header .close {
        right: 11px;
        top: 7px;
        font-size: 19px
    }

    .overview-header .header-logo {
        width: 72px;
        height: 72px;
        overflow: hidden;
        border-radius: 8px;
        top: 25px;
        left: 19px
    }

    .overview-header .header-logo img {
        width: 48px
    }

    .overview-header .header-info {
        padding-left: 90px;
        height: 130px
    }

    .overview-header .breadcrumb {
        display: none
    }

    .overview-header .header-info>span {
        font-size: 17px;
        line-height: 24px
    }

    .overview-header .header-info .list-product-info {
        padding-left: 0
    }

    .overview-header .title-icon {
        width: 72px;
        height: 72px;
        margin-top: -36px;
        margin-left: -36px
    }

    .overview-header .header-info .price {
        line-height: 40px;
        font-size: 18px;
        left: 0
    }
}

@media (max-width: 579px) {
    .overview-header .header-info .btn {
        min-width:1px;
        padding: 10px 5px
    }

    .overview-header .header-info .btn-outline {
        padding: 7px 16px
    }
}

.lSSlideOuter {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 100%
}

.lightSlider:after,.lightSlider:before {
    content: " ";
    display: table
}

body:not(.support-page) .lightSlider:not(.nav-tabs) {
    margin: 0;
    height: 100%!important
}

.tiered-pricing .nav-sm.nav-tabs>li>a {
    margin-right: 5px!important
}

.lightSlider>[class*=col-] {
    padding: 0
}

#cart-first-step-content .lSSlideOuter {
    padding-top: 40px;
    margin-top: -40px
}

@media (min-width: 786px) {
    #cart-first-step-content .lSSlideOuter {
        overflow:hidden;
        margin-left: -8px;
        margin-right: -8px;
        padding-left: 8px;
        padding-right: 8px
    }
}

#cart-first-step-content .lSSlideWrapper {
    overflow: visible
}

#cart-first-step-content .lSAction {
    position: absolute;
    top: -44px;
    right: -7px
}

#cart-first-step-content .lSAction a {
    display: inline-block;
    width: 32px;
    height: 32px;
    font-size: 24px;
    color: #a1a6b2;
    line-height: 32px;
    text-align: center;
    position: static;
    -webkit-transition: color .15s linear;
    transition: color .15s linear
}

#cart-first-step-content .lSAction a+a {
    margin-left: 8px
}

#cart-first-step-content .lSSlideOuter .lSAction a:hover {
    color: #2e3442
}

#cart-first-step-content>.widget-slider-container:first-of-type .lSAction a {
    color: rgba(221,238,255,.8)
}

#cart-first-step-content>.widget-slider-container:first-of-type .lSAction a:hover {
    color: #fff
}

.lSSlideWrapper {
    max-width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
}

.lSSlideWrapper>.lightSlider:after {
    clear: both
}

.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transition-duration: inherit!important;
    transition-duration: inherit!important;
    -webkit-transition-timing-function: inherit!important;
    transition-timing-function: inherit!important
}

.lSSlideWrapper .lSFade {
    position: relative
}

.lSSlideWrapper .lSFade>* {
    position: absolute!important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%
}

.lSSlideWrapper.usingCss .lSFade>* {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit!important;
    transition-duration: inherit!important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit!important;
    transition-timing-function: inherit!important
}

.title-slider .first {
    position: relative;
    z-index: 10
}

.lSSlideWrapper .lSFade>.slide-active {
    z-index: 10
}

.lSSlideWrapper.usingCss .lSFade>.slide-active {
    opacity: 1
}

.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center
}

.lSSlideOuter .lSPager.lSpg>li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px
}

.lSSlideOuter .lSPager.lSpg>li a {
    background-color: #222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all .5s linear 0s;
    transition: all .5s linear 0s
}

.lSSlideOuter .lSPager.lSpg>li.active a,.lSSlideOuter .lSPager.lSpg>li:hover a {
    background-color: #428bca
}

.lSSlideOuter .media {
    opacity: .8
}

.lSSlideOuter .media.active {
    opacity: 1
}

.lSSlideOuter .lSPager.lSGallery {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    height: 83px;
    padding: 8px 0 8px 8px;
    min-width: 100%;
    background: rgba(0,0,0,.1);
    list-style: none outside none;
    margin: 0!important;
    overflow: hidden;
    transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -o-transform: translateZ(0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.lSSlideOuter .lSPager.lSGallery li {
    max-height: 67px;
    background: #fff;
    overflow: hidden;
    -webkit-transition: opacity .15s;
    transition: opacity .15s;
    opacity: .5;
    height: 100%
}

.lSSlideOuter .lSPager.lSGallery li:last-of-type {
    margin-right: 0!important
}

.lSSlideOuter .lSPager.lSGallery li.active {
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.2)
}

.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: 100%;
    width: 100%
}

.lSSlideOuter .lSPager.lSGallery li.slide-active,.lSSlideOuter .lSPager.lSGallery li:hover {
    opacity: 1
}

.lSSlideOuter .lSPager.lSGallery:after,.lSSlideOuter .lSPager.lSGallery:before {
    content: " ";
    display: table
}

.lSSlideOuter .lSPager.lSGallery:after {
    clear: both
}

@media (min-width: 992px) {
    .title-slider {
        max-height:456px
    }

    .title-slider .lSSlideOuter {
        background: #e9edf2
    }
}

.lSAction>a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    cursor: pointer;
    position: absolute;
    z-index: 99;
    -webkit-transition: opacity .35s linear 0s;
    transition: opacity .35s linear 0s
}

.lSAction>a:hover {
    opacity: 1
}

.lSAction>.lSPrev {
    background-position: 0 0;
    left: 10px
}

.lSAction>.lSNext {
    background-position: -32px 0;
    right: 10px
}

.lSAction>a.disabled {
    pointer-events: none
}

.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden
}

.lSSlideOuter.vertical {
    position: relative
}

.lSSlideOuter.vertical.noPager {
    padding-right: 0!important
}

.lSSlideOuter.vertical .lSGallery {
    position: absolute!important;
    right: 0;
    top: 0
}

.lSSlideOuter.vertical .lightSlider>* {
    width: 100%!important;
    max-width: none!important
}

.lSSlideOuter.vertical .lSAction>a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0
}

.lSSlideOuter.vertical .lSAction>.lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto
}

.lSSlideOuter.vertical .lSAction>.lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px
}

.lSSlideOuter.lSrtl {
    direction: rtl
}

.lSSlideOuter .lightSlider,.lSSlideOuter .lSPager {
    padding-left: 0;
    padding-bottom: 0!important;
    list-style: none outside none
}

.lSSlideOuter.lSrtl .lightSlider,.lSSlideOuter.lSrtl .lSPager {
    padding-right: 0
}

.lSSlideOuter .lightSlider>*,.lSSlideOuter .lSGallery li {
    float: left
}

.lSSlideOuter.lSrtl .lightSlider>*,.lSSlideOuter.lSrtl .lSGallery li {
    float: right!important
}

@-webkit-keyframes rightEnd {
    0% {
        left: 0
    }

    50% {
        left: -15px
    }

    to {
        left: 0
    }
}

@keyframes rightEnd {
    0% {
        left: 0
    }

    50% {
        left: -15px
    }

    to {
        left: 0
    }
}

@-webkit-keyframes topEnd {
    0% {
        top: 0
    }

    50% {
        top: -15px
    }

    to {
        top: 0
    }
}

@keyframes topEnd {
    0% {
        top: 0
    }

    50% {
        top: -15px
    }

    to {
        top: 0
    }
}

@-webkit-keyframes leftEnd {
    0% {
        left: 0
    }

    50% {
        left: 15px
    }

    to {
        left: 0
    }
}

@keyframes leftEnd {
    0% {
        left: 0
    }

    50% {
        left: 15px
    }

    to {
        left: 0
    }
}

@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0
    }

    50% {
        bottom: -15px
    }

    to {
        bottom: 0
    }
}

@keyframes bottomEnd {
    0% {
        bottom: 0
    }

    50% {
        bottom: -15px
    }

    to {
        bottom: 0
    }
}

.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd .3s;
    animation: rightEnd .3s;
    position: relative
}

.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd .3s;
    animation: leftEnd .3s;
    position: relative
}

.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd .3s;
    animation: topEnd .3s;
    position: relative
}

.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd .3s;
    animation: bottomEnd .3s;
    position: relative
}

.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd .3s;
    animation: leftEnd .3s;
    position: relative
}

.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd .3s;
    animation: rightEnd .3s;
    position: relative
}

.lightSlider.lsGrabbing>* {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.title-container,.title-content {
    position: relative
}

.title-content {
    text-align: left
}

.marketplace-page .title-content h1 {
    overflow: hidden;
    line-height: 38px;
    margin-bottom: 11px;
    font-size: 32px;
    margin-right: -10px
}

.marketplace-page .title-content h1>span.label {
    position: relative;
    top: -3px;
    margin-left: 16px;
    vertical-align: middle
}

.title-slider {
    position: relative;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0,0,0,.07);
    -moz-box-shadow: 0 6px 20px rgba(0,0,0,.07);
    -webkit-box-shadow: 0 6px 20px rgba(0,0,0,.07)
}

.title-slider .lSSlideOuter {
    position: absolute;
    width: 100%
}

.slider-item {
    height: 100%;
    background: #fff;
    padding-bottom: 84px
}

.slider-item>a {
    display: block;
    position: absolute;
    top: 0;
    bottom: 84px;
    left: 0;
    right: 0;
    overflow: hidden
}

.title-slider .slider-item a img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.banner-title .item-logo {
    display: table;
    height: 100%;
    width: 100%
}

.banner-title .item-logo .title-icon {
    width: 112px;
    height: 112px;
    left: 50%;
    top: 50%;
    margin: -56px 0 0 -56px
}

.banner-title .item-logo .title-icon span:before {
    width: calc(100% + 32px);
    height: calc(100% + 32px);
    margin-top: calc(-50% - 16px);
    margin-left: calc(-50% - 16px)
}

.banner-title .item-logo .title-icon span:after {
    width: calc(100% + 64px);
    height: calc(100% + 64px);
    margin-top: calc(-50% - 32px);
    margin-left: calc(-50% - 32px)
}

.banner-title .item-logo .title-icon img {
    width: 72px
}

.banner-title .item-logo a {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 1024
}

.title-slider .slider-item img {
    color: transparent
}

.title-slider .slider-item .item-icon {
    position: relative;
    left: auto;
    top: auto;
    display: inline-block;
    width: 224px;
    height: 224px;
    margin: 0 auto;
    color: transparent
}

.title-slider .slider-item .item-icon img {
    width: 144px
}

.title-slider .slider-item .item-icon:after,.title-slider .slider-item .item-icon:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%
}

.title-slider .slider-item .item-icon:after,.title-slider .slider-item .item-icon:before,.title-slider .slider-item .item-icon span {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%
}

.title-slider .slider-item .item-icon span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    background: hsla(0,0%,100%,.1);
    border-radius: 100%;
    -webkit-transition: all .45s ease-in-out;
    transition: all .45s ease-in-out
}

.title-slider .slider-item .item-icon:before {
    width: calc(100% + 64px);
    height: calc(100% + 64px);
    margin-top: calc(-50% - 32px);
    margin-left: calc(-50% - 32px);
    background: hsla(0,0%,100%,.04)
}

.title-slider .slider-item .item-icon:after {
    width: calc(100% + 128px);
    height: calc(100% + 128px);
    margin-top: calc(-50% - 64px);
    margin-left: calc(-50% - 64px);
    background: hsla(0,0%,100%,.02)
}

.title-slider .slider-item .item-slogan {
    font-size: 24px;
    line-height: 26px;
    color: rgba(0,0,0,.5);
    text-transform: uppercase
}

.title-slider .slider-item .item-slogan b {
    font-weight: 900
}

.title-slider .slider-item .item-slogan b.no-break {
    white-space: nowrap
}

.banner-title .content-item {
    position: absolute;
    left: 0;
    top: 0
}

.title-content .content-item .title-slogan {
    display: none
}

@media (min-width: 1200px) {
    .title-content {
        width:58%
    }

    .title-slider {
        width: 42%
    }

    .title-slider .slider-item .item-slogan {
        padding: 0 120px
    }
}

@media (min-width: 992px) {
    .slider-item {
        height:456px
    }

    .title-content {
        padding-left: 40px
    }

    .title-content .product-license {
        left: 40px
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .title-content {
        width:60%
    }

    .title-slider {
        width: 40%
    }

    .title-slider .slider-item .item-slogan {
        padding: 0 24px
    }
}

@media (min-width: 992px) {
    .title-container {
        display:flex;
        align-content: stretch
    }

    .title-content,.title-slider {
        float: left
    }

    .banner-title .content-item {
        display: none
    }
}

@media (min-width: 768px) {
    .title-content {
        min-height:456px;
        padding-bottom: 329px
    }

    .title-content .product-license {
        position: absolute;
        bottom: 0;
        right: 0
    }
}

@media (max-width: 991px) {
    .title-slider {
        display:none
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .marketplace-page .title-content {
        padding-left:150px;
        min-height: 470px
    }

    .banner-title .content-item {
        width: 126px;
        height: 126px;
        overflow: hidden;
        border-radius: 8px
    }

    .product-license {
        left: 0
    }
}

@media (max-width: 767px) {
    .marketplace-page .title-content h1 {
        margin-left:72px;
        margin-bottom: 12px;
        font-size: 17px;
        font-weight: 700;
        line-height: 24px;
        padding-left: 16px;
        margin-top: -6px
    }

    .page-product-view .banner-title .content-item {
        position: absolute;
        top: 3px;
        float: left;
        width: 72px;
        height: 72px;
        overflow: hidden;
        border-radius: 8px
    }

    .page-product-view .title-content:before {
        display: inline-block;
        content: "";
        float: left;
        height: 72px;
        width: 1px
    }

    .banner-title .item-logo .title-icon {
        width: 72px;
        height: 72px;
        left: 50%;
        top: 50%;
        margin: -36px 0 0 -36px
    }

    .banner-title .item-logo .title-icon img {
        height: 48px
    }

    .banner-title .breadcrumb {
        display: none
    }

    .product-license {
        padding-top: 18px
    }

    .page-product-view .title-content .product-license {
        margin-bottom: 14px
    }
}

/*! lightgallery - v1.2.22 - 2016-07-20
* http://sachinchoolur.github.io/lightGallery/
* Copyright (c) 2016 Sachin N; Licensed Apache 2.0 */
@font-face {
    font-family: lg;
    src: url(../fonts/page_icons/lg%EF%B9%96n1z373.eot);
    src: url(../fonts/page_icons/lg%EF%B9%96.eot#iefixn1z373) format("embedded-opentype"),url(../fonts/page_icons/lg%EF%B9%96n1z373.woff) format("woff"),url(../fonts/page_icons/lg%EF%B9%96n1z373.ttf) format("truetype"),url(../fonts/page_icons/lg%EF%B9%96n1z373.svg#lg) format("svg");
    font-weight: 400;
    font-style: normal
}

.lg-icon {
    font-family: lg;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.lg-actions .lg-next,.lg-actions .lg-prev {
    position: absolute;
    top: 0;
    height: 100%;
    width: 80px;
    z-index: 999;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 22px;
    z-index: 1080
}

.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled {
    pointer-events: none;
    opacity: .5
}

.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover {
    color: #fff
}

.lg-actions .lg-next {
    right: 0
}

.lg-actions .lg-next:before {
    content: "\e095";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -11px 0 0 -11px
}

.lg-actions .lg-prev {
    left: 0
}

.lg-actions .lg-prev:after {
    content: "\e094";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -11px 0 0 -11px
}

@-webkit-keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    to {
        left: 0
    }
}

@keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    to {
        left: 0
    }
}

@-webkit-keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    to {
        left: 0
    }
}

@keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    to {
        left: 0
    }
}

.lg-outer.lg-right-end .lg-object {
    -webkit-animation: lg-right-end .3s;
    animation: lg-right-end .3s;
    position: relative
}

.lg-outer.lg-left-end .lg-object {
    -webkit-animation: lg-left-end .3s;
    animation: lg-left-end .3s;
    position: relative
}

.lg-toolbar {
    z-index: 1082;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.lg-toolbar .lg-icon {
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none!important;
    outline: medium none;
    -webkit-transition: color .2s linear;
    transition: color .2s linear
}

.lg-toolbar .lg-icon:hover {
    color: #fff
}

.lg-toolbar .lg-close:after {
    content: "\e070"
}

.lg-toolbar .lg-download:after {
    content: "\e0f2"
}

.lg-sub-html {
    display: none
}

.lg-sub-html h4 {
    margin: 0;
    font-size: 13px;
    font-weight: 700
}

.lg-sub-html p {
    font-size: 12px;
    margin: 5px 0 0
}

#lg-counter {
    color: #999;
    display: inline-block;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 17px;
    vertical-align: middle
}

@-moz-document url-prefix() {
    #lg-counter {
        padding-top: 16px
    }
}

.lg-next,.lg-prev,.lg-toolbar {
    opacity: 1;
    -webkit-transition: -webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;
    transition: transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear
}

.lg-hide-items .lg-prev {
    opacity: 0;
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0)
}

.lg-hide-items .lg-next {
    opacity: 0;
    -webkit-transform: translate3d(10px,0,0);
    transform: translate3d(10px,0,0)
}

.lg-hide-items .lg-toolbar {
    opacity: 0;
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0);
    background: #fff
}

body:not(.development-page) .lg-outer.lg-start-zoom .lg-object {
    -webkit-transform: scale3d(.5,.5,.5);
    transform: scale3d(.5,.5,.5);
    opacity: 0;
    -webkit-transition: -webkit-transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1)!important;
    transition: transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1)!important;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    max-height: 700px
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1
}

.lg-outer .lg-thumb-outer {
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1080;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    -webkit-transition: -webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .25s cubic-bezier(0,0,.25,1) 0s
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
    -webkit-transition-duration: 0s!important;
    transition-duration: 0s!important
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.lg-outer .lg-thumb {
    padding: 35px 0;
    height: 100%;
    min-width: 100%;
    text-align: center
}

.development-page .lg-outer .lg-thumb {
    padding: 8px 0
}

.lg-outer .lg-thumb-item {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    height: 100%;
    background: #fff;
    opacity: .7;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover {
    opacity: 1;
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.2)
}

.lg-outer .lg-thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.lg-outer.lg-has-thumb .lg-item {
    padding-bottom: 120px
}

.lg-outer.lg-can-toggle .lg-item {
    padding-bottom: 0
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
    -webkit-transition: bottom .25s ease;
    transition: bottom .25s ease
}

.lg-outer .lg-toogle-thumb {
    color: #999;
    cursor: pointer;
    font-size: 24px;
    height: 39px;
    line-height: 27px;
    padding: 5px 0;
    position: absolute;
    right: 20px;
    text-align: center;
    top: -39px;
    width: 50px
}

.lg-outer .lg-toogle-thumb:after {
    content: "\e1ff"
}

.lg-outer .lg-toogle-thumb:hover {
    color: #fff
}

.lg-outer .lg-video-cont {
    display: inline-block;
    vertical-align: middle;
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 0 5px
}

.lg-outer .lg-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative
}

.lg-outer .lg-video .lg-object {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important
}

.lg-outer .lg-video .lg-video-play {
    width: 84px;
    height: 59px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -42px;
    margin-top: -30px;
    z-index: 1080;
    cursor: pointer
}

.lg-outer .lg-has-html5 .lg-video-play {
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    width: 64px;
    opacity: .8
}

.lg-outer .lg-has-html5:hover .lg-video-play {
    opacity: 1
}

.lg-outer .lg-video-object {
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0
}

.lg-outer .lg-has-video .lg-video-object {
    visibility: hidden
}

.lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
    display: none
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
    visibility: visible
}

.lg-progress-bar {
    background-color: #333;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1083;
    opacity: 0;
    -webkit-transition: opacity .08s ease 0s;
    transition: opacity .08s ease 0s
}

.lg-progress-bar .lg-progress {
    background-color: #a90707;
    height: 5px;
    width: 0
}

.lg-progress-bar.lg-start .lg-progress {
    width: 100%
}

.lg-show-autoplay .lg-progress-bar {
    opacity: 1
}

.lg-autoplay-button:after {
    content: "\e01d"
}

.lg-show-autoplay .lg-autoplay-button:after {
    content: "\e01a"
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;
    transition: left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;
    transition: transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

#lg-zoom-in:after {
    content: "\e311"
}

#lg-actual-size {
    font-size: 20px
}

#lg-actual-size:after {
    content: "\e033"
}

#lg-zoom-out {
    opacity: .5;
    pointer-events: none
}

#lg-zoom-out:after {
    content: "\e312"
}

.lg-zoomed #lg-zoom-out {
    opacity: 1;
    pointer-events: auto
}

.lg-outer .lg-pager-outer {
    bottom: 60px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 1080;
    height: 10px
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
    overflow: visible
}

.lg-outer .lg-pager-cont {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    margin: 0 5px
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
    box-shadow: inset 0 0 0 2px #fff
}

.lg-outer .lg-pager-thumb-cont {
    background-color: #fff;
    color: #fff;
    bottom: 100%;
    height: 83px;
    left: 0;
    margin-bottom: 20px;
    margin-left: -60px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    width: 120px;
    border-radius: 3px;
    -webkit-transition: opacity .15s ease 0s,-webkit-transform .15s ease 0s;
    transition: opacity .15s ease 0s,transform .15s ease 0s;
    -webkit-transform: translate3d(0,5px,0);
    transform: translate3d(0,5px,0)
}

.lg-outer .lg-pager-thumb-cont img {
    width: 100%;
    height: 100%
}

.lg-outer .lg-pager {
    background-color: hsla(0,0%,100%,.5);
    border-radius: 50%;
    box-shadow: inset 0 0 0 8px hsla(0,0%,100%,.7);
    display: block;
    height: 12px;
    -webkit-transition: box-shadow .3s ease 0s;
    transition: box-shadow .3s ease 0s;
    width: 12px
}

.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover {
    box-shadow: inset 0 0 0 8px #fff
}

.lg-outer .lg-caret {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px dashed;
    bottom: -10px;
    display: inline-block;
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    vertical-align: middle;
    width: 0
}

@media (max-width: 767px) {
    .lg-thumb-outer {
        display:none
    }
}

@media (max-width: 579px) {
    .lg-autoplay-button {
        display:none
    }
}

.lg-fullscreen:after {
    content: "\e20c"
}

.lg-fullscreen-on .lg-fullscreen:after {
    content: "\e20d"
}

.group {
    *zoom:1}

.group:after,.group:before {
    display: table;
    content: "";
    line-height: 0
}

.group:after {
    clear: both
}

.lg-outer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-outer * {
    box-sizing: border-box
}

.lg-outer.lg-visible {
    opacity: 1
}

.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide {
    -webkit-transition-duration: inherit!important;
    transition-duration: inherit!important;
    -webkit-transition-timing-function: inherit!important;
    transition-timing-function: inherit!important
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
    -webkit-transition-duration: 0s!important;
    transition-duration: 0s!important;
    opacity: 1
}

.lg-outer.lg-grab img.lg-object {
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer.lg-grabbing img.lg-object {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%
}

.lg-outer .lg-inner {
    width: 100%;
    height: calc(100% - 177px);
    position: absolute;
    left: 0;
    top: 40px;
    white-space: nowrap
}

.lg-outer .lg-item {
    display: none!important
}

.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide,.lg-outer.lg-css .lg-current {
    display: inline-block!important
}

.lg-outer .lg-img-wrap,.lg-outer .lg-item {
    display: inline-block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%
}

.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

.lg-outer .lg-img-wrap {
    position: absolute;
    padding: 0 5px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.lg-outer .lg-item.lg-complete {
    background-image: none
}

.lg-outer .lg-item.lg-current {
    z-index: 1060
}

.lg-outer .lg-image {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 80vh;
    width: auto!important
}

.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play {
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
    opacity: 1
}

.lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download {
    display: none
}

.lg-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background-color: #2e3442;
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-backdrop.in {
    opacity: .92
}

.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide {
    -webkit-transition: none 0s ease 0s!important;
    transition: none 0s ease 0s!important
}

.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-css3.lg-fade .lg-item {
    opacity: 0
}

.lg-css3.lg-fade .lg-item.lg-current {
    opacity: 1
}

.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide {
    -webkit-transition: opacity .1s ease 0s;
    transition: opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-left .lg-item {
    opacity: 0;
    position: absolute;
    left: 0
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    left: -100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
    left: 100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    left: 0;
    opacity: 1
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    -webkit-transition: left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s
}

#order-cart-summary .ps__rail-y {
    opacity: .6
}

#order-cart-summary.is-sticky {
    position: sticky
}

.ps {
    overflow: hidden!important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x {
    height: 15px;
    bottom: 0
}

.ps__rail-x,.ps__rail-y {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y {
    width: 10px;
    right: 0;
    z-index: 999
}

.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y {
    display: block;
    background-color: transparent
}

.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y {
    opacity: .6
}

.ps__rail-x:focus,.ps__rail-x:hover,.ps__rail-y:focus,.ps__rail-y:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x {
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px
}

.ps__thumb-x,.ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    position: absolute
}

.ps__thumb-y {
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px
}

.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x {
    background-color: #999;
    height: 11px
}

.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y {
    background-color: #999
}

@supports (-ms-overflow-style: none) {
    .ps {
        overflow:auto!important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps {
        overflow: auto!important
    }
}

.no-data {
    position: relative;
    height: 436px;
    text-align: center
}

.no-data-sm {
    height: 290px
}

.no-data-slogan {
    display: inline-block;
    vertical-align: middle;
    max-width: 99%
}

.no-data .icon-holder {
    position: relative;
    display: inline-block;
    height: 96px;
    width: 96px;
    line-height: 94px;
    margin-bottom: 24px;
    border: 1px solid #e9edf2;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%
}

.no-data .icon-holder>i {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
    height: 56px;
    width: 56px;
    line-height: 56px;
    font-size: 40px;
    text-align: center;
    vertical-align: middle
}

.no-data .icon-holder .circle {
    position: absolute;
    right: -1px;
    bottom: -1px;
    height: 32px;
    width: 32px;
    line-height: 32px;
    background: #004a95;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    display: none
}

.no-data .icon-holder .circle>i {
    font-size: 16px;
    color: #fff
}

.no-data-slogan>p,.tab-content .tab-pane .no-data-slogan>p {
    margin-bottom: 0;
    color: #2e3442;
    font-size: 20px;
    font-weight: 500;
    text-align: center!important
}

.no-data-slogan>p+span {
    margin-top: 14px
}

.no-data-slogan>span {
    font-size: 15px;
    display: block
}

.no-data .no-data-slogan>span {
    font-size: 14px;
    line-height: 22px
}

.no-data .no-data-slogan>span+span {
    margin-top: 12px
}

.no-data .no-data-slogan>p+.btn,.no-data .no-data-slogan>span+.btn {
    margin-top: 30px
}

.no-data-sm .icon-holder {
    height: 80px;
    width: 80px;
    line-height: 74px
}

.no-data-sm .icon-holder>i {
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 32px
}

.no-data-sm .icon-holder .circle {
    height: 24px;
    width: 24px;
    line-height: 24px
}

.no-data-sm .icon-holder .circle>i {
    font-size: 16px
}

.no-data-sm .no-data-slogan>span {
    font-size: 14px
}

.no-data-sm .no-data-slogan>span+.btn {
    margin-top: 30px
}

.no-data-sm .no-data-slogan p {
    font-size: 16px
}

.documentation-list .no-data-slogan {
    max-width: 430px;
    margin: 0 auto
}

@media (max-width: 991px) {
    .panel-support .no-data {
        height:236px;
        margin-bottom: -52px
    }
}

@media (min-width: 768px) {
    .no-data:before {
        content:'';
        height: 100%;
        display: inline-block;
        vertical-align: middle;
        text-align: center
    }

    .tab-pane .no-data {
        height: 170px;
        margin-bottom: 50px
    }

    .no-data-lg .icon-holder {
        width: 140px;
        height: 140px;
        line-height: 138px
    }

    .no-data-lg .icon-holder>i {
        height: 80px;
        width: 80px;
        line-height: 80px;
        font-size: 72px
    }

    .no-data-lg .icon-holder .circle {
        width: 48px;
        height: 48px;
        line-height: 54px
    }

    .no-data-lg .icon-holder .circle>i {
        font-size: 24px;
        color: #fff
    }

    .content-sidebar .no-data-slogan {
        max-width: 280px
    }
}

@media (min-width: 579px) {
    .panel-widget .panel-cards .no-data:before {
        content:'';
        height: 100%;
        display: inline-block;
        vertical-align: middle;
        text-align: center
    }
}

.modal .no-data {
    height: auto
}

.modal .no-data:before {
    display: none
}

.modal .no-data-slogan p {
    font-size: 18px;
    font-weight: 700
}

.modal .no-data-slogan>span {
    line-height: 25px
}

.modal .no-data-slogan .btn {
    min-width: 190px
}

@media (max-width: 767px) {
    .no-data {
        height:auto;
        padding: 30px 0
    }
}

.promo-bar {
    position: relative;
    margin-bottom: 24px;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ff8e2b),color-stop(100%,#ff6c2c));
    background: -webkit-linear-gradient(160deg,#ff6c2c,#ff8e2b);
    background: linear-gradient(340deg,#ff6c2c,#ff8e2b);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff8e2b',endColorstr='#ff6c2c',GradientType=0);
    box-shadow: 0 6px 20px rgba(0,0,0,.07);
    -moz-box-shadow: 0 6px 20px rgba(0,0,0,.07);
    -webkit-box-shadow: 0 6px 20px rgba(0,0,0,.07)
}

.bar-desc p {
    color: #9b481d;
    line-height: 16px
}

.bar-desc p:nth-of-type(1) {
    margin: 0 0 7px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 800
}

.bar-desc p:nth-of-type(2) {
    margin: 0;
    font-size: 16px
}

.bar-desc p span {
    color: #fff;
    font-weight: 700
}

.bar-values {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: hidden
}

.bar-values .values-container {
    position: absolute;
    padding: 20px 0 20px 40px;
    top: 0;
    left: 0;
    width: 100%;
    white-space: nowrap;
    -webkit-transition: -webkit-transform 1s;
    transition: transform 1s
}

.bar-values:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    background: linear-gradient(90deg,#ff792b,rgba(255,124,43,0));
    z-index: 2
}

.values-container>* {
    display: inline-block;
    vertical-align: middle
}

.bar-values .circle {
    position: relative;
    height: 50px;
    width: 50px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    border: 2px solid hsla(204,9%,89%,.2);
    -webkit-transition: all .45s;
    transition: all .45s
}

.bar-values .circle.active {
    background: #ffa47a;
    border-color: #ffa47a
}

.bar-values .circle.circle-animated {
    animation: circle .9s
}

@keyframes circle {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(2.5)
    }

    to {
        transform: scale(1)
    }
}

.bar-values .circle,.bar-values .circle.active:after,.bar-values .circle.active:before {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%
}

.bar-values .circle.active:after,.bar-values .circle.active:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%
}

.bar-values .circle.active:before {
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    margin-top: calc(-50% - 10px);
    margin-left: calc(-50% - 10px);
    background: hsla(0,0%,100%,.06)
}

.bar-values .circle.active:after {
    width: calc(100% + 40px);
    height: calc(100% + 40px);
    margin-top: calc(-50% - 20px);
    margin-left: calc(-50% - 20px);
    background: hsla(0,0%,100%,.04)
}

.bar-values .line-dotted {
    margin: 0 -3px
}

.bar-values .dot {
    position: relative;
    width: 5px;
    height: 5px;
    float: left;
    padding: 1px
}

.bar-values .dot:before {
    content: '';
    display: inherit;
    width: 3px;
    height: 3px;
    background: hsla(204,9%,89%,.2);
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%
}

.bar-values .dot-done:before {
    background: #fff
}

.bar-values .dot-active {
    padding: 0;
    animation: dot .9s
}

.bar-values .dot-active:before {
    width: 5px;
    height: 5px;
    background: #fff
}

@keyframes dot {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(2.5)
    }

    to {
        transform: scale(1)
    }
}

@media (min-width: 1200px) {
    .promo-bar {
        padding:27px 320px 27px 27px
    }

    .bar-values {
        width: 300px
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .promo-bar {
        padding:27px 210px 27px 27px
    }

    .bar-values {
        width: 200px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .promo-bar {
        padding:27px 320px 27px 27px
    }

    .bar-values {
        width: 300px
    }
}

@media (min-width: 768px) {
    .promo-bar {
        height:90px
    }
}

@media (max-width: 767px) {
    .promo-bar {
        text-align:center;
        padding: 16px 8px
    }

    .bar-desc p:nth-of-type(1) {
        font-size: 18px
    }

    .bar-desc p:nth-of-type(2) {
        font-size: 12px
    }

    .bar-values {
        display: none
    }
}

.page-complete .panel {
    margin-bottom: 24px
}

.panel-complete {
    margin-top: 56px
}

.panel-complete .panel-body {
    padding-bottom: 64px
}

.panel-complete.pc-big-p {
    margin-top: 104px
}

.panel-complete.pc-big-p .panel-body {
    padding-top: 126px;
    padding-bottom: 150px
}

.panel-complete img {
    margin: -21px 0 17px -28px;
    max-width: 100%
}

.panel-complete p.lead {
    margin-bottom: 14px
}

.panel-complete .list-styled {
    margin-bottom: 31px
}

.panel-complete .list-styled li {
    display: inline-block
}

.panel-complete .btn {
    min-width: 230px
}

.panel-complete .icon-holder {
    position: relative;
    width: 160px;
    height: 160px;
    margin: 0 auto
}

.panel-complete .icon-holder img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 72px
}

@media (max-width: 579px) {
    .panel-complete img {
        margin-top:-16px
    }
}

.panel-icon .panel-body {
    position: relative;
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 124px
}

.panel-icon .panel-body i {
    position: absolute;
    top: 25px;
    left: 31px;
    font-size: 64px
}

.panel-icon .panel-body .icon-envelope {
    font-size: 36px;
    line-height: 64px
}

@media (max-width: 579px) {
    .panel.panel-icon>.panel-body {
        padding-left:84px
    }

    .panel-icon .panel-body i {
        position: absolute;
        top: 16px;
        left: 23px;
        font-size: 50px
    }

    .panel-icon .panel-body .icon-envelope {
        font-size: 27px;
        line-height: 50px
    }
}

.panel-btn .panel-body {
    position: relative;
    padding-top: 32px;
    padding-bottom: 32px;
    padding-right: 224px
}

.panel-icon .panel-body>p:last-of-type {
    margin: 0
}

.panel-btn .panel-body .btn {
    min-width: 154px;
    margin-top: 20px
}

@media (min-width: 768px) {
    .panel-btn .panel-body .btn {
        margin:0;
        position: absolute;
        right: 32px;
        top: 32px
    }
}

.error-content {
    padding: 103px 20px;
    text-align: center
}

.error-content img {
    margin-left: -61px;
    margin-bottom: 19px
}

.error-content .btn {
    margin: 20px 0 30px;
    min-width: 230px
}

.error-content a:not(.btn) {
    color: #959da6;
    font-size: 15px
}

.error-content a:not(.btn):hover {
    color: #5bc758
}

@media (min-width: 992px) {
    .page-error .page-wrapper {
        margin-top:68px;
        padding-top: 16px
    }
}

@media (max-width: 768px) {
    .error-content {
        padding:35px 20px
    }

    .error-content img {
        max-width: 100%;
        margin-left: 0
    }
}

.button-loader {
    z-index: 10
}

.button-loader,.spinner {
    position: absolute;
    left: 50%;
    top: 50%
}

.spinner {
    height: 30px;
    width: 30px;
    margin: -15px 0 0 -15px;
    border: 2px solid rgba(0,0,0,.15);
    border-top: 2px solid #fff;
    border-radius: 100%;
    -webkit-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear
}

.page-loader .spinner {
    border-color: #fff
}

.panel-complete .spinner {
    left: 0;
    top: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    border-width: 8px;
    border-color: #e9edf2;
    border-top-color: #48b54a
}

.widget-slider-container {
    position: relative;
    height: 273px
}

.widget-slider-container.loading {
    margin-top: -40px
}

.widget-slider-container.load .widget:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: hsla(0,0%,100%,.6);
    z-index: 6
}

.widget-slider-loader {
    position: absolute;
    left: 0;
    top: 38px;
    bottom: 16px;
    right: 0;
    z-index: 1
}

.widget-slider-loader .spinner {
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
    border-width: 3px;
    border-color: #fff
}

.btn-default .spinner,.btn-outline .spinner,.page-loader .spinner,.panel-summary .loader .spinner,.widget-slider-loader .spinner {
    border-top-color: #48b54a
}

.panel-summary .loader {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 20px;
    height: 20px
}

.btn-sm .spinner,.panel-summary .loader .spinner {
    height: 20px;
    width: 20px;
    margin: -10px 0 0 -10px!important
}

.disabled-event {
    pointer-events: none;
    cursor: default
}

@media (min-width: 991px) {
    .hide-md {
        display:none!important
    }
}

.checkout-security-msg {
    position: relative;
    margin-top: 24px;
    margin-bottom: 24px;
    padding-left: 40px;
    font-size: 13px;
    color: #a1a6b2;
    line-height: 18px
}

.checkout-security-msg i {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -12px;
    font-size: 24px
}

@media (min-width: 768px) {
    .documentation-link {
        display:none
    }
}

@media (max-width: 767px) {
    .documentation-link {
        margin:0 -10px;
        padding: 0 0 16px
    }

    .documentation-link .btn i {
        display: inline-block;
        margin-right: 16px;
        font-size: 19px;
        vertical-align: top;
        line-height: 24px
    }
}

.w-964 {
    max-width: 964px;
    margin: 0 auto
}

.w-984 {
    max-width: 984px;
    margin: 0 auto
}

.w-1030 {
    max-width: 1030px;
    margin: 0 auto
}

.not-visible {
    visibility: hidden
}

.check-animate {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 20px;
    width: 20px;
    margin: -10px 0 0 -10px;
    z-index: 10
}

.check-animate:before {
    -webkit-transform: scaleX(-1) rotate(135deg);
    transform: scaleX(-1) rotate(135deg);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    border-right: 3px solid #5bc758;
    border-top: 3px solid #5bc758;
    content: '';
    display: block;
    height: 18px;
    left: 14px;
    width: 10px;
    -webkit-animation: check .8s;
    animation: check .8s;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 0
}

.btn-primary .check-animate:before,.btn-secondary .check-animate:before {
    border-color: #fff
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg)
    }
}

@keyframes rotation {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

@-webkit-keyframes check {
    0% {
        height: 0;
        width: 0
    }

    25% {
        height: 0;
        width: 10px
    }

    50% {
        height: 20px;
        width: 10px
    }
}

@keyframes check {
    0% {
        height: 0;
        width: 0
    }

    25% {
        height: 0;
        width: 10px
    }

    50% {
        height: 20px;
        width: 10px
    }
}

.animate {
    visibility: hidden
}

.animated {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

body:not(.touchable) .no-height {
    min-height: 100px;
    overflow: hidden
}

#scroll-top {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 20
}

.custom-form-page .tooltip-inner {
    max-width: 500px;
    font-size: 13px;
    line-height: 18px;
    padding: 21px 24px
}

.custom-form-page .tooltip-inner b {
    font-weight: 700
}

.custom-form-page .tooltip-inner .read-more {
    display: block;
    margin-top: 8px
}

.custom-form-page .tooltip-inner ul {
    margin: 10px 0 0;
    padding: 0 0 0 16px
}

.custom-form-page .tooltip-inner ul li:not(:last-of-type) {
    margin-bottom: 5px
}

@media (max-width: 767px) {
    #customer-account-type-switcher .icon {
        display:none
    }
}

@media (max-width: 767px) {
    .tabs-mobile-boxed {
        background:#fff;
        box-shadow: 0 6px 20px rgba(0,0,0,.07)
    }

    .tabs-mobile-boxed .tab-content {
        background: transparent;
        box-shadow: none
    }

    .tabs-mobile-boxed .tabs {
        position: relative;
        height: 48px;
        margin: 0
    }

    .tabs-mobile-boxed .tabs:after {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        display: block;
        content: "";
        height: 1px;
        background-color: #e9edf2
    }

    .tabs-mobile-boxed .tabs .nav {
        position: relative;
        z-index: 2;
        margin: 0
    }

    .tabs-mobile-boxed .tabs .nav>li {
        margin-left: -1px
    }

    .tabs-mobile-boxed .tabs .nav>li>a {
        margin: 0;
        padding: 0 16px;
        color: #2e3442;
        line-height: 48px
    }

    .tabs-mobile-boxed .tabs .nav>li>a .badge {
        border-color: #dadddf;
        color: #a1a6b2
    }

    .tabs-mobile-boxed .tabs .nav>li>a:after {
        display: nonee
    }

    .tabs-mobile-boxed .tabs .nav>li>a:before {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        display: none;
        content: "";
        height: 2px;
        background-color: #5bc758
    }

    .tabs-mobile-boxed .tabs .nav>li.active>a,.tabs-mobile-boxed .tabs .nav>li:hover>a {
        color: #5bc758
    }

    .tabs-mobile-boxed .tabs .nav>li.active>a:before {
        display: block
    }

    .tabs-mobile-boxed .tab-content>.tab-pane {
        min-height: 0
    }

    .tabs-mobile-boxed .tabs {
        overflow: hidden
    }
}

.mt-0 {
    margin-top: 0!important
}

.mt-88 {
    margin-top: 88px!important
}

.mt-48 {
    margin-top: 48px!important
}

.mt-40 {
    margin-top: 40px!important
}

.mt-32 {
    margin-top: 32px!important
}

.mt-24 {
    margin-top: 24px!important
}

.mt-16 {
    margin-top: 16px!important
}

.mt-8 {
    margin-top: 8px!important
}

.mb-8 {
    margin-bottom: 8px!important
}

.mb-16 {
    margin-bottom: 16px!important
}

.mb-24 {
    margin-bottom: 24px!important
}

.mb-32 {
    margin-bottom: 32px!important
}

.mb-40 {
    margin-bottom: 40px!important
}

.mb-20 {
    margin-bottom: 20px!important
}

.mr-8 {
    margin-right: 8px!important
}

.mr-80 {
    margin-right: 80px
}

.mr-90 {
    margin-right: 90px
}

.mr-120 {
    margin-right: 120px
}

.ml-8 {
    margin-left: 8px!important
}

.ml-80 {
    margin-left: 80px
}

.ml-90 {
    margin-left: 90px
}

.p-24 {
    padding: 24px!important
}

.p-32 {
    padding: 32px!important
}

.pb-8 {
    padding-bottom: 8px!important
}

.pb-16 {
    padding-bottom: 16px!important
}

.pb-24 {
    padding-bottom: 24px!important
}

.pb-32 {
    padding-bottom: 32px!important
}

.pt-16 {
    padding-top: 16px!important
}

.pt-24 {
    padding-top: 24px!important
}

.pt-32 {
    padding-top: 32px!important
}

.anchor {
    display: block;
    position: relative;
    top: -100px
}

@media(max-width: 380px) {
    #partners+.section-title {
        padding-right:90px
    }
}

#category-products-found-suggested .panel {
    text-align: center
}

.modal-7th_anniversary .modal-dialog,.modal-looking_modules .modal-dialog,.modal-love_modules .modal-dialog {
    z-index: 2;
    width: 852px
}

.modal-7th_anniversary .modal-content,.modal-looking_modules .modal-content,.modal-love_modules .modal-content {
    box-shadow: 0 10px 80px 0 rgba(0,0,0,.4)
}

.modal-7th_anniversary .promo-content-left,.modal-7th_anniversary .promo-content-right,.modal-looking_modules .promo-content-left,.modal-looking_modules .promo-content-right,.modal-love_modules .promo-content-left,.modal-love_modules .promo-content-right {
    text-align: center
}

.modal-7th_anniversary .promo-content-left,.modal-looking_modules .promo-content-left,.modal-love_modules .promo-content-left {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 375px;
    padding: 314px 16px 24px;
    background: #57bd55 url(../img/promo/7th_anniversary_left_bg.png) no-repeat top
}

.modal-love_modules .promo-content-left {
    background: url(../img/promo/banner-promo.png) no-repeat top;
    background-size: cover;
    flex-direction: column;
    padding: 24px 16px;
    justify-content: space-between
}

.modal-looking_modules .promo-content-left {
    background: url(../img/promo/banner-promo1.png) no-repeat top;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 375px;
    padding: 0;
    flex-direction: column
}

.modal-looking_modules .promo-content-left span,.modal-love_modules .promo-content-left span {
    display: block;
    color: #fff;
    font-size: 27px;
    font-weight: 300
}

.modal-looking_modules .promo-content-left span {
    line-height: 45px
}

.modal-7th_anniversary .promo-content-left h3,.modal-love_modules .promo-content-left h3 {
    margin: 0;
    color: #fff;
    font-size: 30px
}

.modal-looking_modules .promo-content-left h3,.modal-love_modules .promo-content-left h3 {
    font-size: 34px;
    color: #fff
}

.modal-love_modules .promo-content-left h3 {
    margin-bottom: 50px;
    margin-top: 18px
}

.modal-love_modules .promo-content-left .content-top span {
    margin: 20px;
    font-weight: 600
}

.modal-love_modules .promo-content-left .content-bottom span:first-child {
    font-size: 25px
}

.modal-looking_modules .promo-content-left span,.modal-love_modules .promo-content-left span.numb {
    font-size: 38px;
    font-weight: 300
}

.modal-7th_anniversary .promo-content-right,.modal-looking_modules .promo-content-right,.modal-love_modules .promo-content-right {
    flex: 1;
    padding: 56px 32px
}

.modal-7th_anniversary .promo-content-right h2,.modal-looking_modules .promo-content-right h2,.modal-love_modules .promo-content-right h2 {
    margin-bottom: 40px;
    font-size: 40px;
    line-height: 52px
}

.modal-7th_anniversary .promo-content-right h2 span,.modal-looking_modules .promo-content-right h2 span,.modal-love_modules .promo-content-right h2 span {
    display: block;
    font-size: 32px;
    font-weight: 300
}

.modal-7th_anniversary .promo-content-right .btn,.modal-looking_modules .promo-content-right .btn,.modal-love_modules .promo-content-right .btn {
    min-width: 214px;
    font-size: 18px
}

.modal-7th_anniversary .promo-code,.modal-looking_modules .promo-code,.modal-love_modules .promo-code {
    width: 320px;
    height: 64px;
    margin: 0 auto 40px;
    border: 1px dashed #ff8e2b;
    text-align: center
}

.modal-7th_anniversary .promo-code span,.modal-looking_modules .promo-code span,.modal-love_modules .promo-code span {
    color: #2e3442;
    font-size: 24px;
    font-weight: 700;
    line-height: 64px
}

.modal-7th_anniversary .promo-counter,.modal-looking_modules .promo-counter,.modal-love_modules .promo-counter {
    margin-top: 24px;
    color: #2e3442
}

.modal-7th_anniversary .promo-counter span,.modal-looking_modules .promo-counter span,.modal-love_modules .promo-counter span {
    font-weight: 700
}

.modal-7th_anniversary .modal-backdrop-bg:after {
    background: url(../img/promo/confetti_1.svg) no-repeat 50%;
    margin-left: -40px;
    transition: all .3s ease-in-out
}

.modal-7th_anniversary .modal-backdrop-bg:before {
    background: url(../img/promo/confetti_2.svg) no-repeat 50%;
    transition: all .35s ease-in-out
}

.modal-7th_anniversary .modal-backdrop-bg,.modal-looking_modules .modal-backdrop-bg,.modal-love_modules .modal-backdrop-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.modal-7th_anniversary .modal-backdrop-bg:after,.modal-7th_anniversary .modal-backdrop-bg:before,.modal-looking_modules .modal-backdrop-bg:after,.modal-looking_modules .modal-backdrop-bg:before,.modal-love_modules .modal-backdrop-bg:after,.modal-love_modules .modal-backdrop-bg:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    content: "";
    transform: scale(.7);
    opacity: 0
}

.modal-7th_anniversary.in .modal-backdrop-bg:after,.modal-7th_anniversary.in .modal-backdrop-bg:before,.modal-looking_modules.in .modal-backdrop-bg:after,.modal-looking_modules.in .modal-backdrop-bg:before,.modal-love_modules.in .modal-backdrop-bg:after,.modal-love_modules.in .modal-backdrop-bg:before {
    transform: scale(1);
    opacity: 1
}

.modal-7th_anniversary .modal-dialog,.modal-love_modules .modal-dialog,.modal-opensource .modal-dialog {
    max-width: 872px;
    width: 100%
}

.modal-7th_anniversary .promo-content .promo-content-left>div,.modal-7th_anniversary .promo-content .promo-content-right>div,.modal-love_modules .promo-content .promo-content-left>div,.modal-love_modules .promo-content .promo-content-right>div,.modal-opensource .promo-content .promo-content-left>div,.modal-opensource .promo-content .promo-content-right>div {
    width: 100%
}

.modal-opensource .promo-content-left {
    background: url(../img/promo/illustration.png),linear-gradient(210deg,#84e359,#5fc951 51.42%,#419143);
    background-repeat: no-repeat;
    background-position: 50%;
    flex-wrap: wrap;
    align-content: space-between;
    flex-direction: unset;
    justify-content: unset;
    padding: 28px 0;
    width: 395px
}

.modal-opensource .promo-content-right {
    width: 477px;
    padding: 32px 42px 0;
    position: relative
}

.modal-opensource .promo-content-left span {
    font-size: 40px;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center
}

.modal-opensource .promo-content-left h3 {
    font-size: 22px;
    font-weight: 500;
    margin: 5px 0 0;
    text-align: center
}

.modal-opensource .promo-content-left ul {
    margin: 0;
    padding: 0;
    text-align: left
}

.modal-opensource .promo-content-left ul li {
    position: relative;
    list-style: none;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    padding-left: 60px
}

.modal-opensource .promo-content-left ul li:after {
    content: url(../img/promo/check.svg);
    display: block;
    position: absolute;
    left: 25px;
    top: 0
}

.modal-opensource .promo-content-right>h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 20px
}

.modal-opensource .promo-content-right .promo-discount {
    font-size: 44px;
    font-weight: 900;
    color: #ff8e2b;
    line-height: 52px;
    text-transform: uppercase
}

.modal-opensource .promo-content-right div.promo-code {
    width: 320px;
    margin: 24px auto 32px;
    position: relative
}

.modal-opensource .promo-content-right div.promo-code:after {
    content: url(../img/promo/scissors.svg);
    display: block;
    position: absolute;
    right: -16px;
    top: 50%;
    transform: translateY(-50%)
}

.modal-opensource .promo-content-right .promo-info {
    padding: 8px 0;
    position: relative;
    margin-top: 40px
}

.modal-opensource .promo-content-right .promo-info:before {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    background-color: #ff732c;
    top: 0;
    right: -42px;
    left: -42px
}

.modal-opensource .promo-content-right .promo-info p {
    font-size: 15px;
    color: #ff732c;
    font-weight: 600;
    margin-bottom: 0
}

.modal-opensource .promo-content-right .promo-info:after {
    content: "";
    position: absolute;
    left: 48%;
    top: -7px;
    height: 15px;
    width: 15px;
    border-style: solid;
    border-width: 0 1px 1px;
    border-color: transparent #ff732c #ff732c transparent;
    transform: rotate(226deg);
    background: #fff
}

.modal-celebrate .modal-dialog {
    width: 872px
}

.modal-celebrate .promo-content-left {
    background: #fff;
    padding: 44px 67px;
    width: 477px
}

.modal-celebrate .promo-content-left>div span {
    font-size: 28px;
    line-height: 40px
}

.modal-celebrate .promo-content-left span {
    font-size: 20px;
    line-height: 34px;
    color: #2e3442;
    font-weight: 400
}

.modal-celebrate .promo-content-left>div h3 {
    font-weight: 600;
    color: #2e3442;
    margin: 0;
    line-height: 40px;
    font-size: 28px
}

.modal-celebrate .promo-content-left .promo-discount {
    color: #fe49d7;
    font-size: 42px;
    line-height: 40px;
    font-weight: 800;
    margin: 28px 0 24px
}

.modal-celebrate .btn-secondary {
    background: linear-gradient(110deg,#ffaf03,#fe49d7);
    padding: 0 24px;
    min-width: 211px;
    margin-top: 28px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.15)
}

.modal-celebrate .btn-secondary span {
    font-weight: 600;
    font-size: 18px;
    color: #fff
}

.modal-celebrate .promo-content-right {
    background-image: url(../img/promo/10-anniversary-graphic.png);
    background-repeat: no-repeat;
    background-size: cover;
    font-style: italic;
    color: #31216b;
    padding: 24px
}

.modal-celebrate .promo-content-right h2 {
    font-size: 28px;
    line-height: 38px;
    font-weight: 500;
    color: #31216b
}

.modal-celebrate .promo-content-right h2 span {
    font-weight: 900
}

@media not all and (min-resolution: .001dpcm) {
    @media {
        .modal-opensource .promo-content-right .promo-info:after {
            top:-11px
        }
    }
}

.modal-black-week .promo-content-left {
    width: 370px;
    background-image: url(../img/promo/background_black-week.png);
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff
}

.modal-black-week .promo-content-left span {
    font-size: 32px;
    font-weight: 300
}

.modal-black-week .promo-content-left h3 {
    font-weight: 900;
    margin: 0 0 8px;
    text-shadow: -4px 3px #8d387b;
    font-size: 44px;
    line-height: 62px
}

.modal-black-week .promo-content-left h3 span {
    font-size: 44px;
    font-weight: 900
}

.modal-black-week .promo-content-left {
    font-size: 38px
}

.modal-black-week .promo-content-right h2 {
    font-size: 48px;
    color: #620854;
    max-width: 90%;
    margin: 0 auto 8px;
    font-weight: 900
}

.modal-black-week .promo-content-right p {
    font-size: 20px;
    color: #000;
    margin-bottom: 14px;
    font-weight: 400
}

.modal-black-week .promo-content-right strong {
    font-size: 22px;
    color: #000
}

.modal-black-week .promo-code {
    border-color: #0094cf;
    margin: 32px auto 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 350px;
    width: 100%;
    height: 85px
}

.modal-black-week .promo-shape {
    position: relative;
    margin-left: 16px;
    line-height: 24px;
    text-align: left
}

.modal-black-week .promo-shape span {
    display: block;
    width: 100%
}

.modal-black-week .promo-shape:before {
    content: url(../img/promo/ico-right.svg);
    position: absolute;
    right: 0;
    top: 0;
    height: 16px;
    width: 90px
}

.modal-black-week .promo-code span {
    color: #0094cf;
    text-transform: uppercase;
    line-height: 24px;
    font-weight: 600;
    font-style: italic
}

.modal-black-week .promo-code .promo-discount {
    font-size: 56px;
    font-weight: 900
}

.modal-black-week .btn-secondary {
    background: #ffcb2e;
    background-image: linear-gradient(160deg,#ffcb2e,#ecb40e);
    box-shadow: 1px 1px 14px 5px rgba(255,204,0,.35);
    color: #000
}

.modal-black-week .btn-secondary:active,.modal-black-week .btn-secondary:focus,.modal-black-week .btn-secondary:hover {
    background: #fccf44;
    background-image: linear-gradient(160deg,#fccf44,#f7c120)
}

.btn-secondary:active:before,.modal-black-week .btn-secondary:after,.modal-black-week .btn-secondary:before {
    background: #fccf44
}

.modal-black-weeks {
    font-family: XTypewriter
}

.modal-black-weeks .modal-content {
    background: radial-gradient(182% 377.24% at 48.38% 49.12%,#221b1b 0,#000 100%);
    text-align: center;
    color: #fff
}

.modal-black-weeks .promo-header {
    padding: 32px;
    position: relative;
    overflow: hidden
}

.modal-black-weeks .promo-header h2 {
    font-size: 50px;
    line-height: 42px;
    color: #fff;
    position: relative;
    z-index: 1
}

.modal-black-weeks .promo-header:after {
    content: "";
    background-image: url(../img/promo/saw-left.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%
}

.modal-black-weeks .promo-content {
    padding: 16px 32px 24px;
    position: relative
}

.modal-black-weeks .promo-content p {
    font-size: 30px;
    line-height: 36px;
    z-index: 1;
    position: relative
}

.modal-black-weeks .promo-content>p.logo {
    position: relative;
    padding-left: 80px;
    text-align: left
}

.modal-black-weeks .promo-content p.logo:after {
    content: "";
    background-image: url(../img/promo/MG.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -4px;
    right: 80px;
    height: 42px;
    width: 270px
}

.modal-black-weeks .promo-content span {
    color: #d30033;
    font-size: 42px;
    line-height: 62px;
    font-weight: 700;
    display: block;
    margin: 8px
}

.modal-black-weeks .promo-content:after {
    content: "";
    background-image: url(../img/promo/saw-right.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 175px;
    height: 140px
}

.modal-black-weeks .promo-footer {
    padding: 16px 32px 32px
}

.modal-black-weeks .promo-footer .btn {
    background-color: #d30033;
    border-color: #d30033;
    min-width: 213px;
    font-size: 24px
}

.modal-black-weeks .promo-footer .btn:active,.modal-black-weeks .promo-footer .btn:focus,.modal-black-weeks .promo-footer .btn:hover {
    background-color: #8e0022;
    border-color: #8e0022
}

.modal-christmas .modal-content {
    background: #0b4a0a
}

.modal-christmas .modal-content:before {
    background-image: url(../img/promo/gound.png);
    bottom: -182px;
    left: 0;
    height: 313px
}

.modal-christmas .modal-content:after,.modal-christmas .modal-content:before {
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0
}

.modal-christmas .modal-content:after {
    background-image: url(../img/promo/ground-darker.png);
    bottom: 0;
    left: 230px;
    height: 100px
}

.modal-christmas .modal-content {
    display: flex;
    flex-direction: row;
    padding: 32px
}

.modal-christmas .modal-content-left,.modal-christmas .modal-content-right {
    display: flex;
    flex-direction: column
}

.modal-christmas .modal-content-left {
    flex-basis: 60%
}

.modal-christmas .modal-content-right {
    flex-basis: 40%
}

.modal-christmas .logo img {
    max-width: 180px
}

.modal-christmas .modal-content h2 {
    color: #fff;
    font-weight: 300;
    margin: 16px 0 0
}

.modal-christmas .cur-font {
    font-family: Lobster,cursive;
    font-style: italic;
    font-weight: 400
}

.modal-christmas .ribbon {
    position: relative;
    min-height: 160px
}

@media(min-width: 767px) {
    .modal-christmas .ribbon {
        min-height:112px
    }
}

.modal-christmas .ribbon:before {
    content: "";
    background-image: url(../img/promo/ribbon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -26px;
    left: -32px;
    right: -100px;
    height: 220px;
    z-index: 3
}

@media(min-width: 767px) {
    .modal-christmas .ribbon:before {
        bottom:-55px;
        height: 210px
    }
}

.modal-christmas .threes {
    position: relative
}

.modal-christmas .threes:after,.modal-christmas .threes:before {
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: -32px;
    width: 100%;
    height: 140px
}

.modal-christmas .threes:before {
    background-image: url(../img/promo/three.png);
    z-index: 3;
    top: -109px
}

.modal-christmas .threes:after {
    background-image: url(../img/promo/three-right.png);
    height: 81px;
    top: -50px
}

.modal-christmas .forest {
    position: relative
}

.modal-christmas .forest:before {
    content: "";
    top: -24px;
    position: absolute;
    min-height: 300px;
    background-image: url(../img/promo/forest.png);
    background-size: cover;
    background-repeat: no-repeat;
    right: -32px;
    left: 0;
    z-index: 1
}

.modal-christmas .figures {
    position: relative
}

.modal-christmas .figures:before {
    content: "";
    top: 120px;
    position: absolute;
    min-height: 206px;
    background-image: url(../img/promo/Group.png);
    background-size: contain;
    background-repeat: no-repeat;
    right: -32px;
    left: 0;
    z-index: 2
}

.modal-christmas .btn {
    background: #15a314;
    color: #fff;
    max-width: 190px;
    z-index: 4
}

.modal-christmas-ca .btn {
    margin-left: auto
}

.modal-christmas .btn:hover {
    background: #168c14;
    color: #fff
}

.modal-christmas-ca .modal-content {
    justify-content: space-between
}

.modal-christmas-ca .modal-content-left,.modal-christmas-ca .modal-content-right {
    flex-basis: 50%
}

.modal-christmas-ca .forest:before {
    background-image: url(../img/promo/forest-ca.png);
    left: -32px;
    min-height: 265px;
    top: 0
}

.modal-christmas-ca .figures:before {
    background-image: url(../img/promo/Group-ca.png);
    min-height: 180px;
    left: -16px;
    top: 100px
}

.modal-christmas-ca .threes:before {
    background-image: url(../img/promo/three-ca.png);
    right: -32px;
    left: auto;
    background-position: 100%
}

@-moz-document url-prefix() {
    .modal-christmas-ca .threes:before {
        top: -108px
    }

    .modal-christmas-ca .threes:after {
        top: -49px
    }
}

.modal-christmas-ca .threes:after {
    background-image: url(../img/promo/three-left-ca.png);
    right: -16px;
    left: auto;
    background-position: 100%
}

.modal-christmas-ca .modal-content:after {
    background-image: url(../img/promo/ground-dark-ca.png);
    left: 0
}

.modal-christmas-ca .ribbon:before {
    background-image: url(../img/promo/ribbon-ca.svg);
    bottom: -16px;
    right: -32px;
    height: 200px
}

@media (min-width: 768px) {
    .modal-black-weeks .modal-dialog,.modal-christmas .modal-dialog {
        width:720px
    }

    .modal-christmas-ca .ribbon:before {
        bottom: -65px
    }
}

@media (max-width: 767px) {
    .modal-black-weeks .promo-header h2 {
        font-size:32px;
        line-height: 24px
    }

    .modal-black-weeks .promo-content p {
        font-size: 24px;
        line-height: 32px
    }

    .modal-black-weeks .promo-content span {
        font-size: 28px;
        line-height: 24px;
        margin: 16px 0
    }

    .modal-black-weeks .promo-content>p.logo {
        padding-left: 20px
    }

    .modal-black-weeks .promo-content p.logo:after {
        right: -45px;
        height: 32px
    }

    .modal-black-weeks .promo-content:after {
        bottom: -151px
    }

    .modal-black-weeks .promo-footer .btn {
        font-size: 18px;
        padding: 8px
    }

    .modal-christmas .modal-content {
        flex-direction: column
    }

    .modal-christmas .modal-content-left,.modal-christmas .modal-content-right {
        flex-basis: 100%
    }

    .modal-christmas .threes {
        display: none
    }

    .modal-christmas .modal-content-right {
        min-height: 300px
    }

    .modal-christmas .forest:before {
        right: -32px;
        left: 135px;
        top: -90px;
        min-height: 380px
    }

    .modal-christmas .modal-content:before {
        background-size: contain;
        bottom: -216px;
        right: 0;
        left: 0
    }

    .modal-christmas .modal-content:after {
        bottom: -16px
    }

    .modal-christmas .figures:before {
        top: 120px;
        min-height: 206px;
        right: -32px;
        left: 250px;
        z-index: 2
    }

    .modal-christmas-ca .modal-content-right {
        order: -1
    }

    .modal-christmas-ca .modal-content-left {
        min-height: 200px
    }

    .modal-christmas-ca .ribbon:before {
        right: -32px;
        height: 200px;
        background-position: 100%
    }

    .modal-christmas-ca .forest:before {
        left: -32px;
        right: 0;
        top: -160px;
        background-size: contain
    }

    .modal-christmas-ca .figures:before {
        top: 28px;
        left: -32px
    }

    .modal-christmas .modal-content:after {
        bottom: -10px
    }
}

@media (max-width: 640px) {
    .modal-christmas .figures:before {
        top:140px
    }

    .modal-christmas .forest:before {
        left: 100px
    }

    .modal-christmas-ca .forest:before {
        left: -32px;
        min-height: 340px
    }

    .modal-christmas-ca .figures:before {
        top: 0
    }

    .modal-christmas-ca .modal-content:after {
        right: 180px
    }
}

@media (max-width: 580px) {
    .modal-christmas .logo,.modal-christmas h2 {
        text-align:center
    }

    .modal-christmas .modal-content-right {
        min-height: 220px
    }

    .modal-christmas .figures:before {
        top: 80px
    }

    .modal-christmas .forest:before {
        top: -120px;
        min-height: 310px
    }

    .modal-christmas .ribbon:before {
        right: 32px
    }

    .modal-christmas .modal-content:before {
        bottom: -224px
    }

    .modal-christmas-ca .figures:before {
        top: 0
    }

    .modal-christmas-ca .ribbon:before {
        right: -32px
    }

    .modal-christmas-ca .modal-content:before {
        bottom: -238px
    }

    .modal-christmas .btn {
        margin: -24px auto auto
    }
}

@media (max-width: 550px) {
    .modal-black-weeks .promo-header:after {
        bottom:-16px
    }

    .modal-black-weeks .promo-content {
        padding: 16px
    }

    .modal-black-weeks .promo-content p {
        margin: 0
    }

    .modal-black-weeks .promo-content:after {
        display: none
    }

    .modal-black-weeks .promo-content>p.logo {
        padding-left: 40px
    }

    .modal-black-weeks .promo-content p.logo:after {
        height: 24px;
        bottom: -2px;
        right: -75px
    }
}

@media (max-width: 510px) {
    .modal-black-weeks .promo-content {
        padding:16px 8px
    }
}

@media (max-width: 490px) {
    .modal-black-weeks .promo-header:after {
        bottom:-35px
    }

    .modal-black-weeks .promo-content span {
        margin: 56px 0 24px
    }

    .modal-black-weeks .promo-content p.logo {
        text-align: center;
        padding: 0
    }

    .modal-black-weeks .promo-content p.logo:after {
        bottom: -32px;
        width: 100%;
        right: 0;
        left: 0;
        background-position-x: center
    }

    .modal-christmas .modal-content-right {
        min-height: 160px
    }

    .modal-christmas .modal-content:before {
        bottom: -245px
    }

    .modal-christmas .forest:before {
        min-height: 260px;
        left: 32px;
        top: -100px
    }

    .modal-christmas .modal-content:after {
        bottom: -40px;
        left: 145px
    }

    .modal-christmas .figures:before {
        top: 32px;
        min-height: 160px;
        right: 0;
        left: 110px
    }

    .modal-christmas .ribbon {
        min-height: 140px
    }

    .modal-christmas .ribbon:before {
        bottom: -60px
    }

    .modal-christmas-ca .forest:before {
        left: -32px
    }

    .modal-christmas-ca .ribbon:before {
        bottom: -16px
    }

    .modal-christmas-ca .modal-content-left {
        min-height: 150px
    }

    .modal-christmas-ca .modal-content:after {
        left: 0
    }

    .modal-christmas-ca .figures:before {
        left: 0;
        top: 8px
    }
}

@media (max-width: 420px) {
    .modal-christmas .figures:before {
        background-size:contain;
        top: 20px;
        right: 0;
        left: 0
    }

    .modal-christmas .modal-content:before {
        background-size: cover;
        bottom: 0;
        height: 100px
    }

    .modal-christmas .modal-content:after {
        bottom: -40px;
        left: 70px
    }

    .modal-christmas .ribbon:before {
        right: -40px
    }

    .modal-christmas-ca .ribbon:before {
        right: -32px
    }

    .modal-christmas-ca .figures:before {
        top: 0
    }

    .modal-christmas-ca .modal-content:after {
        left: 0;
        right: 32px;
        bottom: -20px
    }

    .modal-christmas-ca .forest:before {
        top: -50px
    }
}

.modal-black-weeks-ca .promo-header {
    padding-bottom: 48px
}

.modal-black-weeks-ca .promo-header:after {
    content: "";
    background-image: url(../img/promo/saw-right.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100%;
    position: absolute;
    bottom: -12px;
    right: 0;
    left: 0;
    height: 100%
}

.modal-black-weeks-ca .promo-header span {
    display: block;
    position: relative;
    font-size: 40px;
    text-align: left;
    max-width: 300px;
    margin: auto
}

.modal-black-weeks-ca .promo-header span:after {
    content: "";
    background-image: url(../img/promo/MG.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -15px;
    right: 0;
    height: 38px;
    width: 260px;
    background-position: 100%;
    z-index: 1
}

.modal-black-weeks-ca .promo-content {
    overflow: hidden;
    padding: 16px 32px 48px
}

.modal-black-weeks-ca .promo-content:after {
    content: "";
    background-image: url(../img/promo/saw-left.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 8px;
    right: 0;
    left: -80px;
    height: 140px
}

.modal-black-weeks .promo-footer {
    padding-top: 0
}

@media (max-width: 767px) {
    .modal-black-weeks-ca .promo-content:after {
        bottom:-8px
    }
}

@media (max-width: 620px) {
    .modal-black-weeks-ca .promo-content:after {
        bottom:-24px
    }
}

@media (max-width: 490px) {
    .modal-black-weeks-ca .promo-header span {
        font-size:28px;
        padding-left: 50px
    }

    .modal-black-weeks-ca .promo-header span:after {
        height: 24px;
        right: 50px;
        bottom: -8px
    }

    .modal-black-weeks-ca .promo-content {
        padding-bottom: 24px
    }

    .modal-black-weeks .promo-content span {
        margin: 16px 0
    }

    .modal-black-weeks-ca .promo-header:after {
        bottom: -27px
    }
}

@media (max-width: 420px) {
    .modal-black-weeks-ca .promo-header span {
        padding-left:40px
    }

    .modal-black-weeks-ca .promo-header span:after {
        right: 40px
    }
}

@media (max-width: 400px) {
    .modal-black-weeks-ca .promo-header span {
        padding-left:32px
    }

    .modal-black-weeks-ca .promo-header span:after {
        right: 32px
    }
}

@media (max-width: 380px) {
    .modal-black-weeks-ca .promo-header span {
        padding-left:24px
    }

    .modal-black-weeks-ca .promo-header span:after {
        right: 24px
    }
}

@media (max-width: 360px) {
    .modal-black-weeks-ca .promo-header span {
        padding-left:16px
    }

    .modal-black-weeks-ca .promo-header span:after {
        right: 16px
    }
}

@media (max-width: 340px) {
    .modal-black-weeks-ca .promo-header span {
        padding-left:0
    }

    .modal-black-weeks-ca .promo-header span:after {
        right: 0
    }
}

.modal-order-form .promo-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 32px 32px 40px;
    position: relative;
    z-index: 1
}

.modal-order-form .promo-content:before {
    content: "";
    background-image: url(../img/promo/bg.png);
    background-repeat: no-repeat;
    background-position: -287px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0
}

.modal-order-form-ca .promo-content:before {
    background-position: -270px
}

.modal-order-form .promo-content-right {
    color: #fff;
    flex-basis: 55%;
    position: relative;
    z-index: 1
}

.modal-order-form .promo-content-right>span {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 8px;
    display: block
}

.modal-order-form .promo-content-right h2 {
    font-size: 44px;
    line-height: 47px;
    color: #fff
}

.modal-order-form .promo-content-right p {
    font-size: 22px;
    line-height: 32px
}

.modal-order-form .features {
    display: flex;
    flex-direction: row;
    justify-content: center
}

.modal-order-form .feature+.feature {
    margin-left: 8px
}

.modal-order-form .feature .feature-icon {
    display: block;
    margin: auto auto 12px
}

.modal-order-form .feature .feature-icon img {
    width: 32px;
    height: 32px
}

.modal-order-form .feature .feature-title p {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #1a1c1e;
    margin-bottom: 0;
    max-width: 80%
}

.modal-order-form .illustrations {
    min-height: 300px
}

.modal-order-form .illustration {
    display: inline-flex;
    position: relative
}

.modal-order-form .illustration-right img {
    height: 270px;
    width: 244px;
    position: absolute;
    right: -439px;
    top: 112px
}

.modal-order-form .illustration-left img {
    height: 111px;
    width: 87px;
    position: absolute;
    right: -55px;
    top: 200px
}

.modal-order-form .illustration-center img {
    width: 333px;
    height: 358px;
    position: absolute;
    top: -45px
}

.modal-order-form .btn {
    font-size: 17px;
    margin-top: 16px
}

.modal-order-form .btn-primary {
    background: #55a656;
    background-image: -webkit-linear-gradient(160deg,#6cd95e,#55a656);
    background-image: linear-gradient(160deg,#6cd95e,#55a656)
}

.modal-order-form-ca .promo-content-left {
    color: #fff;
    flex-basis: 50%;
    position: relative;
    z-index: 1
}

.modal-order-form-ca .promo-content-left>span {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 8px;
    display: block
}

.modal-order-form-ca .promo-content-left h2 {
    font-size: 44px;
    line-height: 47px;
    color: #fff
}

.modal-order-form-ca .promo-content-left p {
    font-size: 22px;
    line-height: 32px
}

.modal-order-form-ca .promo-content {
    overflow: hidden
}

.modal-order-form-ca .promo-content:before {
    background-image: url(../img/promo/bg-order-form-ca.png);
    background-position: -240px -435px
}

.modal-order-form-ca .illustrations {
    position: relative
}

.modal-order-form-ca .illustration {
    box-shadow: 0 14px 78px rgba(0,0,0,.12),0 0 2px rgba(0,0,0,.08);
    background: #fff
}

.modal-order-form-ca .illustration-right {
    height: 116px;
    width: 116px;
    position: absolute;
    right: -10px;
    padding: 24px;
    bottom: 10px;
    border-radius: 16px;
    z-index: 1
}

.modal-order-form-ca .illustration-right img {
    height: 72px;
    width: 72px;
    position: unset;
    top: unset;
    right: unset
}

.modal-order-form-ca .illustration-left {
    position: absolute;
    z-index: 1;
    border-radius: 6px;
    left: 34px
}

.modal-order-form-ca .illustration-left img {
    position: unset;
    top: unset;
    right: unset;
    border-radius: 6px
}

.modal-order-form-ca .illustration-left-top {
    height: 63px;
    width: 98px;
    bottom: 103px
}

.modal-order-form-ca .illustration-left-top img {
    height: 63px;
    width: 98px
}

.modal-order-form-ca .illustration-left-bottom {
    height: 60px;
    width: 98px;
    bottom: 40px
}

.modal-order-form-ca .illustration-left-bottom img {
    height: 60px;
    width: 98px
}

.modal-order-form-ca .illustration-center {
    width: 391px;
    height: 285px;
    position: absolute;
    top: -12px;
    right: -44px;
    border-radius: 16px
}

.modal-order-form-ca .illustration-center img {
    width: 391px;
    height: 285px;
    position: unset;
    top: unset;
    right: unset
}

.modal-order-form-ca .illustration-bottom {
    width: 316px;
    height: 23px;
    position: absolute;
    bottom: 20px;
    right: -43px;
    z-index: 0
}

.modal-order-form-ca .illustration-bottom img {
    width: 316px;
    height: 23px
}

.modal-order-form-ca .illustration-cc {
    width: 134px;
    height: 80px;
    position: absolute;
    right: 0;
    bottom: -32px
}

.modal-order-form-ca .illustration-cc img {
    width: 134px;
    height: 80px;
    position: unset;
    top: unset;
    right: unset
}

.modal-order-form-ca .features {
    margin-right: -50px;
    margin-left: 56px
}

.modal-order-form-ca .feature .feature-title p {
    font-size: 14px
}

.modal-order-form-ca .feature+.feature {
    margin-left: 4px
}

.modal-order-form ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.modal-order-form ul li {
    font-size: 14px;
    line-height: 28px
}

.modal-order-form ul li img {
    max-width: 18px;
    margin-right: 16px;
    margin-top: -3px
}

@media (min-width: 992px) {
    .modal-7th_anniversary .promo-content,.modal-looking_modules .promo-content,.modal-love_modules .promo-content {
        display:flex
    }

    .modal-order-form .modal-dialog {
        width: 870px
    }
}

@media (max-width: 991px) {
    .modal-7th_anniversary .modal-dialog,.modal-looking_modules .modal-dialog,.modal-love_modules .modal-dialog,.modal-opensource .modal-dialog {
        max-width:375px
    }

    .modal-7th_anniversary .promo-content-left,.modal-7th_anniversary .promo-content-right,.modal-looking_modules .promo-content-left,.modal-love_modules .promo-content-left,.modal-love_modules .promo-content-right,.modal-opensource .promo-content-left,.modal-opensource .promo-content-right {
        width: 100%
    }

    .modal-opensource .promo-content-left {
        background: linear-gradient(210deg,#84e359,#5fc951 51.42%,#419143);
        padding: 36px 24px
    }

    .modal-opensource .promo-content-left ul {
        margin-top: 20px
    }

    .modal-7th_anniversary .modal-backdrop-bg:after,.modal-love_modules .modal-backdrop-bg:after {
        display: none
    }

    .modal-7th_anniversary .promo-content-right h2,.modal-7th_anniversary .promo-content-right h2 span,.modal-looking_modules .promo-content-right h2,.modal-looking_modules .promo-content-right h2 span,.modal-love_modules .promo-content-right h2,.modal-love_modules .promo-content-right h2 span {
        font-size: 32px;
        line-height: 46px
    }

    .modal-7th_anniversary .promo-content-left,.modal-looking_modules .promo-content-left,.modal-love_modules .promo-content-left,.modal-opensource .promo-content-left {
        padding: 56px 24px
    }

    .modal-opensource .promo-content-right div.promo-code {
        width: 100%
    }

    .modal-7th_anniversary .modal-dialog .close:not(.btn),.modal-looking_modules .modal-dialog .close:not(.btn),.modal-love_modules .modal-dialog .close:not(.btn),.modal-opensource .modal-dialog .close:not(.btn) {
        right: 16px;
        top: 16px
    }

    .modal-opensource .promo-content-right .promo-info:after {
        left: 47%
    }

    .modal-celebrate .promo-content {
        display: flex;
        flex-direction: column
    }

    .modal-celebrate .promo-content-left {
        padding: 32px;
        order: 2
    }

    .modal-celebrate .promo-content-right {
        min-height: 280px
    }

    .modal-celebrate .promo-content-left .promo-discount {
        font-size: 38px;
        margin: 20px 0
    }

    .modal-celebrate .promo-content-right {
        background-image: url(../img/promo/anniversary-mobile.png);
        background-position: 50%
    }

    .modal-celebrate .promo-content-right h2,.promo-subheader {
        display: none
    }

    .modal-order-form .promo-content {
        flex-direction: column;
        overflow: hidden
    }

    .modal-order-form .promo-content:before {
        transform: rotate(180deg);
        background-position: -430px
    }

    .modal-order-form .promo-content-left {
        position: relative;
        width: 100%;
        padding-bottom: 32px
    }

    .modal-order-form .illustration-center img {
        right: -430px
    }

    .modal-order-form .illustration-right img {
        right: -555px
    }

    .modal-order-form .features {
        justify-content: flex-start
    }

    .modal-order-form-ca .promo-content:before {
        background-position: -428px -315px;
        transform: none
    }

    .modal-order-form-ca .illustration-cc {
        right: 40px;
        bottom: 6px
    }

    .modal-order-form-ca .illustration-center {
        right: 50%;
        transform: translateX(50%);
        top: 0
    }

    .modal-order-form-ca .illustration-right {
        right: 116px;
        bottom: 5px
    }

    .modal-order-form-ca .features {
        margin: 16px 0 0
    }

    .modal-order-form-ca .illustration-left {
        left: 64px
    }

    .modal-order-form-ca .illustration-bottom {
        right: 108px;
        bottom: 8px
    }
}

@media (max-width: 767px) {
    .modal-7th_anniversary .modal-content,.modal-looking_modules .modal-content,.modal-love_modules .modal-content {
        margin:0
    }

    .modal-7th_anniversary .modal-dialog,.modal-looking_modules .modal-dialog,.modal-love_modules .modal-dialog,.modal-opensource .modal-dialog {
        max-width: 370px;
        width: auto
    }

    .modal-7th_anniversary .modal-backdrop-bg:before,.modal-looking_modules .modal-backdrop-bg:before,.modal-love_modules .modal-backdrop-bg:before {
        display: none
    }

    .modal-7th_anniversary .promo-code,.modal-looking_modules .promo-code,.modal-love_modules .promo-code {
        max-width: 100%
    }

    .modal-7th_anniversary .promo-content-left {
        width: 100%;
        padding-top: 224px;
        background-position: 50%
    }

    .modal-looking_modules .promo-content-right,.modal-love_modules .promo-content-left {
        width: 100%
    }

    .modal-7th_anniversary .promo-content-right,.modal-love_modules .promo-content-right {
        padding: 24px 16px
    }

    .modal-7th_anniversary .promo-code,.modal-7th_anniversary .promo-content-right h2,.modal-looking_modules .promo-code,.modal-looking_modules .promo-content-right h2,.modal-love_modules .promo-code,.modal-love_modules .promo-content-right h2 {
        margin-bottom: 24px
    }

    .modal-open .modal {
        padding-right: 0!important
    }

    .modal-black-week .promo-content-right h2 {
        max-width: 100%
    }

    .modal-celebrate .promo-content-right h2,.modal-celebrate .promo-content-right span {
        font-size: 24px;
        line-height: 34px
    }

    .modal-celebrate .promo-content-right .btn {
        height: 55px
    }

    .modal-celebrate .promo-content-left .promo-discount {
        font-size: 32px
    }

    .modal-order-form .promo-content {
        padding: 24px
    }

    .modal-order-form:not(.modal-order-form-ca) .promo-content-right {
        text-align: center
    }

    .modal-order-form .promo-content-left {
        text-align: center;
        padding-bottom: 24px
    }

    .modal-order-form-ca .promo-content-left h2,.modal-order-form .promo-content-right h2 {
        font-size: 32px
    }

    .modal-order-form-ca .promo-content-left p,.modal-order-form .promo-content-right p {
        font-size: 16px
    }

    .modal-order-form-ca .illustration-cc {
        right: -64px
    }

    .modal-order-form-ca .promo-content:before {
        background-position: -428px -355px
    }

    .modal-order-form-ca .illustration-center {
        overflow: hidden
    }

    .modal-order-form-ca .illustration-right {
        right: 51px;
        bottom: 0
    }

    .modal-order-form-ca .illustration-left {
        left: 82px
    }

    .modal-order-form-ca .illustration-bottom {
        right: 122px
    }
}

@media(max-width: 767px) and (min-width:481px) {
    .modal-order-form:not(.modal-order-form-ca) .illustration-center img {
        right:-155px
    }

    .modal-order-form:not(.modal-order-form-ca) .illustration-right img {
        right: -260px
    }

    .modal-order-form:not(.modal-order-form-ca) .illustration-left img {
        right: 260px
    }
}

@media(max-width: 650px) {
    .modal-order-form .illustration-center img {
        right:-330px
    }

    .modal-order-form .illustration-right img {
        right: -455px
    }

    .modal-order-form-ca .illustration-left {
        left: -8px
    }

    .modal-order-form-ca .illustration-bottom {
        display: none
    }
}

@media(max-width: 480px) {
    .modal-7th_anniversary .modal-dialog,.modal-looking_modules .modal-dialog,.modal-love_modules .modal-dialog,.modal-opensource .modal-dialog {
        max-width:300px
    }

    .modal-7th_anniversary .promo-content-left,.modal-looking_modules .promo-content-left,.modal-love_modules .promo-content-left,.modal-opensource .promo-content-left {
        padding: 24px 16px
    }

    .modal-7th_anniversary .promo-content-left h3,.modal-7th_anniversary .promo-content-left span,.modal-black-week .promo-content-left h3 span,.modal-looking_modules .promo-content-left h3,.modal-looking_modules .promo-content-left span,.modal-love_modules .promo-content-left h3,.modal-love_modules .promo-content-left span,.modal-opensource .promo-content-left h3,.modal-opensource .promo-content-left span {
        font-size: 28px
    }

    .modal-7th_anniversary .promo-content-left ul li,.modal-looking_modules .promo-content-left ul li,.modal-love_modules .promo-content-left ul li,.modal-opensource .promo-content-left ul li {
        font-size: 16px
    }

    .modal-7th_anniversary .promo-content-right h2,.modal-looking_modules .promo-content-right h2,.modal-love_modules .promo-content-right h2,.modal-opensource .promo-content-right h2 {
        font-size: 28px;
        line-height: 34px
    }

    .modal-7th_anniversary .promo-content-right,.modal-looking_modules .promo-content-right,.modal-love_modules .promo-content-right,.modal-opensource .promo-content-right {
        padding: 24px
    }

    .modal-black-week .promo-code .promo-discount {
        font-size: 42px
    }

    .modal-black-week .promo-code span,.modal-black-week .promo-content-right p,.modal-black-week .promo-content-right strong {
        font-size: 18px
    }

    .modal-black-week .promo-shape:before {
        width: 60px
    }

    .modal-black-week .promo-content-left h3 {
        line-height: 32px;
        margin-bottom: 0
    }

    .modal-opensource .promo-content-right {
        padding-bottom: 0
    }

    .modal-opensource .promo-content-right .promo-info:before {
        right: -24px;
        left: -24px
    }

    .modal-opensource .promo-content-right .promo-info:after {
        left: 46%
    }

    .modal-celebrate .promo-content-left>div h3,.modal-celebrate .promo-content-left>div span {
        font-size: 24px;
        line-height: 34px
    }

    .modal-celebrate .promo-content-left span {
        font-size: 20px;
        line-height: 34px
    }

    .modal-celebrate .btn-secondary span {
        font-size: 18px
    }

    .modal-order-form .features {
        flex-direction: column
    }

    .modal-order-form .feature {
        display: flex;
        align-items: center;
        text-align: left
    }

    .modal-order-form .feature .feature-icon {
        display: inline-flex;
        margin: 0 16px 0 0
    }

    .modal-order-form .feature .feature-title {
        display: inline-flex
    }

    .modal-order-form .feature+.feature {
        margin: 8px 0 0
    }

    .modal-order-form .feature .feature-icon img {
        width: 24px;
        height: 24px
    }

    .modal-order-form .feature .feature-title p {
        max-width: 100%;
        font-size: 14px
    }

    .modal-order-form .btn {
        margin-top: 4px
    }

    .modal-order-form:not(.modal-order-form-ca) .promo-content:before {
        background-position: -684px;
        transform: rotateX(-180deg) rotateY(0deg)
    }

    .modal-order-form .illustrations {
        position: relative;
        min-height: 155px;
        max-height: 155px
    }

    .modal-order-form .illustration-center {
        width: 222px;
        height: 238px;
        right: 10px;
        top: -25px
    }

    .modal-order-form .illustration-center img {
        width: 182px;
        height: 188px;
        right: 0;
        top: 0
    }

    .modal-order-form .illustration-right {
        width: 146px;
        height: 149px;
        right: -215px;
        top: -160px
    }

    .modal-order-form .illustration-right img {
        width: 146px;
        height: 149px;
        right: 0;
        top: 0
    }

    .modal-order-form .illustration-left {
        width: 58px;
        height: 74px
    }

    .modal-order-form .illustration-left img {
        width: 58px;
        height: 74px;
        top: -24px;
        right: 24px
    }

    .modal-order-form:not(.modal-order-form-ca) .illustration-left {
        position: absolute;
        bottom: 0;
        left: 0
    }

    .modal-order-form:not(.modal-order-form-ca) .illustration-right {
        right: -110px;
        top: -180px
    }

    .modal-order-form-ca .promo-content:before {
        background-position: -428px -380px
    }

    .modal-order-form-ca .illustrations {
        min-height: 165px
    }

    .modal-order-form-ca .promo-content-left h2,.modal-order-form .promo-content-right h2 {
        font-size: 28px;
        line-height: 36px
    }

    .modal-order-form-ca .promo-content-left p {
        line-height: 24px
    }

    .modal-order-form-ca .illustration-cc img,.modal-order-form-ca .illustration-left {
        display: none
    }

    .modal-order-form-ca .illustration-center {
        overflow: hidden;
        width: 220px;
        height: 155px;
        top: 0;
        right: 50%
    }

    .modal-order-form-ca .illustration-center img {
        width: 100%;
        height: 100%
    }

    .modal-order-form-ca .illustration-right {
        right: 24px;
        bottom: -8px;
        height: 64px;
        width: 64px;
        padding: 10px;
        top: unset
    }

    .modal-order-form-ca .illustration-right img {
        height: 48px;
        width: 48px
    }
}

@media(max-width: 390px) {
    .modal-order-form:not(.modal-order-form-ca) .illustration-right {
        right:-160px;
        top: -230px
    }

    .modal-order-form .promo-content-left {
        padding-bottom: 16px
    }
}

.newsletter-popover {
    position: absolute;
    bottom: 100%;
    z-index: 999;
    margin-bottom: 8px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(16px);
    transition: all .1s cubic-bezier(0,0,0,1);
    pointer-events: none
}

.newsletter-popover-arrow {
    position: absolute;
    bottom: -20px;
    left: 190px;
    height: 20px;
    width: 20px;
    overflow: hidden
}

.newsletter-popover-arrow:after {
    position: absolute;
    left: 5px;
    top: -5px;
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    background: #fff;
    transform: rotate(45deg);
    box-shadow: 0 2px 10px rgba(0,0,0,.15)
}

.newsletter-popover-body {
    padding: 16px 16px 16px 88px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 5px 30px rgba(0,0,0,.25);
    line-height: 24px
}

.newsletter-popover-icon {
    position: absolute;
    top: 16px;
    left: 16px;
    height: 56px;
    width: 56px;
    background: url(../img/newsletter-icon.png) no-repeat 50%
}

.newsletter-checkbox.openPopover .newsletter-popover {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.newsletter-checkbox.openPopover:not(.buttonHover) .checkbox-styled {
    border-color: #5bc758
}

.newsletter-checkbox.openPopover:not(.buttonHover) .text-primary {
    color: #5bc758
}

.newsletter-checkbox-overlayer {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 10;
    top: 0;
    cursor: pointer
}

.newsletter-checkbox-overlayer:hover+label .checkbox-styled {
    border-color: #5bc758
}

.newsletter-checkbox input,.newsletter-checkbox ins {
    left: 0!important;
    top: 0!important;
    height: 100%!important;
    width: 100%!important
}

.cloud-billing .btn>span {
    color: #fff
}

.cloud-billing .btn-xxxlg {
    height: 80px;
    padding: 28px 32px;
    font-size: 18px
}

.cloud-billing .banner-section-left .btn-xxxlg {
    width: 250px
}

@media (max-width: 479px) {
    .cloud-billing .btn-xxxlg {
        height:56px;
        padding: 16px 24px;
        font-size: 15px
    }
}

.cloud-billing .page-banner {
    padding: 143px 0 100px;
    background: linear-gradient(160deg,#f89649,#e35802);
    margin-top: 0
}

.cloud-billing .page-banner:before {
    display: none!important;
    background: none!important
}

.cloud-billing .page-banner .col-md-6 {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.cloud-billing .page-banner .btn:not(.btn-light-blue):not(.btn-primary) {
    background-image: -webkit-linear-gradient(150deg,#ffcb2e,#ecb40e);
    background-image: linear-gradient(150deg,#ffcb2e,#ecb40e)
}

.cloud-billing .page-banner .btn:not(.btn-light-blue):not(.btn-primary)>span:before {
    background: hsla(0,0%,100%,.04)
}

.cloud-billing .page-banner .btn:not(.btn-light-blue):not(.btn-primary):after {
    background-image: -webkit-linear-gradient(160deg,#ffd968,#ecb40e);
    background-image: linear-gradient(160deg,#ffd968,#ecb40e)
}

.cloud-billing .page-banner .banner-section-left {
    z-index: 1
}

.cloud-billing .page-banner .banner-section {
    padding-top: 0;
    margin-bottom: -20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start
}

.cloud-billing .page-banner .section-title {
    margin-bottom: 24px;
    font-size: 74px;
    font-weight: 900;
    line-height: 80px;
    text-shadow: 0 6px 16px rgba(0,0,0,.08)
}

.cloud-billing .page-banner .section-desc {
    opacity: .9;
    margin: 40px 0;
    font-size: 32px;
    font-weight: 300;
    line-height: 48px
}

.cloud-billing .banner-section-right {
    max-width: 668px;
    width: 100%;
    position: relative;
    margin-right: -32px
}

@media (min-width: 1200px) and (max-width:1300px) {
    .cloud-billing .page-banner .banner-section {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .cloud-billing .banner-section-left {
        width: 41%
    }

    .banner-section-right .banner-img-top {
        width: 192px;
        right: -25px!important;
        top: 110px;
        background-size: cover
    }

    .banner-section-right .banner-img-bottom {
        width: 450px;
        right: -25px!important;
        bottom: -38px
    }
}

@media(max-width: 1199px) {
    .cloud-billing .page-banner .banner-section {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0
    }

    .cloud-billing .banner-section-left {
        width: 100%;
        text-align: center;
        margin-bottom: 62px
    }

    .cloud-billing .banner-section-right {
        margin: auto
    }

    .cloud-billing .banner-section-right .banner-img-bottom,.cloud-billing .banner-section-right .banner-img-top {
        right: -25px
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .cloud-billing .page-banner .section-title {
        font-size:62px;
        line-height: 72px
    }
}

@media (max-width: 991px) {
    .cloud-billing .page-banner {
        padding:80px 0 120px
    }

    .cloud-billing .page-banner .section-desc,.cloud-billing .page-banner .section-title {
        text-align: center
    }

    .cloud-billing .page-banner .section-title {
        margin-top: 0;
        font-size: 56px;
        line-height: 64px
    }

    .cloud-billing .page-banner .section-desc {
        margin-bottom: 32px
    }

    .cloud-billing .page-banner .story-box {
        margin: 0 auto
    }
}

@media (max-width: 767px) {
    .cloud-billing .page-banner {
        padding-top:56px;
        padding-bottom: 130px
    }

    .cloud-billing .page-banner .banner-section>.row>.col-md-6 {
        width: 100%
    }

    .cloud-billing .page-banner .section-title {
        margin-top: 0;
        font-size: 40px;
        line-height: 48px
    }

    .cloud-billing .page-banner .section-desc {
        font-size: 20px;
        line-height: 32px
    }

    .cloud-billing .banner-section-right .banner-img-top {
        right: -21px
    }
}

@media (max-width: 710px) {
    .cloud-billing .page-banner {
        padding-bottom:50px
    }

    .cloud-billing .banner-section-right .banner-img-bottom .banner-img-bottom-desc p {
        font-size: 14px
    }
}

.cloud-billing .browser-section {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 0 16px 6px rgba(0,0,0,.08);
    position: relative;
    z-index: 1
}

.cloud-billing .browser-section .browsers-top {
    height: 32px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 8px
}

.cloud-billing .browser-section .browsers-top .browsers-dot {
    background: #ff8e2b;
    width: 8px;
    min-width: 8px;
    height: 8px;
    margin-right: 5px;
    border-radius: 100px
}

.cloud-billing .banner-img-top {
    background: url(../img/cloud-billing/invoices-summary.png) #fff;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    right: -19px;
    top: 135px;
    height: 128px;
    width: 240px;
    border-radius: 3px;
    box-shadow: 2px 2px 24px 12px rgba(0,0,0,.1)
}

.cloud-billing .banner-img-bottom {
    position: absolute;
    right: -47px;
    bottom: -96px;
    background-color: #fff;
    padding: 40px;
    box-shadow: 2px 2px 24px 12px rgba(0,0,0,.1);
    width: 474px;
    border-top: 3px solid #ff8e2b
}

@media(min-width: 992px) {
    .cloud-billing:not(.google-billing):not(.azure-billing) .page-banner {
        padding:160px 0 124px
    }

    .cloud-billing:not(.google-billing):not(.azure-billing) .banner-img-bottom {
        padding: 30px;
        bottom: -75px
    }
}

.cloud-billing .banner-img-bottom-desc {
    position: relative
}

.cloud-billing .banner-img-bottom p {
    color: #2e3442;
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 0
}

.cloud-billing .banner-img-bottom-desc p:first-of-type {
    margin-bottom: 24px
}

@media(min-width: 710px) {
    .cloud-billing .banner-section-right .browser-section {
        height:486px;
        width: 662px
    }

    .cloud-billing .banner-section-right .banner-img-bottom {
        height: 299px
    }

    .cloud-billing:not(.google-billing):not(.azure-billing) .banner-section-right .banner-img-bottom {
        height: 279px
    }
}

@media(max-width: 710px) {
    .cloud-billing .browser-section .browsers-screen img {
        width:100%
    }

    .cloud-billing .banner-section-right .banner-img-top {
        right: -10px;
        top: 17%
    }

    .cloud-billing .banner-img-bottom p {
        color: #fff;
        text-align: center
    }

    .cloud-billing .banner-img-bottom-desc p:first-of-type {
        margin-bottom: 16px
    }
}

@media(max-width: 580px) {
    .cloud-billing .banner-section-right .banner-img-bottom {
        bottom:-215px
    }
}

@media(max-width: 390px) {
    .cloud-billing .banner-section-right .banner-img-bottom {
        bottom:-260px
    }

    .cloud-billing .banner-section-right .banner-img-bottom .banner-img-bottom-desc {
        line-height: 27px
    }
}

@media(max-width: 310px) {
    .cloud-billing .banner-section-right .banner-img-bottom {
        bottom:-310px
    }
}

.cloud-billing .shapes {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.cloud-billing .page-banner .shape-top-left {
    height: 776px;
    width: 785px;
    background: url(../img/cloud-billing/aws-box-left.png);
    background-repeat: no-repeat;
    opacity: .45
}

.cloud-billing .page-banner .shape-top-right {
    height: 507px;
    width: 514px;
    background: url(../img/cloud-billing/aws-box-right.png);
    background-repeat: no-repeat;
    opacity: .35
}

.cloud-billing .shape-bottom-right {
    height: 104px;
    width: 104px;
    background: url(../img/cloud-billing/aws-shape_browser-small.png);
    background-repeat: no-repeat;
    opacity: .8
}

.cloud-billing .shape-bottom-left {
    height: 291px;
    width: 267px;
    background: url(../img/cloud-billing/aws-box-middle.png);
    background-repeat: no-repeat;
    opacity: .7
}

.cloud-billing .page-banner .shapes>* {
    position: absolute
}

.cloud-billing .page-banner .shape-top-left {
    bottom: auto!important;
    right: auto!important;
    top: -20px!important;
    left: -20px!important
}

.cloud-billing .page-banner .shape-top-right {
    left: 94%!important;
    bottom: auto!important;
    top: -20px!important;
    right: 0!important
}

.cloud-billing .page-banner .shape-bottom-right {
    left: auto!important;
    top: auto!important;
    bottom: -200px!important;
    right: -605px!important;
    background-position-x: right
}

.cloud-billing .banner-section-right .shapes {
    overflow: visible
}

.cloud-billing .page-banner .shape-bottom-left {
    left: -150px!important;
    top: 330px!important;
    bottom: 70px!important;
    right: auto!important
}

@media (max-width: 1199px) {
    .cloud-billing .page-banner .shape-top-left {
        left:-450px!important
    }
}

@media (max-width: 767px) {
    .cloud-billing .page-banner .shape-bottom-left,.cloud-billing .page-banner .shape-top-right {
        display:none!important
    }

    .cloud-billing .page-banner .shape-bottom-right {
        bottom: -210px!important;
        right: -540px!important
    }
}

body.cloud-billing .page-content {
    padding-top: 32px
}

.cloud-billing .page-content {
    z-index: 8
}

.cloud-billing .content-section {
    position: relative;
    padding: 90px 0 112px;
    overflow: hidden
}

.cloud-billing .section-center .section-title {
    text-align: center;
    margin-bottom: 92px
}

.cloud-billing .content-section>.container {
    position: relative;
    z-index: 9
}

.cloud-billing .section-center .section-desc {
    margin-bottom: 64px
}

.cloud-billing .content-section .section-middle .middle-browser {
    position: relative
}

.cloud-billing .content-section .section-middle .middle-browser .browser-section {
    z-index: 1;
    border-radius: 0
}

.cloud-billing .content-section .section-middle .middle-browser .browsers-dot {
    width: 6px;
    min-width: 6px;
    height: 6px
}

.cloud-billing .content-section .section-middle+.section-middle {
    margin-top: 130px
}

.cloud-billing .section-middle .section-desc,.cloud-billing .section-middle .section-title,.section-desc-list {
    max-width: 477px
}

.cloud-billing .content-section .flex-c {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.cloud-billing .content-section .section-middle .section-title {
    font-size: 32px;
    font-weight: 500;
    color: #2e3442;
    line-height: 46px;
    text-align: left;
    margin-bottom: 0
}

.cloud-billing .content-section .section-middle .section-desc {
    color: #2e3442;
    font-size: 20px;
    line-height: 32px;
    text-align: left;
    margin-top: 32px
}

.cloud-billing .content-section .section-middle .section-desc-list {
    list-style: none;
    margin-top: 32px
}

.cloud-billing .content-section .section-middle .section-desc-list li {
    position: relative;
    font-size: 19px;
    line-height: 30px;
    margin-bottom: 16px;
    color: #2e3442
}

.cloud-billing .content-section .section-middle .section-desc-list li:before {
    display: inline-block;
    content: "";
    background: #ff8e2b;
    width: 6px;
    min-width: 6px;
    height: 6px;
    border-radius: 100px;
    position: absolute;
    left: -36px;
    top: 11px
}

.cloud-billing .content-section .section-middle .section-desc-list li strong {
    color: #2e3442
}

.cloud-billing .content-section .section-middle .browser-section {
    box-shadow: 0 0 16px 6px rgba(0,0,0,.08);
    width: 491px;
    padding: 0
}

.cloud-billing .content-section .col-md-6.ml-90 .browser-section {
    margin-right: -100px
}

.cloud-billing .content-section .section-middle .browser-section img {
    max-width: 491px
}

.cloud-billing .content-section .section-middle .browser-section .charges-img,.cloud-billing .content-section .section-middle .browser-section .connection-img,.cloud-billing .content-section .section-middle .browser-section .pricing-img,.cloud-billing .content-section .section-middle .browser-section .tags-img {
    position: absolute;
    box-shadow: 2px 2px 24px 12px rgba(0,0,0,.1)
}

.cloud-billing .content-section .section-middle .browser-section .tags-img {
    top: 198px;
    right: -40px
}

.cloud-billing .content-section .section-middle .browser-section .tags-img img {
    max-width: 258px
}

.cloud-billing .content-section .section-middle .browser-section .pricing-img {
    bottom: -114px;
    right: -40px
}

.cloud-billing .content-section .section-middle .browser-section .pricing-img img {
    max-width: 311px
}

.cloud-billing .content-section .section-middle .browser-section .connection-img {
    bottom: 126px;
    right: -35px
}

.cloud-billing .content-section .section-middle .browser-section .connection-img img {
    max-width: 217px
}

.cloud-billing .content-section .section-middle .browser-section .charges-img {
    bottom: -45px;
    right: -40px
}

.cloud-billing .content-section .section-middle .browser-section .charges-img img {
    max-width: 306px
}

.cloud-billing .section-middle .section-title {
    margin-bottom: 24px
}

.cloud-billing .section-middle .section-desc {
    margin: 0
}

.cloud-billing .content-section .section-information {
    margin-top: 110px
}

.cloud-billing .content-section .section-information .box-info {
    border: 1px solid #e9eff6;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 30px;
    position: relative
}

.cloud-billing .content-section .section-information .box-info:after {
    content: "";
    border-left: 3px solid #ff8e2b;
    position: absolute;
    left: 0;
    top: -1px;
    bottom: -1px
}

.cloud-billing .content-section .section-information .box-info .box-info-icon {
    margin-right: 30px
}

.cloud-billing .content-section .section-information .box-info .box-info-icon img {
    width: 64px;
    height: 64px
}

.cloud-billing .content-section .section-information .box-info .box-info-desc h3 {
    font-size: 21px;
    line-height: 30px;
    margin: 0 0 6px
}

.cloud-billing .content-section .section-information .box-info .box-info-desc p {
    font-size: 21px;
    line-height: 30px;
    color: #5c5f66;
    margin-bottom: 0;
    width: 100%;
    font-weight: 500
}

@media(min-width: 1200px) {
    .cloud-billing .browser-section.tags {
        height:481px
    }

    .cloud-billing .browser-section.pricing {
        height: 307px
    }

    .cloud-billing .browser-section.connection {
        height: 459px
    }

    .cloud-billing .browser-section.charges {
        height: 401px
    }

    .cloud-billing .browser-section.service {
        height: 315px
    }

    .cloud-billing .browser-section.earnings {
        height: 343px
    }
}

@media(max-width: 1200px) {
    .cloud-billing .content-section .col-md-6.mr-120 .browser-section {
        margin-left:0
    }

    .cloud-billing .content-section .col-md-6.ml-90 .browser-section {
        margin-right: 0
    }
}

@media(min-width: 992px) and (max-width:1200px) {
    .cloud-billing .content-section .section-middle .browser-section,.cloud-billing .content-section .section-middle .browser-section img {
        max-width:450px
    }

    .cloud-billing .content-section .section-middle .browser-section .tags-img img {
        max-width: 410px
    }

    .cloud-billing .content-section .section-middle .browser-section .pricing-img {
        bottom: -33px
    }

    .cloud-billing .browser-section.tags {
        height: 441px
    }

    .cloud-billing .browser-section.pricing {
        height: 281px
    }

    .cloud-billing .browser-section.connection {
        height: 420px
    }

    .cloud-billing .browser-section.charges {
        height: 367px
    }

    .cloud-billing .browser-section.service {
        height: 289px
    }

    .cloud-billing .browser-section.earnings {
        height: 315px
    }
}

@media(min-width: 992px) {
    .cloud-billing .content-section .section-middle .col-md-6:first-of-type {
        margin-left:40px
    }

    .cloud-billing .content-section .section-middle .col-md-6:last-of-type {
        margin-right: 40px
    }
}

@media (max-width: 991px) {
    .cloud-billing .content-section .section-middle+.section-middle {
        margin-top:80px
    }

    .cloud-billing .content-section .section-middle .browser-section {
        margin-left: auto!important;
        margin-right: auto!important
    }

    .cloud-billing .section-middle {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .cloud-billing .section-middle .col-md-6.mr-120 {
        margin-right: 30px
    }

    .cloud-billing .section-middle .col-md-6.col-sm-12.middle-browser {
        order: 1;
        margin: 16px 0 0
    }

    .cloud-billing .content-section .section-middle .section-title {
        line-height: 42px
    }

    .cloud-billing .content-section .section-middle .section-desc,.cloud-billing .content-section .section-middle .section-title {
        max-width: 100%;
        padding: 20px;
        text-align: center
    }

    .cloud-billing .content-section .section-middle .section-desc-list {
        max-width: 100%;
        margin-top: 0
    }

    .cloud-billing .content-section .section-middle .section-desc {
        margin-top: 0
    }

    .cloud-billing .content-section .section-middle .browser-section .pricing-img {
        bottom: -35px;
        background: #fff
    }

    .cloud-billing .content-section .section-middle .browser-section .pricing-img img {
        max-width: 70%
    }
}

@media (min-width: 768px) {
    .cloud-billing .section-middle {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .cloud-billing .content-section .section-middle .section-desc-list li:before {
        top: 13px
    }
}

@media (max-width: 767px) {
    .cloud-billing .section-center .section-title {
        margin-bottom:62px
    }

    .cloud-billing .content-section .section-middle .section-title {
        font-size: 18px;
        line-height: 26px;
        margin: 0
    }

    .cloud-billing .content-section .section-middle .section-desc-list li {
        font-size: 14px
    }

    .cloud-billing .content-section .section-middle .section-desc {
        font-size: 14px;
        line-height: 28px;
        padding-top: 0
    }

    .cloud-billing .content-section .section-information .box-info .box-info-desc p {
        font-size: 14px;
        line-height: 27px
    }

    .cloud-billing .content-section .section-middle .browser-section .charges-img {
        bottom: 35px
    }
}

@media (max-width: 710px) {
    body.cloud-billing .page-content {
        padding-top:0
    }

    .cloud-billing .banner-section-right .browser-section {
        background: transparent;
        box-shadow: none
    }

    .cloud-billing .banner-section-right .browsers-screen {
        background: #fff;
        box-shadow: 0 0 16px 6px rgba(0,0,0,.08);
        border-radius: 6px
    }

    .google-billing .banner-section-right .browser-section {
        padding: 0
    }

    .cloud-billing .banner-section-right .banner-img-bottom {
        position: relative;
        bottom: unset;
        right: unset;
        left: unset;
        margin-top: 32px;
        background: transparent;
        width: 100%;
        box-shadow: none;
        border: 0;
        padding: 0 2px
    }
}

@media(max-width: 992px) and (min-width:550px) {
    .cloud-billing .browser-section.tags {
        height:481px
    }

    .cloud-billing .browser-section.pricing {
        height: 307px
    }

    .cloud-billing .browser-section.connection {
        height: 459px
    }

    .cloud-billing .browser-section.charges {
        height: 343px
    }

    .cloud-billing .browser-section.service {
        height: 315px
    }

    .cloud-billing .browser-section.earnings {
        height: 343px
    }

    .google-billing .browser-section.tags {
        height: 399px
    }

    .cloud-billing .browser-section.details,.google-billing .browser-section.charges {
        height: 401px
    }
}

@media(max-width: 600px) {
    .cloud-billing .content-section .section-middle .browser-section {
        max-width:95%
    }

    .cloud-billing .browser-section .browsers-screen img {
        width: 100%
    }

    .cloud-billing .content-section .section-middle .browser-section .charges-img,.cloud-billing .content-section .section-middle .browser-section .connection-img,.cloud-billing .content-section .section-middle .browser-section .pricing-img {
        max-width: 50%
    }

    .cloud-billing .content-section .section-middle .browser-section .charges-img {
        bottom: -6%;
        right: -6%
    }

    .cloud-billing .content-section .section-middle .browser-section .connection-img {
        bottom: 15%;
        right: -10%
    }

    .cloud-billing .content-section .section-middle .browser-section .tags-img {
        top: 100px;
        right: -5%
    }

    .cloud-billing .content-section .section-middle .browser-section .pricing-img {
        bottom: -20%;
        right: -6%
    }

    .cloud-billing .content-section .section-middle .browser-section .charges-img img,.cloud-billing .content-section .section-middle .browser-section .connection-img img,.cloud-billing .content-section .section-middle .browser-section .pricing-img img,.cloud-billing .content-section .section-middle .browser-section .tags-img img {
        max-width: 100%
    }
}

@media (max-width: 479px) {
    .cloud-billing .content-section {
        padding:56px 0
    }

    .cloud-billing .section-middle .col-md-6.col-sm-12.middle-browser {
        margin-bottom: 0
    }

    .cloud-billing .content-section .section-information {
        margin-top: 56px
    }

    .cloud-billing .content-section .section-information .box-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }

    .cloud-billing .content-section .section-information .box-info .box-info-icon {
        margin-right: 0
    }

    .cloud-billing .content-section .section-information .box-info .box-info-desc h3 {
        margin: 15px 0
    }
}

.cloud-billing .aws-pricing>.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cloud-billing .aws-pricing .aws-package {
    background-color: #fff;
    border: 1px solid #dadde6;
    border-top: 3px solid #ff8e2b;
    padding: 70px 30px;
    text-align: center;
    height: 100%;
    margin-top: -30px
}

.cloud-billing .aws-pricing .aws-package h3 {
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 30px
}

.cloud-billing .aws-pricing .aws-package .aws-price {
    color: #ff8e2b;
    margin-bottom: 5px;
    height: 35px
}

.cloud-billing .aws-pricing .aws-package .aws-price .price {
    font-size: 40px;
    font-weight: 300;
    line-height: 24px
}

.cloud-billing .aws-pricing .aws-package .aws-price .price small {
    font-size: 14px
}

.cloud-billing .aws-pricing .aws-package .aws-price.price-custom .price {
    font-size: 23px;
    font-weight: 400
}

.cloud-billing .aws-pricing .aws-package .aws-package-desc {
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cloud-billing .aws-pricing .aws-package .aws-package-desc span {
    font-size: 16px;
    color: #5c5f66;
    line-height: 27px
}

.cloud-billing .content-section .aws-pricing .section-actions {
    text-align: center;
    padding-top: 35px
}

.cloud-billing .aws-pricing .section-actions .btn:not(.btn-light-blue):not(.btn-primary) {
    background-image: -webkit-linear-gradient(150deg,#ffad2b,#ff8e2b);
    background-image: linear-gradient(150deg,#ffad2b,#ff8e2b);
    width: 244px
}

.cloud-billing .aws-pricing .section-actions .btn:not(.btn-light-blue):not(.btn-primary):after {
    background-image: -webkit-linear-gradient(160deg,#fcc164,#ff8e2b);
    background-image: linear-gradient(160deg,#fcc164,#ff8e2b)
}

.cloud-billing .section-actions .btn {
    min-width: 258px
}

@media(max-width: 992px) {
    .cloud-billing .aws-pricing .col-md-3.col-sm-6.col-xs-12 {
        margin-bottom:15px
    }
}

@media (max-width: 579px) {
    .cloud-billing .content-section .aws-pricing .section-actions {
        padding-top:14px
    }
}

.primary-navbar .navbar-nav .nav-cloud-billing>.dropdown-toggle {
    color: #fa872a
}

.primary-navbar .navbar-nav .nav-cloud-billing>.dropdown-toggle:hover,.primary-navbar .navbar-nav>.nav-cloud-billing.hovered>.dropdown-toggle {
    color: #e06b15
}

.primary-navbar .navbar-nav>li.nav-cloud-billing {
    position: relative
}

.primary-navbar .navbar-nav>li.nav-cloud-billing .dropdown-menu {
    min-width: 288px;
    padding: 25px 10px;
    position: absolute;
    top: 128%;
    left: 24px;
    z-index: 999;
    margin: 0;
    background: #fff;
    box-shadow: 0 2px 30px -1px rgba(30,45,70,.15);
    text-align: left;
    transition: .2s ease-in-out
}

.primary-navbar .nav-cloud-billing .dropdown-menu li {
    min-height: 48px
}

.primary-navbar .nav-cloud-billing.hovered.dropdown:after {
    content: '';
    position: absolute;
    bottom: -20px;
    height: 20px;
    left: 0;
    right: 0
}

.primary-navbar .nav-cloud-billing .dropdown-menu a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 8px 16px
}

.primary-navbar .nav-cloud-billing .dropdown-menu a.disabled {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .5
}

.primary-navbar .nav-cloud-billing .dropdown-menu .nav-link-logo {
    margin-right: 24px;
    height: 48px;
    width: 48px;
    min-width: 48px;
    min-height: 48px;
    font-size: 48px;
    line-height: 48px
}

.primary-navbar .nav-cloud-billing .dropdown-menu .nav-link-logo img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%
}

.primary-navbar .nav-cloud-billing .dropdown-menu .nav-link-content {
    display: flex;
    flex-direction: column;
    line-height: 22px
}

.primary-navbar .nav-cloud-billing .nav-link-content span {
    color: #293642;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    transition: .2s ease-in-out
}

.primary-navbar .nav-cloud-billing .dropdown-menu .nav-link-content .nav-link-desc {
    font-size: 11px;
    font-weight: 400;
    transition: .2s ease-in-out
}

.primary-navbar .nav-cloud-billing a:active .nav-link-content span,.primary-navbar .nav-cloud-billing a:focus .nav-link-content span,.primary-navbar .nav-cloud-billing a:hover .nav-link-content span {
    color: #fa872a
}

.primary-navbar .nav-cloud-billing .new-product {
    position: absolute;
    top: 16px;
    right: -16px;
    background: #e60000;
    text-transform: uppercase;
    padding-top: 2px;
    font-size: 10px
}

@-moz-document url-prefix() {
    .primary-navbar .nav-cloud-billing .new-product {
        padding-top: 0
    }
}

.primary-navbar .nav-cloud-billing li .aws .nav-link-desc,.primary-navbar .nav-cloud-billing li .aws:hover .nav-link-desc {
    color: #f17b27
}

.primary-navbar .nav-cloud-billing .cb-google .nav-link-content .nav-link-desc,.primary-navbar .nav-cloud-billing .cb-google:active .nav-link-content span,.primary-navbar .nav-cloud-billing .cb-google:focus .nav-link-content span,.primary-navbar .nav-cloud-billing .cb-google:hover .nav-link-content span {
    color: #5bc758
}

.primary-navbar .nav-cloud-billing .azure .nav-link-content .nav-link-desc,.primary-navbar .nav-cloud-billing .azure:active .nav-link-content span,.primary-navbar .nav-cloud-billing .azure:focus .nav-link-content span,.primary-navbar .nav-cloud-billing .azure:hover .nav-link-content span {
    color: #00bfff
}

@media(max-width: 1200px) and (min-width:992px) {
    .primary-navbar .nav-cloud-billing .new-product {
        right:-10px
    }
}

@media(min-width: 992px) {
    .primary-navbar .navbar-nav>li.nav-cloud-billing .dropdown-toggle:before {
        display:none!important
    }

    .primary-navbar .navbar-nav>li.nav-cloud-billing .dropdown-menu:before {
        display: block;
        content: '';
        position: absolute;
        bottom: 0;
        width: 0;
        height: 0;
        margin-left: -8px;
        vertical-align: middle;
        border-bottom: 8px solid #fff;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent
    }
}

@media(max-width: 992px) {
    .primary-navbar .navbar-nav .nav-cloud-billing>.dropdown-toggle {
        color:#fa872a
    }

    .primary-navbar .navbar-nav>li.nav-cloud-billing .dropdown-menu {
        background-color: #2e3442;
        left: 0;
        padding: 10px 15px 10px 17px;
        width: 260px;
        min-width: 0;
        opacity: 1;
        visibility: visible;
        position: static;
        transition: none;
        display: none
    }

    .primary-navbar .navbar-nav>li.nav-cloud-billing.dropdown.open .dropdown-menu,.primary-navbar .navbar-nav>li.nav-cloud-billing.dropdown.open .item-open {
        opacity: 1;
        visibility: visible;
        position: static;
        z-index: 10;
        display: block
    }

    .primary-navbar .navbar-nav>li.nav-cloud-billing.dropdown.open .item-open li a {
        padding-left: 15px
    }

    .primary-navbar .nav-cloud-billing.hovered.dropdown:after {
        display: none
    }

    .primary-navbar .navbar-nav>li.nav-cloud-billing .dropdown-menu li {
        min-height: 0;
        border-left: 1px solid #40495c
    }

    .primary-navbar .navbar-nav>li.nav-cloud-billing .dropdown-menu li a {
        min-height: 40px
    }

    .primary-navbar .navbar-nav>li.nav-cloud-billing .dropdown-menu li a:hover {
        color: #5bc758
    }

    .primary-navbar .navbar-nav>li.nav-cloud-billing .dropdown-menu .nav-link-logo {
        display: none
    }

    .primary-navbar .nav-cloud-billing .dropdown-menu .nav-link-content {
        flex-direction: row;
        align-items: center
    }

    .primary-navbar .nav-cloud-billing .dropdown-menu .nav-link-content .nav-link-text {
        color: #bfc2c9;
        font-size: 13px;
        line-height: 1.42857143px;
        font-weight: 400
    }

    .primary-navbar .navbar-nav>li.nav-cloud-billing .dropdown-menu .nav-link-desc {
        background-color: #40495c;
        padding: 5px;
        font-size: 9px;
        margin-left: 7px;
        font-weight: 400;
        line-height: 12px
    }

    .primary-navbar .nav-cloud-billing .nav-link-content .nav-link-desc {
        color: #fff
    }

    .primary-navbar .navbar-nav>li.nav-cloud-billing .dropdown-menu li .aws .nav-link-desc {
        color: #f17b27
    }
}

@media(max-width: 991px) {
    .primary-navbar .nav-cloud-billing .new-product {
        top:10px;
        right: 16px
    }
}

@media (min-width: 768px) {
    .primary-navbar .navbar-nav>li.nav-cloud-billing.hovered>.dropdown-menu {
        top:118%
    }
}

@media (max-width: 767px) {
    .primary-navbar .navbar-nav .nav-cloud-billing>dropdown-toggle:not(.btn) {
        color:#fa872a
    }

    .primary-navbar .navbar-nav>li.nav-cloud-billing li a {
        padding-left: 12px
    }
}

.developer-outsourcing .btn>span {
    color: #fff
}

.developer-outsourcing .btn-xxxlg {
    height: 80px;
    padding: 28px 32px;
    font-size: 18px
}

.developer-outsourcing .lead {
    color: #5c5f66;
    font-size: 20px;
    line-height: 32px
}

@media (max-width: 479px) {
    .developer-outsourcing .btn-xxxlg {
        height:56px;
        padding: 16px 24px;
        font-size: 15px
    }
}

.developer-outsourcing .page-banner {
    padding: 118px 0 242px
}

.developer-outsourcing .page-banner,.page-developer-outsourcing-form .page-bg {
    background: linear-gradient(140deg,#006fde 10%,#005aba 35%,#003074 90%)
}

.developer-outsourcing .page-banner:before {
    display: none!important
}

.developer-outsourcing .page-banner .banner-team {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../img/developer-outsourcing/team.png) no-repeat bottom;
    opacity: 1
}

.developer-outsourcing .page-banner>.container {
    position: relative;
    z-index: 2
}

.developer-outsourcing .page-banner .banner-section {
    padding: 0
}

.developer-outsourcing .page-banner .section-title {
    margin-bottom: 24px;
    font-size: 74px;
    font-weight: 900;
    line-height: 80px;
    text-shadow: 0 6px 16px rgba(0,0,0,.08)
}

.developer-outsourcing .page-banner .section-desc {
    margin: 0;
    font-size: 32px;
    font-weight: 300;
    line-height: 48px
}

@media (min-width: 992px) {
    .developer-outsourcing .page-banner .banner-section>.row {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .developer-outsourcing .page-banner .section-desc,.developer-outsourcing .page-banner .section-title {
        max-width: 482px;
        padding-right: 32px
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .developer-outsourcing .page-banner .section-title {
        font-size:62px;
        line-height: 72px
    }
}

@media (max-width: 991px) {
    .developer-outsourcing .page-banner {
        padding-top:80px
    }

    .developer-outsourcing .page-banner .section-desc,.developer-outsourcing .page-banner .section-title {
        text-align: center
    }

    .developer-outsourcing .page-banner .section-title {
        margin-top: 0;
        font-size: 56px;
        line-height: 64px
    }

    .developer-outsourcing .page-banner .section-desc {
        margin-bottom: 32px
    }

    .developer-outsourcing .page-banner .story-box {
        margin: 0 auto
    }
}

@media (max-width: 767px) {
    .developer-outsourcing .page-banner {
        padding-top:56px
    }

    .developer-outsourcing .page-banner .banner-section>.row>.col-md-6 {
        width: 100%
    }

    .developer-outsourcing .page-banner .section-title {
        margin-top: 0;
        font-size: 40px;
        line-height: 48px
    }

    .developer-outsourcing .page-banner .section-desc {
        font-size: 20px;
        line-height: 32px
    }
}

.developer-outsourcing .page-banner .story-box {
    height: 420px;
    max-width: 570px;
    padding: 48px;
    background: linear-gradient(140deg,rgba(0,105,210,.3),rgba(0,48,116,.3));
    box-shadow: 0 10px 40px rgba(0,0,0,.15);
    color: #fff;
    text-align: center
}

.developer-outsourcing .page-banner .story-box p {
    margin-bottom: 32px;
    font-size: 18px;
    font-weight: 300;
    line-height: 28px
}

@media (min-width: 768px) {
    .developer-outsourcing .page-banner .story-box {
        display:flex;
        align-items: center;
        justify-content: center
    }
}

@media (max-width: 767px) {
    .developer-outsourcing .page-banner .story-box {
        height:auto;
        padding: 24px
    }

    .developer-outsourcing .page-banner .story-box p {
        font-size: 16px;
        line-height: 26px
    }
}

.developer-outsourcing .shapes {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.developer-outsourcing .shape-top-left {
    height: 776px;
    width: 785px;
    background: url(../img/developer-outsourcing/shape-top_left.png);
    opacity: .45
}

.developer-outsourcing .shape-top-right {
    height: 507px;
    width: 514px;
    background: url(../img/developer-outsourcing/shape-top_right.png);
    opacity: .35
}

.developer-outsourcing .shape-bottom-right {
    height: 373px;
    width: 377px;
    background: url(../img/developer-outsourcing/shape-bottom_right.png);
    opacity: .06
}

.developer-outsourcing .page-banner .shapes>* {
    position: absolute
}

.developer-outsourcing .page-banner .shape-top-left {
    bottom: auto!important;
    right: auto!important;
    top: -240px!important;
    left: -250px!important
}

.developer-outsourcing .page-banner .shape-top-right {
    left: 75%!important;
    bottom: auto!important;
    top: -300px!important;
    right: 0!important
}

.developer-outsourcing .page-banner .shape-bottom-right {
    left: auto!important;
    top: auto!important;
    bottom: -180px!important;
    right: 200px!important
}

body.page-developer-outsourcing-form .page-bg:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 776px;
    width: 785px;
    background: url(../img/developer-outsourcing/shape-top_left.png);
    opacity: .45!important;
    bottom: auto;
    right: auto;
    top: -240px;
    left: -250px
}

body.page-developer-outsourcing-form .page-bg:after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: block;
    content: "";
    height: 507px;
    width: 514px;
    background: url(../img/developer-outsourcing/shape-top_right.png);
    opacity: .35;
    left: 75%;
    bottom: auto;
    top: -300px;
    right: 0
}

@media (max-width: 1199px) {
    .developer-outsourcing .page-banner .shape-top-left {
        left:-450px!important
    }
}

@media (max-width: 767px) {
    .developer-outsourcing .page-banner .shape-top-right {
        display:none!important
    }
}

.developer-outsourcing .page-content {
    z-index: 8
}

.developer-outsourcing .content-section {
    position: relative;
    padding: 88px 0;
    overflow: hidden
}

.developer-outsourcing .content-section>.container {
    position: relative;
    z-index: 9
}

.developer-outsourcing .content-section .section-desc {
    color: #5c5f66;
    font-size: 20px;
    line-height: 32px
}

.developer-outsourcing .section-center .section-desc {
    margin-bottom: 64px
}

.developer-outsourcing .section-services {
    padding-top: 0!important;
    margin-top: -80px
}

@media (max-width: 991px) {
    .developer-outsourcing .content-section {
        padding:72px 0
    }
}

@media (max-width: 767px) {
    .developer-outsourcing .content-section .section-desc {
        font-size:18px;
        line-height: 28px
    }
}

@media (max-width: 479px) {
    .developer-outsourcing .content-section {
        padding:56px 0
    }
}

.developer-outsourcing .section-middle .section-title {
    margin-bottom: 24px
}

.developer-outsourcing .section-middle .section-title b {
    color: #0ebcfc;
    font-weight: 800
}

.developer-outsourcing .section-middle .section-desc {
    margin: 0
}

.developer-outsourcing .section-middle .section-desc+.section-actions {
    padding-top: 32px
}

@media (min-width: 992px) {
    .developer-outsourcing .section-middle {
        display:flex;
        align-items: center
    }

    .developer-outsourcing .section-middle .section-desc,.developer-outsourcing .section-middle .section-title {
        max-width: 450px
    }
}

.developer-outsourcing .section-center .section-desc,.developer-outsourcing .section-center .section-title {
    text-align: center
}

@media (min-width: 992px) {
    .developer-outsourcing .section-center .section-title {
        margin-bottom:72px
    }

    .developer-outsourcing .section-center .section-title+.section-desc {
        margin-top: -48px;
        margin-bottom: 72px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .developer-outsourcing .section-center .section-desc,.developer-outsourcing .section-center .section-title {
        margin-bottom:56px
    }

    .developer-outsourcing .section-center .section-title+.section-desc {
        margin-top: -40px;
        margin-bottom: 56px
    }
}

@media (max-width: 767px) {
    .developer-outsourcing .section-center .section-desc,.developer-outsourcing .section-center .section-title {
        margin-bottom:48px
    }

    .developer-outsourcing .section-center .section-title+.section-desc {
        margin-top: -32px;
        margin-bottom: 48px
    }
}

.developer-outsourcing .services {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 96px
}

.developer-outsourcing .services .panel {
    height: 100%;
    text-align: center
}

.developer-outsourcing .services .panel-body {
    padding: 32px 23px 24px
}

.developer-outsourcing .services .service-icon {
    height: 88px;
    width: 88px;
    margin-bottom: 24px
}

.developer-outsourcing .services .service-title {
    margin: 0;
    color: #5c5f66;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

@media (max-width: 991px) {
    .developer-outsourcing .services {
        margin-bottom:48px
    }

    .developer-outsourcing .services>* {
        margin-bottom: 24px
    }
}

@media (max-width: 480px) {
    .developer-outsourcing .services>* {
        width:100%;
        margin-bottom: 8px
    }

    .developer-outsourcing .services .panel {
        padding-left: 100px;
        min-height: 132px
    }

    .developer-outsourcing .services .panel-body {
        display: flex;
        align-items: center;
        height: 100%;
        text-align: left;
        padding: 24px
    }

    .developer-outsourcing .services .service-icon {
        position: absolute;
        top: 24px;
        left: 24px
    }
}

.developer-outsourcing .contract-illustration {
    display: block;
    position: relative;
    width: 578px;
    height: 356px
}

.developer-outsourcing .contract-bg-left,.developer-outsourcing .contract-bg-right {
    position: absolute;
    bottom: 35px;
    width: 244px;
    height: 303px
}

.developer-outsourcing .contract-bg-left {
    left: 0;
    background: url(../img/developer-outsourcing/conract-bg-left.png)
}

.developer-outsourcing .contract-bg-right {
    right: 0;
    background: url(../img/developer-outsourcing/contract-bg-right.png)
}

.developer-outsourcing .contract {
    position: absolute;
    bottom: 10px;
    z-index: 2;
    left: 50%;
    height: 344px;
    width: 290px;
    margin-left: -145px;
    padding: 24px;
    background: linear-gradient(110deg,#29c6ff,#0092d6);
    box-shadow: 0 6px 20px rgba(0,0,0,.1);
    transition: all .25s linear
}

.developer-outsourcing .contract-illustration:hover .contract {
    box-shadow: 0 10px 35px rgba(0,0,0,.25)
}

.developer-outsourcing .contract-title {
    margin: 32px 0;
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    text-align: center
}

.developer-outsourcing .contract-title>small {
    display: block;
    margin-bottom: 16px;
    color: #0f6a8c;
    font-size: 18px
}

.developer-outsourcing .contract-sign {
    display: flex;
    height: 56px;
    margin-bottom: 32px
}

.developer-outsourcing .contract-sign>* {
    position: relative;
    width: 50%;
    border-bottom: 1px solid rgba(29,77,95,.2)
}

.developer-outsourcing .contract-sign .title {
    color: #0f6a8c;
    font-size: 11px;
    text-transform: uppercase
}

.developer-outsourcing .contract-sign .signature {
    position: absolute;
    display: block;
    height: 42px;
    width: 100%
}

.developer-outsourcing .contract-sign-client {
    margin-right: 12px
}

.developer-outsourcing .contract-sign-mg {
    margin-left: 12px
}

.developer-outsourcing .contract-sign-mg .signature {
    bottom: 0;
    background: url(../img/developer-outsourcing/mg-signature.svg) no-repeat 0 100%
}

.developer-outsourcing .contract-sign-client .signature {
    bottom: -8px;
    width: 0;
    overflow: hidden;
    background: url(../img/developer-outsourcing/client-signature.svg) no-repeat 0 100%;
    transition: all .3s linear
}

.developer-outsourcing .contract-illustration:hover .contract-sign-client .signature {
    width: 82px
}

.developer-outsourcing .contract-slogan {
    height: 40px;
    width: 100%;
    padding: 8px;
    background: rgba(29,77,95,.2);
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 24px
}

.developer-outsourcing .contract-pen {
    position: absolute;
    bottom: 0;
    z-index: 3;
    left: 50px;
    height: 32px;
    width: 263px;
    background: url(../img/developer-outsourcing/contract-pen.png)
}

@media (max-width: 991px) {
    .developer-outsourcing .contract-illustration {
        margin:0 auto 56px
    }

    .developer-outsourcing .section-services .section-actions,.developer-outsourcing .section-services .section-desc,.developer-outsourcing .section-services .section-title {
        text-align: center
    }
}

@media (max-width: 767px) {
    .developer-outsourcing .contract-illustration {
        left:50%;
        margin: 0 auto 48px -289px
    }
}

.developer-outsourcing .comparison {
    width: 42%;
    padding: 36px 42px;
    background: #fff;
    box-shadow: 0 6px 20px rgba(0,0,0,.1);
    border-top: 3px solid
}

.developer-outsourcing .comparison-desc>p {
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 26px
}

.developer-outsourcing .comparison-desc>p:last-child {
    margin: 0
}

.developer-outsourcing .comparison-desc b {
    color: #2e3442
}

.developer-outsourcing .comparison-top {
    display: flex;
    align-items: center;
    margin: 0 0 32px;
    min-height: 96px
}

.developer-outsourcing .comparison-avatar {
    flex-shrink: 0;
    height: 96px;
    width: 96px;
    background: #ccc;
    border-radius: 50px;
    overflow: hidden
}

.developer-outsourcing .comparison-avatar>img {
    width: 100%
}

.developer-outsourcing .comparison-title {
    margin: 0 0 0 32px
}

.developer-outsourcing .comparison-freelancer {
    border-color: #e54646
}

.developer-outsourcing .comparison-freelancer .comparison-title span {
    color: #e54646;
    white-space: nowrap
}

.developer-outsourcing .comparison-mg {
    border-color: #5bc758
}

.developer-outsourcing .comparison-mg .comparison-title span {
    color: #5bc758
}

.developer-outsourcing .comparison-vs {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 16%;
    text-align: center
}

.developer-outsourcing .comparison-vs>span {
    display: block;
    height: 91px;
    width: 92px;
    background: url(../img/developer-outsourcing/shape-vs.png);
    text-align: center;
    font-size: 18px;
    line-height: 92px
}

@media (max-width: 991px) {
    .developer-outsourcing .comparison-vs {
        display:none
    }

    .developer-outsourcing .comparison-freelancer,.developer-outsourcing .comparison-mg {
        width: 50%;
        padding: 24px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .developer-outsourcing .comparison-mg {
        margin-left:8px
    }

    .developer-outsourcing .comparison-freelancer {
        margin-right: 8px
    }
}

@media (min-width: 768px) {
    .developer-outsourcing .comparisons {
        display:flex
    }
}

@media (max-width: 767px) {
    .developer-outsourcing .comparison-freelancer,.developer-outsourcing .comparison-mg {
        width:100%
    }

    .developer-outsourcing .comparison-mg {
        margin-top: 16px
    }
}

@media (max-width: 479px) {
    .developer-outsourcing .comparison-avatar {
        width:64px;
        height: 64px
    }

    .developer-outsourcing .comparison-top {
        min-height: auto;
        margin-bottom: 24px
    }

    .developer-outsourcing .comparison-title {
        margin: 0 0 0 16px;
        font-size: 20px;
        line-height: 26px
    }
}

.developer-outsourcing .section-blue {
    background: linear-gradient(140deg,#006fde 10%,#005aba 35%,#003074 90%);
    color: #fff
}

.developer-outsourcing .section-blue .feature-title {
    color: #fff
}

.developer-outsourcing .section-examples .features {
    max-width: 968px;
    margin-left: auto;
    margin-right: auto
}

.developer-outsourcing .section-examples .feature {
    text-align: center
}

.developer-outsourcing .section-examples .shape-top-left,.developer-outsourcing .section-get-started .shape-top-left {
    bottom: auto!important;
    right: auto!important;
    top: -240px!important;
    left: -250px!important
}

.developer-outsourcing .section-examples .shape-top-right,.developer-outsourcing .section-get-started .shape-top-right {
    left: 75%!important;
    bottom: auto!important;
    top: -300px!important;
    right: 0!important
}

.developer-outsourcing .section-examples .shape-bottom-right,.developer-outsourcing .section-get-started .shape-bottom-right {
    left: 65%!important;
    top: auto!important;
    bottom: -180px!important;
    right: 0!important
}

@media (max-width: 1199px) {
    .developer-outsourcing .section-examples .shape-top-left,.developer-outsourcing .section-get-started .shape-top-left {
        left:-450px!important
    }
}

@media (min-width: 992px) {
    .developer-outsourcing .section-examples .features>[class*=col-] {
        padding:0 64px
    }
}

@media (max-width: 991px) {
    .developer-outsourcing .section-examples .section-title+.features {
        margin-top:-32px
    }
}

@media (max-width: 767px) {
    .developer-outsourcing .section-examples .shape-top-right,.developer-outsourcing .section-get-started .shape-top-right {
        display:none!important
    }

    .developer-outsourcing .section-examples .features {
        display: flex;
        flex-wrap: wrap
    }
}

.developer-outsourcing .section-numbers .stats {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%
}

.developer-outsourcing .section-numbers .stats-container {
    height: auto
}

.developer-outsourcing .section-numbers .stats-holder {
    width: 20%;
    margin-bottom: 24px
}

.developer-outsourcing .section-numbers .stats img {
    height: 72px;
    margin: 0 auto 24px!important
}

.developer-outsourcing .section-numbers .stats .value {
    margin-bottom: 16px;
    color: #2e3442;
    font-size: 56px;
    font-weight: 100
}

.developer-outsourcing .section-numbers .stats .desc {
    color: #8a8e99
}

.developer-outsourcing .section-numbers .stats .desc span {
    display: inline-block
}

@media (min-width: 768px) and (max-width:991px) {
    .developer-outsourcing .section-numbers .stats-holder {
        width:33.33%
    }
}

@media (max-width: 767px) {
    .developer-outsourcing .section-numbers .stats-holder {
        position:relative;
        width: 50%;
        padding-left: 116px;
        margin-bottom: 24px!important
    }

    .developer-outsourcing .section-numbers .stats-holder:last-child {
        margin-bottom: 0!important
    }

    .developer-outsourcing .section-numbers .stats-holder>img {
        display: block!important;
        position: absolute;
        top: 0!important;
        left: 24px;
        height: 54px!important;
        width: 54px!important;
        margin: 0
    }

    .developer-outsourcing .section-numbers .stats .value {
        font-size: 40px;
        line-height: 40px
    }
}

@media (max-width: 480px) {
    .developer-outsourcing .section-numbers .stats-holder {
        width:100%
    }
}

.developer-outsourcing .feature {
    margin: 40px 0
}

.developer-outsourcing .feature-icon {
    height: 80px;
    width: 80px;
    margin: 0 auto 32px
}

.developer-outsourcing .feature-title {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px
}

@media (max-width: 767px) {
    .developer-outsourcing .feature {
        margin:32px 0 0
    }
}

.developer-outsourcing .testimonials:after {
    position: absolute;
    top: -68px;
    left: 80px;
    display: block;
    content: "";
    height: 375px;
    width: 377px;
    background: url(../img/developer-outsourcing/shape-testimonial.png)
}

.developer-outsourcing .testimonial {
    position: relative;
    z-index: 9;
    display: flex
}

.developer-outsourcing .testimonial-avatar {
    flex-shrink: 0;
    height: 178px;
    width: 178px;
    border-radius: 100px;
    background-color: #ccc;
    box-shadow: 0 10px 25px rgba(0,0,0,.15);
    overflow: hidden
}

.developer-outsourcing .testimonial-avatar>img {
    width: 100%
}

.developer-outsourcing .testimonial-body {
    margin-left: 72px
}

.developer-outsourcing .testimonial-name {
    margin: 40px 0 16px;
    color: #2e3442;
    font-size: 18px;
    font-weight: 800
}

.developer-outsourcing .testimonial-position {
    color: #959aa6
}

@media (max-width: 767px) {
    .developer-outsourcing .testimonial-avatar {
        display:none
    }

    .developer-outsourcing .testimonials:after {
        top: -110px;
        left: 0
    }

    .developer-outsourcing .testimonial-body {
        margin-left: 0
    }

    .developer-outsourcing .testimonial-name {
        margin-top: 32px
    }

    .developer-outsourcing .lead {
        font-size: 18px;
        line-height: 28px
    }
}

.developer-outsourcing .section-get-started {
    padding: 112px 0
}

@media (max-width: 479px) {
    .developer-outsourcing .section-get-started {
        padding:64px 0
    }

    .developer-outsourcing .section-get-started .btn {
        margin: 0!important
    }
}

#eula-modal h5 {
    margin: 18px 0 8px!important
}

.mc-banner {
    background: #5e4cd3;
    color: #fff;
    padding: 40px 0;
    position: relative
}

.mc-banner p {
    font-size: 20px
}

.mc-banner-title-logo {
    display: none
}

.mc-banner-title {
    padding: 0 40px
}

.mc-banner-title h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 38px;
    margin-bottom: 44px
}

.mc-banner-title h2 img {
    margin-left: 10px
}

.mc-banner-quote {
    padding: 31px 40px;
    background: url(../img/mc-banner/mc-banner-bg-4.svg);
    background-repeat: no-repeat
}

.mc-banner-quote p {
    font-style: italic;
    margin-bottom: 14px
}

.mc-banner-quote span {
    color: #b7b1ea
}

.mc-banner-desc {
    padding: 26px 40px;
    max-width: 51%
}

.mc-banner-desc p {
    line-height: 36px
}

.mc-banner-desc p+p {
    margin-top: 18px
}

.mc-banner-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 40px
}

.mc-banner-actions .btn {
    padding: 18px 32px
}

.mc-banner-actions .btn+.btn {
    margin-left: 12px
}

.mc-banner-actions .btn-primary {
    font-size: 17px;
    min-width: 226px
}

.mc-banner-actions .btn-primary .btn-text {
    top: 1px
}

.mc-banner-actions .btn-primary i {
    margin-left: 16px!important;
    font-size: 24px;
    position: relative;
    top: 1px;
    margin-right: -3px!important
}

.mc-banner-actions .btn-outline {
    border: 1px solid #7161d9;
    min-width: 196px;
    font-weight: 400;
    color: #fff
}

.mc-banner-actions .btn-outline:hover {
    border-color: #fff
}

.mc-banner-content-left {
    position: relative;
    z-index: 2
}

.mc-banner-content-right {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 540px;
    overflow: hidden;
    z-index: 1
}

.mc-banner-shape-1 {
    position: absolute;
    top: -1px;
    right: -10px;
    width: 100%;
    bottom: -1px;
    z-index: 1
}

.mc-banner-shape-1 img {
    height: 100%
}

.mc-banner-shape-2 {
    position: absolute;
    top: 0;
    right: -48px;
    width: 100%;
    bottom: 0;
    z-index: 3
}

.mc-banner-shape-2 img {
    filter: drop-shadow(0 0 24px rgba(0,0,0,.4))
}

.mc-banner-screen {
    position: absolute;
    top: 120px;
    right: -8px;
    z-index: 2;
    box-shadow: 0 20px 60px 0 rgba(0,0,0,.2)
}

.mc-banner-logo {
    position: absolute;
    z-index: 4;
    right: 32px;
    bottom: 70px
}

.mc-banner-logo img {
    max-width: 100%
}

.p-relative {
    position: relative
}

.mc-banner-wrapper {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0
}

.mc-banner-clientarea {
    padding: 36px 0;
    height: 401px
}

.mc-banner-clientarea .mc-banner-title {
    padding: 0 32px
}

.mc-banner-clientarea .mc-banner-title h2 {
    margin-bottom: 27px
}

.mc-banner-clientarea .btn-icon {
    background: none;
    position: absolute;
    z-index: 10;
    right: 6px;
    top: 12px;
    color: rgba(221,238,255,.8)
}

.mc-banner-clientarea .btn-icon:hover {
    color: #fff
}

.mc-banner-clientarea .mc-banner-quote {
    padding: 17px 32px;
    background: url(../img/mc-banner/mc-banner-bg-1.svg);
    background-repeat: no-repeat
}

.mc-banner-clientarea .mc-banner-quote p {
    margin: 0;
    font-style: normal;
    font-size: 28px;
    font-weight: 300;
    line-height: 1
}

.mc-banner-clientarea .mc-banner-quote img {
    max-width: 122px;
    margin-left: 0;
    margin-top: -6px;
    margin-bottom: 0
}

.mc-banner-clientarea .mc-banner-desc {
    padding: 21px 32px 17px;
    max-width: 58%
}

.mc-banner-clientarea .mc-banner-desc p {
    line-height: 29px;
    font-size: 17px
}

.mc-banner-clientarea .mc-banner-desc p+p {
    margin-top: 13px
}

.mc-banner-clientarea .mc-banner-actions {
    padding: 0 32px
}

.mc-banner-clientarea .mc-banner-actions .btn-mc-yellow {
    background: #ffa125
}

.mc-banner-clientarea .mc-banner-actions .btn-mc-yellow i {
    margin-right: -4px!important
}

.mc-banner-clientarea .mc-banner-actions .btn-mc-yellow:hover {
    background: #ffb34e
}

.mc-banner-clientarea .mc-banner-actions .btn {
    padding: 13px 22px;
    font-size: 15px;
    min-width: unset
}

.mc-banner-clientarea .mc-banner-content-right {
    width: 370px
}

.mc-banner-clientarea .mc-banner-shape-2 {
    right: -16px
}

.mc-banner-clientarea .mc-banner-shape-1 {
    right: -25px
}

.mc-banner-clientarea .mc-banner-screen {
    position: absolute;
    top: 104px;
    right: -30px;
    z-index: 2
}

.mc-banner-clientarea .mc-banner-screen img {
    max-width: 356px
}

.mc-banner-clientarea .mc-banner-logo {
    right: 18px;
    bottom: 52px;
    max-width: 170px
}

@media (max-width: 1199px) {
    .mc-banner-title {
        padding:0 32px
    }

    .mc-banner-title h2 {
        font-size: 32px;
        margin-bottom: 36px
    }

    .mc-banner p {
        font-size: 19px
    }

    .mc-banner-quote {
        padding: 28px 32px
    }

    .mc-banner-desc {
        padding: 26px 32px;
        max-width: 64%
    }

    .mc-banner-desc p {
        line-height: 34px
    }

    .mc-banner-actions {
        padding: 0 32px
    }

    .mc-banner-shape-1 {
        right: -110px
    }

    .mc-banner-shape-2 {
        right: -90px
    }

    .mc-banner-screen {
        top: 112px;
        right: -186px
    }

    .mc-banner-logo {
        max-width: 164px;
        right: 30px;
        bottom: 32px
    }

    .mc-banner-clientarea {
        padding: 24px 0
    }

    .mc-banner-clientarea .mc-banner-title {
        padding: 0 24px
    }

    .mc-banner-clientarea .mc-banner-title h2 {
        margin-bottom: 22px
    }

    .mc-banner-clientarea .mc-banner-quote {
        padding: 17px 24px
    }

    .mc-banner-clientarea .mc-banner-desc {
        padding: 21px 24px 17px;
        max-width: 65%
    }

    .mc-banner-clientarea .mc-banner-actions {
        padding: 0 24px
    }

    .mc-banner-clientarea .mc-banner-shape-1 {
        right: -95px
    }

    .mc-banner-clientarea .mc-banner-shape-2 {
        right: -90px
    }

    .mc-banner-clientarea .mc-banner-screen {
        top: 87px;
        right: -150px
    }

    .mc-banner-clientarea .mc-banner-logo {
        right: 21px;
        bottom: 24px;
        max-width: 120px
    }
}

@media (max-width: 991px) {
    .mc-banner {
        padding:24px 0
    }

    .mc-banner-title {
        padding: 0 24px
    }

    .mc-banner-title h2 {
        font-size: 24px;
        margin-bottom: 24px
    }

    .mc-banner-title h2 img {
        max-width: 95px;
        margin-top: -3px;
        margin-left: 7px
    }

    .mc-banner-quote {
        padding: 19px 24px
    }

    .mc-banner p {
        font-size: 16px
    }

    .mc-banner-desc {
        padding: 20px 24px
    }

    .mc-banner-desc p {
        line-height: 27px
    }

    .mc-banner-actions {
        padding: 0 24px
    }

    .mc-banner-actions .btn {
        padding: 16px 32px
    }

    .mc-banner-actions .btn-primary {
        font-size: 15px;
        min-width: 210px
    }

    .mc-banner-shape-1 {
        right: -260px
    }

    .mc-banner-shape-2 {
        right: -125px
    }

    .mc-banner-screen {
        top: 84px;
        right: -306px
    }

    .mc-banner-logo {
        max-width: 124px;
        right: 16px;
        bottom: 20px
    }

    .mc-banner-wrapper {
        position: relative;
        margin-bottom: 16px
    }

    .mc-banner-clientarea .mc-banner-desc {
        max-width: 55%
    }

    .mc-banner-clientarea .mc-banner-screen {
        right: -60px
    }
}

@media (max-width: 767px) {
    .mc-banner {
        padding:16px 0 0
    }

    .mc-banner-title-logo {
        max-width: 191px;
        display: block;
        margin: 4px auto 19px
    }

    .mc-banner-title {
        padding: 0 16px
    }

    .mc-banner-title h2 {
        margin-bottom: 16px;
        display: inline-block;
        text-align: center;
        line-height: 32px;
        width: 100%
    }

    .mc-banner p {
        font-size: 14px
    }

    .mc-banner-title h2 img {
        margin-top: -6px;
        margin-left: 0
    }

    .mc-banner-clientarea .mc-banner-quote,.mc-banner-quote {
        background: #4b3bb3;
        padding: 19px 20px
    }

    .mc-banner-clientarea .mc-banner-quote {
        text-align: center
    }

    .mc-banner-quote p {
        margin-bottom: 7px
    }

    .mc-banner-quote span {
        font-size: 12px
    }

    .mc-banner-clientarea .mc-banner-desc,.mc-banner-desc {
        padding: 19px 16px;
        max-width: 100%
    }

    .mc-banner-clientarea .mc-banner-desc p,.mc-banner-desc p {
        line-height: 24px
    }

    .mc-banner-clientarea .mc-banner-desc br {
        display: none
    }

    .mc-banner-clientarea .mc-banner-desc p+p,.mc-banner-desc p+p {
        margin-top: 13px
    }

    .mc-banner-actions,.mc-banner-clientarea .mc-banner-actions {
        padding: 0 16px
    }

    .mc-banner-actions .btn,.mc-banner-clientarea .mc-banner-actions .btn {
        padding: 12px 24px
    }

    .mc-banner-actions .btn-primary,.mc-banner-clientarea .mc-banner-actions .btn-mc-yellow {
        font-size: 14px;
        min-width: unset;
        width: 50%
    }

    .mc-banner-actions .btn-primary i,.mc-banner-clientarea .mc-banner-actions .btn-mc-yellow i {
        margin-left: 8px!important;
        font-size: 19px;
        margin-right: -8px!important
    }

    .mc-banner-actions .btn+.btn,.mc-banner-clientarea .mc-banner-actions .btn+.btn {
        width: 50%
    }

    .mc-banner-clientarea .mc-banner-content-right,.mc-banner-content-right {
        position: relative;
        padding: 20px 16px 16px;
        max-width: 100%;
        width: auto
    }

    .mc-banner-logo,.mc-banner-shape-1,.mc-banner-shape-2 {
        display: none
    }

    .mc-banner-clientarea .mc-banner-screen,.mc-banner-screen {
        position: static;
        margin-bottom: -114px;
        margin-left: auto;
        box-shadow: none;
        margin-right: auto;
        text-align: center
    }

    .mc-banner-clientarea .mc-banner-screen img,.mc-banner-screen img {
        max-width: 100%;
        box-shadow: 0 20px 60px 0 rgba(0,0,0,.2)
    }

    .mc-banner-clientarea {
        height: auto
    }
}

@media (max-width: 499px) {
    .mc-banner-actions,.mc-banner-clientarea .mc-banner-actions {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .mc-banner-actions .btn-primary,.mc-banner-clientarea .mc-banner-actions .btn-mc-yellow {
        width: 100%
    }

    .mc-banner-actions .btn+.btn,.mc-banner-clientarea .mc-banner-actions .btn+.btn {
        margin-top: 12px;
        margin-left: 0;
        width: 100%
    }
}

.container-widget-ovh-vps-dedicated-servers-for-whmcs h1 {
    font-size: 31px!important
}

.container-widget-google-cloud-virtual-machines-for-whmcs h1 {
    font-size: 30px!important
}

.container-widget-ibm-cloud-bare-metal-servers-for-whmcs h1 {
    font-size: 31px!important
}

.container-widget-virtuozzo-hybrid-infrastructure-s3-for-whmcs h1 {
    font-size: 28.5px!important
}

.widget-product-free-trial-manager-for-whmcs .item-slogan {
    font-size: 23px!important
}

.grecaptcha-badge {
    visibility: hidden!important
}

.border-gold {
    border: 1px solid #e5ac62;
    border-radius: 3px;
    padding: 24px 30px;
    position: relative
}

.border-gold.pl:after {
    content: "PL";
    display: block;
    background-color: #fff;
    height: 35px;
    line-height: 35px;
    position: absolute;
    top: 50%;
    left: 1px;
    transform: translate(-50%,-50%);
    bottom: 20px;
    color: #d5985e;
    font-size: 17px;
    font-weight: 700
}

.border-gold strong {
    color: #d5985e
}

.border-gold p:last-of-type {
    margin-bottom: 0
}

.product-overview .alert-promo {
    padding-right: 24px
}

.alert-promo.alert-easydcim,.alert-promo.alert-mc {
    padding: 24px 140px 24px 80px
}

.alert-promo.alert-proxmox {
    padding: 19px 115px 19px 87px
}

.alert-proxmox+.alert-promo:before {
    width: 64px;
    height: 64px;
    background-position: 50%;
    background-repeat: no-repeat;
    margin: 0
}

.alert-proxmox+.alert-promo {
    padding-left: 87px!important
}

@media (min-width: 580px) {
    .alert-promo.alert-proxmox .btn,.alert-proxmox+.alert-promo .btn {
        min-width:102px;
        right: 12px
    }

    .alert-promo.alert-proxmox:before {
        left: 12px
    }

    .alert-proxmox+.alert-promo:before {
        transform: translateY(-50%)
    }
}

@media (max-width: 579px) {
    .alert-proxmox+.alert-promo:before {
        left:15px
    }
}

.alert-promo.alert-easydcim>div,.alert-promo.alert-mc>div {
    line-height: 32px;
    margin-right: 10px
}

.alert-module1,.alert-module2,.alert-module3 {
    padding-left: 75px!important
}

.alert-module1 .btn {
    background-image: linear-gradient(160deg,#a05bbe,#d1935d)
}

.alert-promo-pr {
    border-color: #a05bbe
}

.alert-module2 .btn {
    background-image: linear-gradient(160deg,#ff8e2b,#d1935d)
}

.alert-orderform {
    border-color: #1062fe;
    line-height: 24px;
    padding-left: 70px
}

.alert-orderform:before {
    background: url(../img/promo/logo-lagom-blue.svg);
    background-repeat: no-repeat;
    left: 24px;
    margin-top: 0;
    transform: translateY(-50%);
    width: 34px;
    height: 43px
}

.alert-orderform>div {
    margin-right: 18px
}

.alert-orderform>div>a,.alert-orderform>div>strong {
    color: #1062fe
}

.alert-orderform>div>a:hover {
    color: #004fe4
}

.alert-orderform .btn {
    right: 24px;
    box-shadow: 0 2px 4px rgba(0,0,0,.12);
    border-radius: 3px;
    color: #fff;
    background: #2b72fb;
    background-image: -webkit-linear-gradient(180deg,#13aaff,#2b72fb);
    background-image: linear-gradient(180deg,#13aaff,#2b72fb)
}

.alert-orderform .btn:before {
    background: #2b72fb
}

.alert-orderform .btn:after {
    background-image: -webkit-linear-gradient(160deg,#5ac1fa,#4886fa);
    background-image: linear-gradient(160deg,#5ac1fa,#4886fa)
}

.alert-orderform .btn:active,.alert-orderform .btn:focus,.alert-orderform .btn:hover {
    color: #fff
}

.alert-cpanel {
    border-color: #ff6c2c
}

.alert-cpanel:before {
    background: url(../img/promo/cpanel-alert.png);
    background-repeat: no-repeat;
    height: 32px;
    width: 56px;
    margin: 0;
    transform: translateY(-50%)
}

.alert-cpanel .btn {
    color: #fff;
    background: #ff6c2c;
    background-image: -webkit-linear-gradient(180deg,#ff8845,#ff6c2c);
    background-image: linear-gradient(180deg,#ff8845,#ff6c2c)
}

.alert-cpanel .btn:before {
    background: #ff6c2c
}

.alert-cpanel .btn:after {
    background-image: -webkit-linear-gradient(160deg,#ff8e2b,#ff6c2c);
    background-image: linear-gradient(160deg,#ff8e2b,#ff6c2c)
}

.alert-cpanel .btn:hover {
    color: #fff
}

.alert-cpanel p {
    margin: 0!important
}

@media (min-width: 1200px) {
    .product-info-expanded .product-overview .alert-promo.alert-mc>div {
        max-width:504px
    }
}

@media (min-width: 580px) {
    .alert-cpanel p {
        padding-right:16px
    }
}

@media (max-width: 579px) {
    .alert-promo {
        padding-bottom:24px
    }

    .alert-cpanel,.alert-orderform,.alert-promo.alert-easydcim,.alert-promo.alert-mc,.alert-promo.alert-proxmox {
        padding-top: 16px;
        padding-right: 16px;
        padding-bottom: 66px
    }

    .alert-promo.alert-easydcim,.product-info-expanded .product-overview .alert-promo.alert-mc>div {
        margin-right: 0
    }

    .alert-promo.alert-easydcim:before,.alert-promo.alert-mc:before {
        top: 26%;
        margin-top: 0
    }

    .alert-cpanel:before {
        transform: none
    }

    .alert-module1,.alert-module2,.alert-module3 {
        padding-bottom: 66px
    }

    .alert-orderform:before {
        top: 39px
    }
}

@media (min-width: 767px) {
    #tab-key-information-os {
        max-height:184px
    }

    .modal #tab-key-information-os {
        max-height: 100%!important
    }
}

.azure-billing .page-banner {
    background: linear-gradient(319.47deg,#00507c 7.99%,#00abdc 79.86%)
}

.azure-billing .banner-img-top {
    background: url(../img/azure-billing/invoices-summary.png) #fff
}

.azure-billing .banner-img-bottom {
    border-top-color: #00b6ea;
    bottom: -62px
}

.azure-billing .page-banner .shape-bottom-left {
    background: url(../img/azure-billing/azure-shape-middle.png);
    background-repeat: no-repeat;
    top: 366px!important
}

.azure-billing .page-banner .shape-top-right {
    background: url(../img/azure-billing/azure-shape-right.png);
    background-repeat: no-repeat;
    left: 86%!important
}

.azure-billing .page-banner .shape-top-left {
    background: url(../img/azure-billing/azure-shape-left.png);
    background-repeat: no-repeat
}

.azure-billing .content-section .section-middle .section-desc-list li:before {
    background: #00b6ea
}

.azure-billing .content-section .section-information .box-info:after {
    border-left-color: #00b6ea
}

.azure-billing .aws-pricing .aws-package {
    border-top-color: #00b6ea
}

.azure-billing .aws-pricing .aws-package .aws-price {
    color: #00b6ea
}

@media (min-width: 711px) {
    .azure-billing .page-banner,.google-billing .page-banner {
        padding-bottom:110px
    }
}

.google-billing .page-banner {
    background: linear-gradient(319.47deg,#0a440e 7.99%,#32a350 79.86%)
}

.google-billing .btn-primary {
    background: #4fb250;
    background-image: -webkit-linear-gradient(289.27deg,#32a350 17.22%,#32c358 78.51%);
    background-image: linear-gradient(289.27deg,#32a350 17.22%,#32c358 78.51%)
}

.google-billing .banner-img-top {
    background: url(../img/google-billing/invoices-summary.png) #fff;
    top: 136px
}

.google-billing .banner-img-bottom {
    border-top-color: #32a350;
    bottom: -64px
}

.google-billing .page-banner .shape-bottom-left {
    background: url(../img/google-billing/cloud-shape-middle.png);
    background-repeat: no-repeat;
    top: 340px!important
}

.google-billing .page-banner .shape-top-right {
    background: url(../img/google-billing/cloud-shape-right.png);
    background-repeat: no-repeat;
    left: 82%!important
}

.google-billing .page-banner .shape-top-left {
    background: url(../img/google-billing/cloud-shape-left.png);
    background-repeat: no-repeat
}

.google-billing .content-section .section-middle .section-desc-list li:before {
    background: #32a350
}

.google-billing .content-section .section-information .box-info:after {
    border-left-color: #32a350
}

.google-billing .aws-pricing .aws-package {
    border-top-color: #32a350
}

.google-billing .aws-pricing .aws-package .aws-price {
    color: #32a350
}

.google-billing .banner-section-right .browser-section img {
    border-radius: 6px
}

@media (min-width: 711px) {
    .google-billing .banner-section-left {
        margin-right:24px
    }

    .azure-billing .banner-section-right .banner-img-bottom,.google-billing .banner-section-right .banner-img-bottom {
        height: 267px
    }
}

#tab-login .form-group+.remember {
    margin-bottom: 20px
}

#tab-login .remember a {
    display: block;
    margin: 4px 0;
    font-size: 13px
}

.page-filename-homepage svg:not(.svg-icon-mobile) {
    max-width: 100%
}

.modal-valentines .background {
    position: relative
}

.modal-valentines .modal-content {
    background: linear-gradient(180deg,#ea6a90,#e61d59);
    padding: 40px
}

.modal-valentines .background img {
    position: absolute;
    width: 575px;
    right: 41px;
    top: -39px;
    background-image: url(../img/promo/valentines-bg.png)
}

.modal-valentines .desc {
    position: relative;
    z-index: 2;
    font-size: 24px;
    color: #fff;
    width: 60%;
    line-height: 38px;
    padding: 12px 0
}

.modal-valentines .desc:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 120%;
    background: linear-gradient(90deg,#bf002e 26.2%,rgba(194,5,51,0) 102.02%);
    transform: translateX(-40px);
    z-index: -1
}

.modal-valentines h2 {
    font-size: 32px;
    margin-top: 28px!important;
    margin-bottom: 24px!important;
    width: 61%;
    line-height: 40px
}

.modal-valentines .btn {
    margin-left: 0;
    margin-top: 20px;
    background: #fff;
    color: #e5235d;
    font-weight: 800;
    border-radius: 7px;
    font-size: 20px;
    line-height: 30px
}

.modal-valentines .btn:active,.modal-valentines .btn:focus,.modal-valentines .btn:hover {
    background: #eee;
    color: #e5235d
}

.modal-valentines .modal-content:after,.modal-valentines .modal-content:before {
    content: none
}

.modal-valentines .modal-content-left {
    flex: 1
}

.modal-valentines .modal-content-right {
    position: absolute;
    height: 100%;
    width: 100%
}

.modal-valentines .boxes {
    scale: .5;
    position: absolute;
    left: 270px;
    top: -31px;
    z-index: 1000;
    left: 290px
}

.modal-valentines strong {
    font-weight: 800
}

.modal-valentines--mobile {
    display: none
}

@media (min-width: 992px) {
    .modal-valentines .modal-dialog {
        width:900px
    }
}

@media (max-width: 991px) {
    .modal-valentines {
        display:grid!important;
        place-content: center
    }

    .modal-valentines .modal-content {
        flex-direction: column
    }

    .modal-valentines .desc,.modal-valentines h2 {
        width: 100%;
        z-index: 10
    }

    .modal-valentines .desc {
        line-height: 30px
    }

    .modal-valentines h2 {
        margin-bottom: -65px!important
    }

    .modal-valentines .boxes {
        left: 0;
        top: 0;
        z-index: 1
    }

    .modal-valentines .btn {
        margin-left: auto;
        margin-right: auto;
        min-width: 220px
    }
}

@media (max-width: 991px) {
    .modal-valentines .modal-content-left {
        display:flex;
        flex-direction: column;
        text-align: center
    }

    .modal-valentines--mobile {
        display: block;
        margin-bottom: -120px
    }

    .modal-content-right {
        display: none!important
    }

    .modal-valentines--mobile {
        position: relative
    }

    .modal-valentines--mobile img:not(.boxes-mobile) {
        position: relative;
        width: 440px
    }

    .modal-valentines .desc {
        margin-top: 55px
    }

    .modal-valentines .desc:before {
        opacity: .9
    }

    .modal-valentines .boxes-mobile {
        position: absolute;
        top: 60px;
        left: 50%;
        width: 440px;
        transform: translateX(-50%) scale(.7)
    }

    .modal-valentines--marketplace .boxes-mobile {
        left: 90px;
        transform: scale(.7)
    }
}

@media (max-width: 767px) {
    .modal-valentines--marketplace .boxes-mobile {
        left:25px
    }
}

@media (max-width: 640px) {
    .modal-valentines--marketplace .boxes-mobile {
        left:0
    }
}

@media (max-width: 520px) {
    .modal-valentines--mobile img {
        width:100%!important;
        min-width: 250px
    }

    .modal-valentines--mobile {
        margin-bottom: -30px
    }

    .modal-valentines .desc {
        margin-top: 0
    }
}

@media (min-width: 992px) {
    .modal-valentines--marketplace .modal-content {
        transform:rotateY(180deg)
    }

    .modal-valentines--marketplace .modal-content-left {
        transform: rotateY(180deg);
        text-align: end;
        justify-self: start;
        align-items: end
    }

    .modal-valentines--marketplace .modal-content .close {
        left: -23px;
        right: unset
    }

    .modal-valentines--marketplace .boxes {
        transform: rotateY(180deg)
    }

    .modal-valentines--marketplace .desc:before {
        transform: translateX(40px) rotateY(180deg);
        width: 100%
    }

    .modal-valentines--marketplace h2 {
        width: 68%
    }

    .modal-valentines--marketplace .btn {
        max-width: unset;
        padding: 12px 32px
    }

    .modal-valentines--marketplace .boxes-mobile {
        left: 60px
    }
}

@media (min-width: 610px) {
    .modal-valentines--marketplace .desc .br-first {
        display:none
    }
}

@media (min-width: 580px) {
    .br-mb {
        display:none
    }
}

@media (max-width: 579px) {
    .br-mb--hidden {
        display:none
    }
}

@media (max-width: 440px) {
    br {
        display:none
    }
}

.modal-valentines--marketplace .modal-content-right {
    z-index: -1
}

[style="margin:0 0 10px 0;padding:10px 35px;background-color:#ffffd2;color:#555;font-size:16px;text-align:center;"] {
    display: none
}

#cart-first-step-content>h2:first-of-type,#cart-first-step-content>h2:first-of-type>*,#main-content-container>.row:first-of-type>.col-lg-6>h2>*,#main-content-container>.row>.col-lg-12>h2>*,#main-content-container>.row>.col-md-4>.row>.col-sm-5:first-of-type>h2>*,#main-content-container>.row>.col-md-8>h2>*,#main-content-container>h2:first-child>*,.content-body .addons-group:first-of-type h2,.content-body .addons-group:first-of-type h2>*,.content-body>h2:first-of-type,.content-body>h2:first-of-type>* {
    color: #fff
}

#main-content-container h2.h5 a {
    color: #2e3442;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

#main-content-container h2.h5 a:hover {
    opacity: .8
}

#main-content-container>.row:first-of-type>.col-lg-6>h2,#main-content-container>.row>.col-lg-12>h2,#main-content-container>.row>.col-md-4>.row>.col-sm-5:first-of-type>h2,#main-content-container>.row>.col-md-8>h2,#main-content-container>h2:first-child {
    color: #fff;
    margin-top: -6px
}

.page-content>.container>#main-content-container .row+h2 a,.page-content>.container>#main-content-container .tab-content+h2 a {
    color: #2e3442
}

.page-content>.container>#main-content-container .row+h2,.page-content>.container>#main-content-container .tab-content+h2 {
    color: #2e3442;
    margin-top: 10px
}

@media (min-width: 1200px) {
    #main-content-container>.row:first-of-type>.col-lg-6:first-of-type>.row>.col-sm-6>h2 a,#main-content-container>.row:first-of-type>.col-lg-6:last-of-type>.row>.col-sm-6:first-of-type h2 a,.page-promotions #main-content-container>.row:first-of-type>.col-lg-6:last-of-type>.row>.col-sm-6 h2 a {
        color:#fff
    }

    #main-content-container>.row:first-of-type>.col-lg-6:first-of-type>.row>.col-sm-6>h2,#main-content-container>.row:first-of-type>.col-lg-6:last-of-type>.row>.col-sm-6:first-of-type h2,.page-promotions #main-content-container>.row:first-of-type>.col-lg-6:last-of-type>.row>.col-sm-6 h2 {
        color: #fff;
        margin-top: -6px
    }
}

@media (min-width: 992px) {
    #main-content-container>.row:first-of-type>.col-lg-6>.row>.col-md-12:first-of-type>h2 a {
        color:#fff
    }

    #main-content-container>.row:first-of-type>.col-lg-6>.row>.col-md-12:first-of-type>h2 {
        color: #fff;
        margin-top: -6px
    }
}

@media (min-width: 768px) {
    #main-content-container>.row>.col-md-4>h2 a {
        color:#fff
    }

    #main-content-container>.row>.col-md-4>h2 {
        color: #fff;
        margin-top: -6px
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .page-promotions .row .col-lg-6:last-of-type .h5 span[style="color: white"] {
        color:#2e3442!important
    }
}

@media (max-width: 991px) {
    .page-promotions .h5 span[style="color: white"] {
        color:#2e3442!important
    }
}

@media (min-width: 768px) {
    .widget.w-promo-horizontal .header-title {
        position:relative;
        width: auto;
        margin: 0 auto
    }
}

.row+.h5 {
    margin-top: 10px
}

@media (min-width: 768px) and (max-width:991px) {
    .widget-one-row>[class*=col-]:nth-of-type(1n+4) {
        display:none
    }
}

.widget {
    height: 334px;
    position: relative;
    background: #fff;
    padding-bottom: 64px;
    box-shadow: 0 6px 20px rgba(0,0,0,.07);
    margin-bottom: 16px;
    overflow: hidden
}

#cart-first-step-content .lSSlideOuter .widget {
    box-shadow: 0 5px 15px rgba(0,0,0,.05)
}

.w-wide {
    margin-bottom: 16px
}

.w-short {
    height: 217px;
    overflow: hidden
}

.w-addon {
    height: auto;
    padding-bottom: 71px;
    min-height: 380px
}

.w-lg.w-no-actions {
    padding-bottom: 24px
}

.col-lg-12 .w-lg.w-icon,.w-lg.w-no-actions .widget-header {
    padding: 0
}

.col-lg-12 .w-lg.w-icon .widget-header {
    width: 100%;
    padding: 0
}

.col-lg-12 .w-lg.w-icon .title-icon {
    top: -5px;
    margin-bottom: 24px
}

.col-lg-12 .w-image.w-lg.w-half,.col-lg-12 .w-lg.w-image {
    padding-left: 0
}

.col-lg-12 .w-lg.w-image .widget-header {
    position: static;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.col-lg-12 .w-lg.w-image {
    padding-bottom: 0
}

.col-lg-12 .w-image.w-lg.w-half .widget-body,.col-lg-12 .w-lg.w-image.w-no-actions .widget-body {
    padding-bottom: 24px
}

@media (max-width: 767px) {
    .col-lg-12 .w-image.w-lg.w-half {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .col-lg-12 .w-image.w-lg.w-half .widget-header {
        width: 100%;
        -ms-flex-preferred-size: inherit;
        flex-basis: inherit
    }
}

.widget-header {
    position: relative;
    display: block;
    padding-bottom: 30px;
    overflow: hidden;
    height: 130px;
    transform: translateZ(0);
    width: 101%
}

.w-addon .widget-header {
    padding: 0;
    height: 150px
}

.w-md .widget-header {
    text-align: center
}

.w-wide .widget-header {
    position: absolute;
    text-align: center;
    left: 16px;
    top: 16px;
    padding: 0;
    width: 146px;
    height: 134px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.15)
}

.widget .header-title,.widget .header-title a {
    display: table;
    height: 100%;
    width: 100%;
    color: rgba(0,0,0,.5);
    font-weight: 500;
    text-transform: uppercase
}

.widget-header:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    content: "";
    background-color: hsla(0,0%,100%,0);
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.widget-header.hovered:after,.widget-header:hover:after {
    background-color: hsla(0,0%,100%,.1)
}

.w-short .widget-header {
    height: 106px;
    padding: 0
}

.col-lg-6 .w-md .header-title,.w-addon .header-title a,.w-wide .header-title a {
    display: table-cell;
    vertical-align: middle
}

.title-icon {
    display: table-cell;
    position: absolute;
    top: -10px;
    left: 4px;
    width: 116px;
    height: 116px;
    text-align: center
}

.title-icon>img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 72px;
    margin: auto;
    color: transparent;
    border: none;
    outline: none
}

.w-addon .title-icon,.w-wide .title-icon {
    position: relative;
    top: auto;
    left: auto;
    display: block
}

@media (min-width: 768px) {
    .w-md .title-icon {
        position:relative;
        top: auto;
        left: auto;
        display: block
    }
}

.w-wide .title-icon {
    margin: 7px auto 0
}

.w-addon .title-icon {
    width: 136px;
    height: 136px;
    margin: -6px auto -21px
}

.title-icon>span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    background: hsla(0,0%,100%,.1);
    border-radius: 100%;
    -webkit-transition: all .45s ease-in-out;
    transition: all .45s ease-in-out
}

.widget-header.hovered .title-icon>span,.widget-header:hover .title-icon>span {
    margin: -4px
}

.title-icon>span:after,.title-icon>span:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100%
}

.title-icon>span:before {
    width: calc(100% + 32px);
    height: calc(100% + 32px);
    margin-top: calc(-50% - 16px);
    margin-left: calc(-50% - 16px);
    background: hsla(0,0%,100%,.04);
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.title-icon>span:after {
    width: calc(100% + 64px);
    height: calc(100% + 64px);
    margin-top: calc(-50% - 32px);
    margin-left: calc(-50% - 32px);
    background: hsla(0,0%,100%,.02);
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.widget-header.hovered .title-icon>span:before,.widget-header:hover .title-icon>span:before {
    width: calc(100% + 48px);
    height: calc(100% + 48px);
    margin-top: calc(-50% - 24px);
    margin-left: calc(-50% - 24px)
}

.widget-header.hovered .title-icon>span:after,.widget-header:hover .title-icon>span:after {
    width: calc(100% + 96px);
    height: calc(100% + 86px);
    margin-top: calc(-50% - 48px);
    margin-left: calc(-50% - 48px)
}

.title-slogan {
    position: relative;
    display: table-cell;
    padding: 8px 16px 8px 125px;
    vertical-align: middle;
    font-size: 15px;
    line-height: 18px
}

.widget-payment-gateway-allocator-for-whmcs .title-slogan,.widget-payment-gateway-charges-for-whmcs .title-slogan {
    padding-right: 2px
}

.title-slogan b {
    font-weight: 900
}

.w-lg .title-slogan {
    font-weight: 400
}

.w-md .title-slogan {
    font-size: 16px;
    line-height: 19px
}

.w-short .title-slogan,.w-wide .title-slogan {
    display: none
}

.w-addon .title-slogan {
    padding: 0 15px;
    display: block;
    margin: 0 auto;
    text-align: center
}

.w-short .title-icon {
    position: relative;
    margin: auto;
    display: block
}

.title-slogan b.no-break {
    white-space: nowrap
}

.header-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    padding: 0 16px;
    background: rgba(0,0,0,.08);
    line-height: 30px
}

.header-bar .price {
    float: left;
    color: #fff;
    font-size: 12px
}

.header-bar .price b,.w-lg .header-bar .price {
    font-size: 14px
}

.w-lg .header-bar .price b {
    font-size: 16px
}

.header-bar span {
    position: relative;
    opacity: .6;
    margin-right: 5px
}

.header-bar span:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    margin-top: -1px;
    background: #fff
}

.header-bar .stars {
    float: right;
    padding-right: 2px;
    letter-spacing: -2px
}

.header-bar .stars i {
    font-size: 14px;
    color: rgba(0,0,0,.5)
}

.w-lg .header-bar .stars i {
    font-size: 16px
}

.header-bar .stars i.active {
    color: #fff
}

.header-label {
    position: absolute;
    top: 4px;
    left: -44px;
    width: 145px;
    height: 48px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.header-label .label {
    position: absolute;
    margin-left: -73px;
    left: 50%;
    display: block;
    width: 100%;
    font-size: 10px;
    border-radius: 0;
    padding: 0;
    line-height: 20px;
    margin-bottom: 4px
}

.header-label .label-short {
    top: 0
}

.header-label .label-long {
    bottom: 0
}

.w-short .header-label,.w-wide .header-label {
    top: 10px;
    left: -37px
}

.w-short .header-label .label,.w-wide .header-label .label {
    color: #2e3442;
    top: 0;
    bottom: auto
}

.w-short .header-label .label.recommended-without-discount,.w-wide .header-label .label.recommended-without-discount {
    top: 10px
}

.w-short .header-label .label b,.w-wide .header-label .label b {
    display: block;
    font-size: 14px;
    color: #ff8e2b;
    margin-left: -6px;
    margin-bottom: -8px
}

.widget-body {
    padding: 13px 16px 0
}

.w-wide .widget-body {
    padding: 0 0 30px
}

.w-addon .widget-body {
    padding: 12px 24px 0;
    width: 100%
}

.w-lg.w-banner .widget-body {
    padding: 32px 24px 38px
}

.widget-body .h3,.widget-body h3 {
    margin: 0 0 2px;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px
}

.w-lg.w-banner .widget-body .h1,.w-lg.w-banner .widget-body .h1 a {
    line-height: 1;
    font-size: 32px;
    font-weight: 900;
    color: #ff8a2b
}

.w-lg.w-banner .widget-body .btn {
    margin-top: 24px;
    min-width: 135px
}

.widget-body h3 a {
    color: #2e3442
}

.widget-body p {
    margin: 7px 0 0;
    font-size: 12px;
    line-height: 18px;
    text-align: justify
}

.w-lg.w-banner .widget-body p {
    font-size: 17px;
    line-height: 25px
}

.widget-body p:empty {
    display: none
}

.widget-body ul:not(.carousel-inner) {
    margin-top: 12px
}

.widget-body p+.h3 {
    margin-top: 21px
}

.widget-body .stars {
    display: inline-block;
    padding: 1px 10px 0 0;
    letter-spacing: -2px;
    color: #d7dadb
}

.widget-body .stars .active {
    color: #ffc300
}

.widget-body>span:not(.label) {
    color: #a1a6b2;
    font-size: 12px
}

.w-wide .widget-body>span:not(.label) {
    padding-top: 2px;
    display: inline-block
}

.w-addon .widget-body p {
    margin-bottom: 7px;
    font-size: 13px;
    line-height: 16px
}

.w-addon .widget-body .short-desc {
    height: 48px
}

.w-addon .scroll-list {
    max-height: 220px;
    min-height: 85px;
    overflow: hidden;
    position: relative;
    z-index: 2;
    background: #fff
}

.w-addon .widget-actions {
    background: #fff
}

.w-short .price,.widget-body .price {
    position: absolute;
    bottom: 16px;
    line-height: 32px;
    color: #2e3442;
    font-weight: 700
}

.w-wide .widget-body .price {
    left: 178px
}

.w-short .price.discount,.widget-body .price.discount {
    color: #ff8e2b
}

.w-short .price span,.widget-body .price span {
    position: relative;
    font-size: 12px;
    font-weight: 400;
    color: #2e3442;
    margin-right: 3px
}

.w-short .price span:before,.widget-body .price span:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 97%;
    height: 1px;
    margin-top: -1px;
    background: #ff8e2b
}

.widget-body .info {
    height: 100px;
    perspective: 1000;
    -webkit-perspective: 1000;
    visibility: hidden
}

.widget-body .info>.info-content {
    position: relative;
    transition: .45s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: flat;
    background: #fff
}

.w-review-expanded .widget-body .info>.info-content {
    transform-style: preserve-3d
}

.widget-body .info>.info-content>* {
    position: absolute;
    top: -3px;
    left: 0;
    backface-visibility: hidden;
    width: 100%
}

.w-review-expanded .widget-body .info .info-content {
    transform: rotateY(180deg)
}

.widget-body .info p {
    z-index: 2;
    transform: rotateY(0deg)
}

.widget-body .info .carousel {
    transform: rotateY(180deg)
}

.widget .carousel {
    padding: 8px 0
}

.widget .carousel-actions {
    position: absolute;
    right: -6px;
    top: 8px;
    z-index: 1;
    background: #fff
}

.widget .carousel-actions a {
    float: none;
    font-size: 19px;
    display: inline-block;
    padding: 0 8px;
    color: #a1a6b3
}

.widget .carousel-actions a>i {
    line-height: 24px
}

.widget .item .item-header {
    padding-right: 70px;
    margin-bottom: 3px;
    line-height: 24px;
    overflow: hidden
}

.widget .one-slide .item .item-header {
    padding-right: 30px
}

.widget .item .item-header>span:not(.stars) {
    color: #004a95;
    font-weight: 700;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    float: left
}

.w-short .item .item-header>span:not(.stars) {
    max-width: 70px;
    text-overflow: ellipsis
}

.w-short .one-slide .item .item-header>span:not(.stars) {
    max-width: 108px
}

.widget .item .item-body {
    font-size: 12px;
    line-height: 18px;
    font-style: italic
}

.widget .item .stars {
    float: none;
    letter-spacing: -1px;
    margin-left: 6px;
    margin-right: 6px
}

.w-wide .item .stars {
    margin-top: -2px
}

.widget .item .stars i {
    font-size: 13px
}

.w-short .widget-body h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.w-short.w-info-expanded .widget-body h3 {
    white-space: normal
}

.w-short .widget-body {
    background: #fff;
    -webkit-transition: -webkit-transform .45s;
    transition: transform .45s
}

.w-short .widget-body .stars {
    padding: 0;
    float: right
}

.show-product-tile-reviews {
    cursor: pointer
}

.w-short .price {
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    padding: 11px 16px 16px;
    background-color: #fff;
    line-height: 32px;
    font-weight: 400
}

.w-short .price.price-discounted {
    color: #ff8e2b
}

.w-short.open-source .price {
    padding-top: 0;
    line-height: 40px;
    bottom: 0
}

.w-short .widget-license {
    position: absolute;
    bottom: 14px;
    font-size: 10px;
    font-weight: 400;
    left: 16px;
    color: #a1a6b2
}

.w-wide .carousel {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 30px;
    bottom: 50px;
    background: #fff;
    right: 15px;
    left: 178px;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    z-index: 2
}

.w-wide.w-review-expanded .carousel {
    visibility: visible;
    opacity: 1
}

.w-addon .checkbox label {
    display: block;
    font-size: 13px;
    color: #2e3442;
    font-weight: 600
}

.w-addon .checkbox a {
    margin-left: 34px;
    font-size: 12px;
    color: #737780;
    border-bottom: 1px dotted #c8c9cc
}

.w-addon .disabled a {
    color: #a1a6b2
}

.w-addon .checkbox .label {
    box-shadow: none;
    margin-left: 5px;
    position: relative;
    top: -1px
}

.w-addon .addon-info {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    padding: 20px 18px;
    color: #fff
}

.w-addon .addon-info .close {
    position: relative;
    z-index: 1;
    color: #fff
}

.w-included-expanded .addon-info.included,.w-info-expanded .addon-info:not(.included) {
    display: block
}

.info-header {
    position: relative;
    margin-bottom: 15px;
    padding-right: 10px;
    font-size: 15px;
    font-weight: 700;
    line-height: 19px
}

.info-header+ul {
    margin-bottom: 20px
}

.info-header span {
    text-transform: uppercase;
    border-bottom: 1px solid #fff
}

.addon-info .info-body+.info-header {
    padding-top: 25px
}

.addon-info .info-header .close {
    position: absolute;
    top: -7px;
    right: -7px;
    color: #fff
}

.w-addon .addon-info ul li {
    line-height: 17px;
    margin-bottom: 5px;
    padding-left: 30px;
    color: hsla(0,0%,100%,.7)
}

.w-addon .addon-info ul li:before {
    color: #fff
}

.addon-info .info-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 67px;
    padding: 16px 24px 24px;
    background: rgba(0,0,0,.1)
}

.addon-info .info-footer .price {
    float: left;
    font-size: 15px;
    line-height: 32px
}

.addon-info .info-footer .btn {
    float: right
}

.widget-actions {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    padding: 8px 16px 16px;
    width: auto;
    right: 0;
    background: #fff
}

.w-short .widget-actions,.w-wide .widget-actions {
    left: auto;
    right: 0
}

.w-short .widget-actions .btn {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

.widget-actions .btn+.btn {
    margin-left: 4px
}

.widget .btn-icon.btn-sm:not(.show-xs-icon) {
    padding-left: 5px;
    padding-right: 5px
}

.image-promotion>h2,.image-promotion>h2>a,.image-promotion>h2>a:hover {
    color: #2e3442
}

#main-content-container>.image-promotion:first-child>h2,#main-content-container>.image-promotion:first-child>h2>a,#main-content-container>.image-promotion:first-child>h2>a:hover {
    color: #fff
}

#main-content-container>.image-promotion:first-child {
    min-height: 208px
}

.w-image .widget-header {
    padding-bottom: 0!important
}

.w-type-image {
    height: auto;
    padding: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible
}

.w-type-image>a {
    display: block;
    background: #fff;
    box-shadow: 0 6px 20px rgba(0,0,0,.07)
}

.w-type-image img {
    width: 100%
}

.w-layout-horizontal .widget-header img {
    width: 100%;
    height: auto
}

.w-layout-33_66 .widget-header img,.w-layout-50_50 .widget-header img {
    width: 100%;
    height: 100%
}

@media (min-width: 768px) and (max-width:991px) {
    #main-content-container>.image-promotion:first-child+.image-promotion>h2,#main-content-container>.image-promotion:first-child+.image-promotion>h2>a,#main-content-container>.image-promotion:first-child+.image-promotion>h2>a:hover,#main-content-container>.image-promotion:first-child+.row>.col-lg-6:first-child>h2,#main-content-container>.image-promotion:first-child+.row>.col-lg-6:first-child>h2>a,#main-content-container>.image-promotion:first-child+.row>.col-lg-6:first-child>h2>a:hover,#main-content-container>.image-promotion:first-child+h2,#main-content-container>.image-promotion:first-child+h2>a,#main-content-container>.image-promotion:first-child+h2>a:hover {
        color:#fff
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    #main-content-container>.image-promotion:first-child {
        min-height:378px
    }
}

.page-promotions #main-content-container .h5 {
    margin-top: 0!important
}

@media (min-width: 768px) {
    .page-promotions #main-content-container .widget {
        margin-bottom:26px
    }
}

@media (min-width: 1200px) {
    .additional-product-widget {
        width:257px!important
    }

    .col-lg-12 .w-lg .title-slogan {
        display: block
    }

    .col-lg-6 .w-lg .title-slogan {
        padding-left: 255px;
        padding-top: 8px
    }

    .col-lg-6 .w-md .title-slogan {
        padding: 0 20px;
        display: inline-block
    }

    .col-lg-12 .w-lg .title-slogan,.col-md-8 .w-lg .title-slogan {
        padding: 0 20px;
        font-size: 24px;
        text-align: center;
        display: block
    }

    .col-lg-6 .w-lg .title-icon {
        top: 50%;
        left: 16px;
        width: 224px;
        height: 224px;
        margin-top: -131px
    }

    .w-lg .title-icon>span:before {
        width: calc(100% + 64px);
        height: calc(100% + 64px);
        margin-top: calc(-50% - 32px);
        margin-left: calc(-50% - 32px)
    }

    .w-lg .title-icon>span:after {
        width: calc(100% + 128px);
        height: calc(100% + 128px);
        margin-top: calc(-50% - 64px);
        margin-left: calc(-50% - 64px)
    }

    .w-lg .widget-header:hover .title-icon>span,.w-lg .widget-header:hovered .title-icon>span {
        margin: -12px
    }

    .w-lg .widget-header.hovered .title-icon>span:before,.w-lg .widget-header:hover .title-icon>span:before {
        width: calc(100% + 120px);
        height: calc(100% + 120px);
        margin-top: calc(-50% - 60px);
        margin-left: calc(-50% - 60px)
    }

    .w-lg .widget-header.hovered .title-icon>span:after,.w-lg .widget-header:hover .title-icon>span:after {
        width: calc(100% + 224px);
        height: calc(100% + 224px);
        margin-top: calc(-50% - 112px);
        margin-left: calc(-50% - 112px)
    }

    .col-md-4 .w-md .header-title .title-icon {
        display: table-cell;
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        text-align: center
    }

    .w-addon .widget-body p.long-desc {
        position: absolute;
        background: #fff;
        left: 0;
        right: 0;
        padding: 24px;
        top: 210px;
        line-height: 20px;
        -webkit-transition: -webkit-transform .45s;
        transition: transform .45s
    }

    .w-addon.w-desc-expanded p.long-desc {
        -webkit-transform: translateY(-160px);
        transform: translateY(-160px);
        -ms-transform: translateY(-160px)
    }
}

@media (min-width: 992px) {
    .col-lg-6 .w-md {
        height:240px;
        padding-left: 225px
    }

    .col-lg-6 .w-lg {
        height: 631px
    }

    .col-md-4 .w-md,.col-md-8 .w-lg {
        height: 395px
    }

    .col-md-8 .w-lg {
        padding-left: 300px
    }

    .col-lg-12 .w-lg {
        display: flex;
        justify-content: center;
        flex-flow: row;
        min-height: 360px;
        height: auto;
        padding-left: 400px
    }

    .col-lg-12 .w-lg.w-lg-long {
        min-height: 450px
    }

    .col-lg-12 .w-lg.w-lg-short {
        min-height: 240px
    }

    .col-lg-12 .w-lg.w-half {
        padding-left: 50%
    }

    .col-lg-12 .w-lg.w-4-6 {
        padding-left: 40%
    }

    .col-lg-12 .w-lg.w-banner {
        min-height: 240px;
        padding-bottom: 0
    }

    .col-lg-6 .w-md.w-image .widget-header,.col-lg-6 .w-md.w-md-long .widget-header {
        height: 334px
    }

    .col-lg-6 .w-lg.w-lg-short {
        height: 537px
    }

    .col-lg-6 .w-lg .widget-header {
        width: 100%
    }

    .col-md-8 .w-lg .widget-header {
        position: absolute;
        top: 0;
        left: 0;
        width: 300px;
        height: 395px;
        display: table
    }

    .col-md-8 .w-lg .widget-header .header-title {
        display: table-cell;
        vertical-align: middle
    }

    .col-lg-12 .w-lg .widget-header {
        position: absolute;
        top: 0;
        left: 0;
        width: 400px;
        height: 100%;
        display: flex;
        flex-basis: 400px;
        align-items: stretch;
        justify-content: center
    }

    .col-lg-12 .w-half .widget-header {
        width: 50%;
        flex-basis: 50%
    }

    .col-lg-12 .w-4-6 .widget-header {
        width: 40%;
        flex-basis: 40%
    }

    .col-lg-6 .w-md .widget-header {
        position: absolute;
        top: 0;
        left: 0;
        width: 225px;
        height: 240px;
        display: table
    }

    .col-md-4 .w-md .widget-header {
        height: 170px
    }

    .col-lg-12 .w-lg .widget-header .header-title {
        width: 100%;
        vertical-align: middle;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center
    }

    .col-lg-12 .w-lg-short .title-slogan {
        font-size: 18px
    }

    .col-lg-12 .w-lg .widget-body {
        flex: 1
    }

    .col-lg-12 .w-lg .title-icon,.col-md-8 .w-lg .header-title .title-icon {
        position: relative;
        top: auto;
        left: auto;
        display: block;
        margin: 0 auto;
        width: 224px;
        height: 224px
    }

    .col-lg-12 .w-lg-short .title-icon {
        width: 136px;
        height: 136px;
        margin: -7px auto 6px
    }

    .col-lg-12 .w-lg-short .title-icon:before {
        width: calc(100% + 48px);
        height: calc(100% + 48px);
        margin-top: calc(-50% - 24px);
        margin-left: calc(-50% - 24px)
    }

    .col-lg-12 .w-lg-short .title-icon:after {
        width: calc(100% + 96px);
        height: calc(100% + 96px);
        margin-top: calc(-50% - 48px);
        margin-left: calc(-50% - 48px)
    }

    .col-lg-12 .w-lg-short .widget-header.hovered .title-icon>span,.col-lg-12 .w-lg-short .widget-header:hover .title-icon>span {
        margin: -8px
    }

    .col-lg-12 .w-lg-short .widget-header.hovered .title-icon>span:before,.col-lg-12 .w-lg-short .widget-header:hover .title-icon>span:before {
        width: calc(100% + 72px);
        height: calc(100% + 72px);
        margin-top: calc(-50% - 36px);
        margin-left: calc(-50% - 36px)
    }

    .col-lg-12 .w-lg-short .widget-header.hovered .title-icon>span:after,.col-lg-12 .w-lg-short .widget-header:hover .title-icon>span:after {
        width: calc(100% + 144px);
        height: calc(100% + 144px);
        margin-top: calc(-50% - 72px);
        margin-left: calc(-50% - 72px)
    }

    .col-lg-12 .w-lg-short .title-icon img {
        width: 72px
    }

    .col-md-4 .w-md .title-slogan {
        padding-left: 150px;
        text-align: left
    }

    .col-md-8 .w-lg .widget-actions {
        left: 300px
    }

    .col-lg-6 .w-md .widget-actions {
        left: 225px
    }

    .col-lg-12 .w-lg .widget-actions {
        left: 400px
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .col-lg-6 .w-lg .header-title a {
        display:table-cell;
        vertical-align: middle
    }

    .col-lg-6 .col-md-6 .widget .title-icon {
        display: block;
        margin: 0 auto;
        position: relative;
        left: auto
    }

    .col-lg-6 .w-lg .widget-body p {
        margin: 6px 0 0;
        font-size: 13px;
        line-height: 20px
    }

    .col-lg-6 .w-md .widget-header .title-icon {
        top: 8px
    }
}

@media (min-width: 768px) {
    .w-lg {
        padding-bottom:80px
    }

    .col-lg-6 .w-md.w-md-long {
        height: 334px
    }

    .w-wide {
        padding: 16px 16px 16px 178px;
        height: 166px
    }

    .w-lg .widget-header {
        height: 240px
    }

    .w-lg .widget-header,.w-md .widget-header {
        padding-bottom: 40px
    }

    .w-lg .title-icon img {
        width: 144px
    }

    .w-md .title-icon {
        width: 136px;
        height: 136px;
        margin: -7px auto 6px
    }

    .w-md .title-icon>span:before {
        width: calc(100% + 48px);
        height: calc(100% + 48px);
        margin-top: calc(-50% - 24px);
        margin-left: calc(-50% - 24px)
    }

    .w-md .title-icon>span:after {
        width: calc(100% + 96px);
        height: calc(100% + 96px);
        margin-top: calc(-50% - 48px);
        margin-left: calc(-50% - 48px)
    }

    .w-md .widget-header.hovered .title-icon>span,.w-md .widget-header:hover .title-icon>span {
        margin: -8px
    }

    .w-md .widget-header.hovered .title-icon>span:before,.w-md .widget-header:hover .title-icon>span:before {
        width: calc(100% + 72px);
        height: calc(100% + 72px);
        margin-top: calc(-50% - 36px);
        margin-left: calc(-50% - 36px)
    }

    .w-md .widget-header.hovered .title-icon>span:after,.w-md .widget-header:hover .title-icon>span:after {
        width: calc(100% + 144px);
        height: calc(100% + 144px);
        margin-top: calc(-50% - 72px);
        margin-left: calc(-50% - 72px)
    }

    .w-lg .title-slogan {
        font-size: 24px;
        line-height: 27px
    }

    .w-lg .header-bar,.w-md .header-bar {
        height: 40px;
        line-height: 40px
    }

    .w-lg .header-bar {
        padding: 0 24px
    }

    .w-lg .widget-body,.w-md .widget-body {
        padding: 23px 24px 0
    }

    .w-lg .widget-body .h3,.w-lg .widget-body h3,.w-md .widget-body h3 {
        font-size: 16px;
        margin-bottom: 7px
    }

    .w-lg .widget-body span:not(.label) {
        font-size: 14px
    }

    .w-lg .widget-body p {
        margin: 13px 0 0;
        font-size: 14px;
        line-height: 22px
    }

    .w-lg .widget-body .list-sm li {
        font-size: 14px
    }

    .w-short.w-info-expanded .widget-body {
        -webkit-transform: translateY(-90px);
        transform: translateY(-90px);
        -ms-transform: translateY(-90px)
    }

    .w-short.w-info-expanded .widget-body .info {
        visibility: visible
    }

    .w-short.w-review-expanded .widget-body>.stars,.w-short.w-review-expanded .widget-body>span {
        display: none
    }

    .w-wide .widget-body .stars {
        float: left
    }

    .w-addon .widget-actions,.w-md .widget-actions {
        padding: 24px
    }

    .w-lg .widget-actions {
        padding: 12px 24px 24px
    }

    .w-lg .widget-actions .btn {
        min-width: 112px
    }
}

@media (min-width: 580px) {
    .col-lg-12 .w-addon {
        display:flex;
        flex-flow: row;
        padding-left: 224px;
        min-height: 240px
    }

    .col-lg-12 .w-addon .widget-header {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 224px;
        display: flex;
        flex-basis: 224px;
        align-items: stretch;
        justify-content: center
    }

    .col-lg-12 .w-addon .header-title {
        width: 100%;
        vertical-align: middle;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center
    }

    .col-lg-12 .w-addon .title-icon {
        margin-bottom: -12px
    }

    .col-lg-12 .w-addon .widget-actions {
        left: 224px
    }
}

@media (max-width: 1199px) {
    .col-lg-6 .w-addon .short-desc {
        display:none
    }

    .widget.w-lg.w-icon .widget-header .header-title .title-slogan {
        display: inline-block;
        padding: 0
    }

    .widget .title-icon {
        top: -8px
    }
}

@media (min-width: 768px) and (max-width:1199px) {
    #category-products .widget {
        height:368px
    }

    .w-lg .widget-header {
        text-align: center
    }

    .w-lg .title-slogan {
        display: inline-block;
        text-align: center;
        font-size: 20px;
        line-height: 24px
    }

    .col-sm-4 .widget:not(.w-md) {
        height: 350px
    }

    .widget:not(.w-addon) .title-slogan {
        display: none
    }

    .w-lg .title-icon>span:before {
        width: calc(100% + 64px);
        height: calc(100% + 64px);
        margin-top: calc(-50% - 32px);
        margin-left: calc(-50% - 32px)
    }

    .w-lg .title-icon>span:after {
        width: calc(100% + 128px);
        height: calc(100% + 128px);
        margin-top: calc(-50% - 64px);
        margin-left: calc(-50% - 64px)
    }

    .col-lg-6 .w-lg .title-icon {
        top: auto;
        width: 208px;
        height: 208px
    }

    .col-lg-6 .w-lg .title-icon,.col-md-3 .widget .title-icon,.col-md-4 .widget .title-icon {
        position: relative;
        left: auto;
        display: block;
        margin: 0 auto
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .marketplace-page .widget.w-lg {
        height:auto
    }

    .marketplace-page .widget.w-lg .widget-header {
        height: 100%
    }
}

@media (min-width: 768px) and (max-width:1199px) {
    .marketplace-page .col-sm-4 .widget:not(.w-md) {
        height:370px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .w-lg {
        height:334px
    }

    .page-promotions .row .col-lg-6:first-of-type .w-md-long {
        padding-left: 225px
    }

    .page-promotions .row .col-lg-6:first-of-type .w-md-long .widget-header {
        position: absolute;
        top: 0;
        left: 0;
        width: 225px;
        height: 334px
    }

    .page-promotions .row .col-lg-6:first-of-type .w-md-long .widget-actions {
        left: 225px
    }

    .col-lg-12 .w-lg {
        height: auto;
        min-height: 334px;
        display: flex;
        flex-basis: 260px;
        align-items: stretch;
        justify-content: center
    }

    .col-lg-12 .w-lg .widget-header {
        display: flex;
        justify-content: center;
        flex-flow: row
    }

    .w-4-6 .widget-header,.w-half .widget-header,.w-lg-long .widget-header,.w-lg-short .widget-header {
        height: 100%!important
    }

    .col-lg-12 .w-lg .widget-header .header-title {
        vertical-align: middle;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center
    }

    .col-lg-12 .w-lg .widget-header .header-title .title-icon {
        position: relative;
        top: auto;
        left: auto;
        display: block;
        margin: 0 auto;
        width: 208px;
        height: 208px
    }

    .col-lg-12 .w-lg .widget-body {
        flex: 1
    }

    .col-lg-6 .w-md {
        height: 440px
    }

    .col-md-4 .w-md,.col-md-8 .w-lg {
        padding: 0 0 64px;
        height: 492px
    }

    .col-lg-6 .col-sm-7 .widget {
        height: 210px;
        padding-left: 160px
    }

    .col-lg-6 .col-sm-7 .col-sm-12:first-of-type>.widget {
        margin-bottom: 20px
    }

    .col-lg-6 .col-sm-7 .widget-header {
        position: absolute;
        top: 0;
        left: 0;
        height: 210px;
        display: table
    }

    .col-lg-6 .col-sm-7 .header-title,.col-lg-6 .w-lg .header-title,.col-md-4 .w-md .header-title,.col-md-8 .w-lg .header-title {
        display: table-cell;
        vertical-align: middle
    }

    .col-md-8 .w-lg .widget-header,.w-md .widget-header {
        height: 210px;
        position: relative
    }

    .col-lg-6 .col-sm-7 .widget-header {
        width: 160px;
        text-align: center;
        padding-bottom: 40px
    }

    .col-lg-6 .w-md .widget-header,.col-md-4 .w-md .widget-header,.col-md-8 .w-lg .widget-header {
        display: table;
        width: 100%
    }

    .col-lg-6 .w-md .header-title {
        display: table-cell
    }

    .col-lg-6 .col-sm-7 .title-icon,.col-md-4 .w-md .title-icon,.col-md-8 .w-lg .title-icon {
        position: relative;
        top: auto;
        left: auto;
        display: block;
        margin: 13px auto 2px
    }

    .col-lg-6 .w-md .title-icon,.col-md-4 .w-md .title-icon,.col-md-8 .w-lg .title-icon {
        margin: 0 auto -11px
    }

    .col-md-8 .w-lg .title-icon {
        width: 136px;
        height: 136px
    }

    .col-md-8 .w-lg .title-icon img {
        width: 72px
    }

    .col-lg-6 .col-sm-7 .header-bar {
        height: 40px;
        padding: 0 8px;
        line-height: 40px;
        text-align: left
    }

    .col-lg-6 .col-sm-7 .header-bar .price span {
        display: block;
        margin-bottom: -27px;
        margin-top: -7px
    }

    .col-md-8 .w-lg .header-bar {
        padding: 0 16px
    }

    .col-md-8 .w-lg .header-bar .price {
        font-size: 12px
    }

    .col-md-8 .w-lg .header-bar .price b {
        font-size: 14px
    }

    .col-md-8 .w-lg .header-bar .stars i {
        font-size: 13px
    }

    .col-md-8 .w-lg .widget-body h3,.w-md .widget-body h3 {
        font-size: 14px
    }

    .col-md-8 .w-lg .widget-body p {
        margin: 6px 0 0;
        font-size: 12px;
        line-height: 19px
    }

    .w-lg .widget-actions {
        left: 260px
    }

    .col-md-8 .w-lg .widget-actions {
        left: 0
    }

    .col-md-8 .w-lg .widget-actions .btn {
        padding: 4px 16px;
        font-size: 11px;
        min-width: 90px
    }

    .col-md-8 .w-lg .widget-actions .btn.btn-outline {
        padding: 3px 16px
    }

    .col-lg-6 .col-sm-7 .widget-actions {
        left: 160px
    }
}

@media (min-width: 580px) and (max-width:1199px) {
    .w-addon {
        display:flex;
        flex-flow: row;
        padding-left: 224px;
        min-height: 240px
    }

    .w-addon .widget-header {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 224px;
        display: flex;
        flex-basis: 224px;
        align-items: stretch;
        justify-content: center
    }

    .w-addon .header-title {
        width: 100%;
        vertical-align: middle;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center
    }

    .w-addon .title-icon {
        margin-bottom: 5px
    }

    .w-addon .title-slogan {
        margin-bottom: -16px
    }

    .w-addon .widget-actions {
        left: 224px
    }
}

@media (min-width: 580px) and (max-width:991px) {
    .w-lg {
        padding-left:260px
    }

    .w-lg .widget-header {
        width: 260px;
        position: absolute;
        top: 0;
        left: 0;
        height: 334px;
        display: table
    }

    ,.w-4-6 .title-slogan,.w-half .title-slogan,.w-lg-long .title-slogan,.w-lg-short .title-slogan {
        text-align: center
    }
}

@media (max-width: 767px) {
    .w-lg {
        height:auto;
        min-height: 220px
    }

    .w-wide {
        padding: 0;
        height: 270px
    }

    .w-md .widget-header {
        text-align: left
    }

    .w-half .title-icon,.w-lg-long .title-icon,.w-lg-short .title-icon,w-half .title-icon {
        top: 6px
    }

    .col-lg-6 .w-md .header-title {
        display: table
    }

    .col-lg-6 .w-md .title-icon,.title-icon,.w-md .title-icon {
        position: absolute;
        display: table-cell;
        font-size: 15px;
        line-height: 18px
    }

    .col-lg-6 .w-md .title-slogan,.title-slogan {
        position: relative;
        display: table-cell;
        padding: 4px 8px 0 125px;
        vertical-align: middle;
        font-size: 15px;
        line-height: 18px
    }

    .w-wide .widget-header {
        left: 0;
        top: 0;
        width: 106px;
        height: 106px;
        border-radius: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none
    }

    .w-wide .widget-body h3 {
        line-height: 18px
    }

    .w-wide .title-slogan {
        display: none
    }

    .w-wide .widget-body {
        padding: 15px 14px 48px 120px
    }

    .w-wide .widget-body p {
        position: absolute;
        left: 0;
        top: 106px;
        width: 100%;
        margin: 0;
        padding: 16px;
        border-top: 1px solid #e9edf2
    }

    .w-wide .widget-body .price {
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 8px 16px;
        border-top: 1px solid #e9edf2
    }

    .w-wide .widget-body>span {
        display: block;
        margin-bottom: 5px
    }

    .w-wide .widget-actions {
        padding: 8px
    }

    .w-lg .widget-actions .btn {
        padding: 4px 16px;
        font-size: 11px
    }

    .w-lg .widget-actions .btn.btn-outline {
        padding: 3px 16px
    }
}

@media (min-width: 580px) and (max-width:767px) {
    .col-lg-6 .col-sm-5 .w-md,.col-md-4 .w-md,.w-lg {
        height:auto;
        min-height: 220px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-flow: row;
        padding-left: 260px
    }

    .col-lg-6 .col-sm-5 .w-md .widget-header,.col-md-4 .w-md .widget-header,.w-lg .widget-header {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 260px;
        display: flex;
        flex-basis: 260px;
        align-items: stretch;
        justify-content: center
    }

    .col-lg-6 .col-sm-5 .w-md .header-title,.col-md-4 .w-md .header-title,.w-lg .header-title {
        width: 100%;
        vertical-align: middle;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center
    }

    .col-lg-6 .col-sm-5 .w-md .title-icon,.col-md-4 .w-md .title-icon,.w-lg .header-title .title-icon {
        position: relative;
        top: auto;
        left: auto;
        display: block;
        margin: 0 auto
    }

    .col-lg-6 .col-sm-5 .w-md .title-slogan,.col-md-4 .w-md .title-slogan,.w-lg .header-title .title-slogan {
        padding: 0 20px
    }

    .col-lg-6 .col-sm-5 .w-md .widget-body,.col-md-4 .w-md .widget-body,.w-lg .header-title .widget-body {
        flex: 1
    }

    .col-lg-6 .col-sm-5 .w-md .widget-actions,.col-md-4 .w-md .widget-actions,.w-lg .widget-actions {
        left: 260px
    }
}

@media (max-width: 579px) {
    .widget:not(.w-short) {
        height:auto
    }

    .widget.w-lg.w-icon .widget-header {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: stretch;
        justify-content: center
    }

    .widget.w-lg.w-icon .widget-header .header-title {
        width: 100%;
        vertical-align: middle;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center
    }

    .widget.w-lg.w-icon .widget-header .title-icon {
        position: relative;
        left: auto;
        display: block;
        margin: 0 auto
    }
}

.w-load {
    display: table;
    width: 100%;
    background: none;
    padding: 0;
    border: 1px dashed #d0d4d9;
    box-shadow: none;
    min-height: 150px
}

.w-load .widget-body {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #a1a9b2
}

.w-load .widget-body>* {
    -webkit-transition: all .35s;
    transition: all .35s
}

.w-load .widget-body i {
    font-size: 55px;
    display: block;
    margin-bottom: 20px
}

.w-load.w-wide .widget-body i {
    margin-top: 22px
}

.w-load:hover i {
    transform: rotate(1turn);
    -webkit-transform: rotate(1turn)
}

.w-load:hover span {
    font-size: 15px
}

.w-red.w-addon .addon-info,.w-red .widget-header {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ff596a),color-stop(100%,#d94c51));
    background: -webkit-linear-gradient(110deg,#d94c51,#ff596a);
    background: linear-gradient(340deg,#d94c51,#ff596a);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff596a',endColorstr='#d94c51',GradientType=0)
}

.w-purple.w-addon .addon-info,.w-purple .widget-header {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#b687e7),color-stop(100%,#8f5acc));
    background: -webkit-linear-gradient(110deg,#8f5acc,#b687e7);
    background: linear-gradient(340deg,#8f5acc,#b687e7);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#b687e7',endColorstr='#8f5acc',GradientType=0)
}

.w-orange.w-addon .addon-info,.w-orange .widget-header {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ff8e2b),color-stop(100%,#ff6c2c));
    background: -webkit-linear-gradient(110deg,#ff6c2c,#ff8e2b);
    background: linear-gradient(340deg,#ff6c2c,#ff8e2b);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff8e2b',endColorstr='#ff6c2c',GradientType=0)
}

.custom.lSSlideOuter,.custom .lSSlideWrapper {
    overflow: visible
}

.widget-slider-container .lightSlider.lsGrab>* {
    cursor: auto
}

@media (min-width: 992px) {
    .custom .see-also {
        transform:none!important;
        overflow: visible
    }

    .custom .lightSlider.lsGrab>* {
        cursor: auto
    }
}

@media (min-width: 768px) {
    .widget-actions-mobile {
        display:none
    }
}

@media (max-width: 767px) {
    #cart-step-1-page-content {
        overflow:hidden
    }

    #cart-first-step-content .lSSlideOuter {
        overflow: visible
    }

    #cart-first-step-content .widget-slider .lslide {
        width: 268px
    }

    .see-also .widget {
        height: 172px
    }

    .see-also .widget-header {
        height: 86px;
        padding: 0
    }

    .see-also .widget-header .header-bar,.see-also .widget-header .header-label {
        display: none
    }

    .see-also .widget-header .header-title {
        display: block
    }

    .see-also .widget-header .title-icon {
        width: 88px;
        height: 88px;
        margin: 0 auto;
        position: relative;
        display: block;
        top: -2px
    }

    .see-also .widget-header .title-icon .title-slogan {
        display: none
    }

    .see-also .widget-header .title-icon img {
        width: 56px
    }

    .see-also .widget-body {
        padding: 12px 8px
    }

    .see-also .widget-body h3 {
        font-size: 12px
    }

    .see-also .widget-body>span,.see-also .widget-body p {
        display: none
    }

    .widget-actions-mobile {
        width: 100%;
        background: #fff;
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 8px 40px 8px 8px;
        height: 40px;
        z-index: 2
    }

    .widget-actions-mobile .price {
        line-height: 24px
    }

    .widget-actions-mobile .btn {
        position: absolute;
        bottom: 0;
        right: 0
    }

    .widget-actions-mobile .btn:not(:hover) {
        color: #2e3442
    }

    .see-also .widget .widget-actions {
        position: absolute;
        background: #fff;
        left: 0;
        right: 0;
        padding: 8px;
        top: 200px;
        line-height: 20px;
        -webkit-transition: -webkit-transform .45s;
        transition: transform .45s;
        height: 90px
    }

    .see-also .widget .widget-actions .btn {
        display: block
    }

    .see-also .widget .widget-actions .btn+.btn {
        margin: 8px 0 0
    }

    .see-also .widget.w-actions-expanded .widget-actions {
        -webkit-transform: translateY(-150px);
        transform: translateY(-150px);
        -ms-transform: translateY(-150px)
    }
}

@media (max-width: 578px) {
    #cart-first-step-content .lSAction {
        display:none!important
    }
}

.widget-client-area-designer-for-whmcs .title-icon>span,.widget-enom-email-for-whmcs .title-icon>span,.widget-ip-manager-for-whmcs .title-icon>span {
    background: hsla(0,0%,100%,.12)
}

.widget-client-area-designer-for-whmcs .title-icon>span:before,.widget-enom-email-for-whmcs .title-icon>span:before,.widget-ip-manager-for-whmcs .title-icon>span:before {
    background: hsla(0,0%,100%,.06)
}

.widget-amazon-payments-for-whmcs .title-icon>span,.widget-client-area-popup-for-whmcs .title-icon>span,.widget-discount-center-for-whmcs .title-icon>span,.widget-domains-reseller-for-whmcs .title-icon>span,.widget-eurid-registrar-for-whmcs .title-icon>span,.widget-google-apps-for-whmcs .title-icon>span,.widget-payment-gateway-allocator-for-whmcs .title-icon>span,.widget-payment-gateway-charges-for-whmcs .title-icon>span,.widget-resellers-center-for-whmcs .title-icon>span {
    background: hsla(0,0%,100%,.11)
}

.widget-amazon-payments-for-whmcs .title-icon>span:before,.widget-client-area-popup-for-whmcs .title-icon>span:before,.widget-discount-center-for-whmcs .title-icon>span:before,.widget-domains-reseller-for-whmcs .title-icon>span:before,.widget-eurid-registrar-for-whmcs .title-icon>span:before,.widget-google-apps-for-whmcs .title-icon>span:before,.widget-modulesgarden-widget-for-whmcs .title-icon>span:before,.widget-payment-gateway-allocator-for-whmcs .title-icon>span:before,.widget-payment-gateway-charges-for-whmcs .title-icon>span:before,.widget-resellers-center-for-whmcs .title-icon>span:before {
    background: hsla(0,0%,100%,.05)
}

.widget-client-area-designer-for-whmcs .title-icon>span:after,.widget-eurid-registrar-for-whmcs .title-icon>span:after {
    background: hsla(0,0%,100%,.04)
}

.widget-cpanel-extended-for-whmcs .title-icon>span,.widget-cpanel-manage2-for-whmcs .title-icon>span,.widget-directadmin-extended-for-whmcs .title-icon>span,.widget-directadmin-licenses-for-whmcs .title-icon>span,.widget-domain-email-forwarding-for-whmcs .title-icon>span,.widget-hosting-quota-notifications-for-whmcs .title-icon>span,.widget-modulesgarden-base-for-magento .title-icon>span,.widget-odin-key-administrator-for-whmcs .title-icon>span,.widget-openstack-vps-for-whmcs .title-icon>span,.widget-ovh-public-cloud-for-whmcs .title-icon>span,.widget-plesk-extended-for-whmcs .title-icon>span,.widget-product-linker-for-whmcs .title-icon>span,.widget-proxmox-cloud-autoscaling-for-whmcs .title-icon>span,.widget-proxmox-cloud-for-whmcs .title-icon>span,.widget-proxmox-vps-for-whmcs .title-icon>span,.widget-rackspace-cloud-openstack-for-whmcs .title-icon>span,.widget-rackspace-email-extended-for-whmcs .title-icon>span,.widget-rackspace-public-cloud-for-whmcs .title-icon>span,.widget-recurring-billing-extended-for-whmcs .title-icon>span,.widget-sapphire-admin-theme-for-magento .title-icon>span,.widget-server-allocator-for-whmcs .title-icon>span,.widget-servertastic-ssl-for-whmcs .title-icon>span,.widget-softlayer-servers-for-whmcs .title-icon>span,.widget-solidcp-extended-for-whmcs .title-icon>span,.widget-zendesk-for-blesta .title-icon>span {
    background: hsla(0,0%,100%,.08)
}

.widget-domain-email-forwarding-for-whmcs .title-icon>span,.widget-easydcim-dedicated-servers-for-whmcs .title-icon>span,.widget-multibrand-for-whmcs .title-icon>span,.widget-time-task-manager-for-whmcs .title-icon>span {
    background: hsla(0,0%,100%,.07)
}

.widget-cpanel-extended-for-whmcs .title-icon>span:before,.widget-cpanel-manage2-for-whmcs .title-icon>span:before,.widget-directadmin-extended-for-whmcs .title-icon>span:before,.widget-directadmin-licenses-for-whmcs .title-icon>span:before,.widget-domain-email-forwarding-for-whmcs .title-icon>span:before,.widget-easydcim-dedicated-servers-for-whmcs .title-icon>span:before,.widget-hosting-quota-notifications-for-whmcs .title-icon>span:before,.widget-modulesgarden-base-for-magento .title-icon>span:before,.widget-multibrand-for-whmcs .title-icon>span:before,.widget-openstack-vps-for-whmcs .title-icon>span:before,.widget-ovh-public-cloud-for-whmcs .title-icon>span:before,.widget-plesk-extended-for-whmcs .title-icon>span:before,.widget-product-linker-for-whmcs .title-icon>span:before,.widget-proxmox-cloud-autoscaling-for-whmcs .title-icon>span:before,.widget-proxmox-cloud-for-whmcs .title-icon>span:before,.widget-proxmox-vps-for-whmcs .title-icon>span:before,.widget-rackspace-cloud-openstack-for-whmcs .title-icon>span:before,.widget-rackspace-email-extended-for-whmcs .title-icon>span:before,.widget-rackspace-public-cloud-for-whmcs .title-icon>span:before,.widget-recurring-billing-extended-for-whmcs .title-icon>span:before,.widget-sapphire-admin-theme-for-magento .title-icon>span:before,.widget-server-allocator-for-whmcs .title-icon>span:before,.widget-servertastic-ssl-for-whmcs .title-icon>span:before,.widget-softlayer-servers-for-whmcs .title-icon>span:before,.widget-solidcp-extended-for-whmcs .title-icon>span:before,.widget-time-task-manager-for-whmcs .title-icon>span:before,.widget-zendesk-for-blesta .title-icon>span:before {
    background: hsla(0,0%,100%,.03)
}

.widget-domain-email-forwarding-for-whmcs .title-icon>span:after,.widget-modulesgarden-base-for-magento .title-icon>span:after,.widget-multibrand-for-whmcs .title-icon>span:after,.widget-multibrandr-for-whmcs .title-icon>span:after,.widget-zendesk-for-blesta .title-icon>span:after {
    background: hsla(0,0%,100%,.01)
}

.autocomplete-suggestions {
    border: 1px solid #999;
    background: #fff;
    cursor: default;
    overflow: auto;
    box-shadow: 1px 4px 3px rgba(50,50,50,.64)
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden
}

.autocomplete-no-suggestion {
    padding: 2px 5px
}

.autocomplete-selected {
    background: #f0f0f0
}

.autocomplete-suggestions strong {
    font-weight: 700;
    color: #000
}

.autocomplete-group {
    padding: 2px 5px
}

.autocomplete-group strong {
    font-weight: 700;
    font-size: 16px;
    color: #000;
    display: block;
    border-bottom: 1px solid #000
}

#nprogress {
    pointer-events: none
}

#nprogress .bar {
    background: #29d;
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #29d,0 0 5px #29d;
    opacity: 1;
    -webkit-transform: rotate(3deg) translateY(-4px);
    transform: rotate(3deg) translateY(-4px)
}

#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    top: 15px;
    right: 15px
}

#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border: 2px solid transparent;
    border-top-color: #29d;
    border-left-color: #29d;
    border-radius: 50%;
    -webkit-animation: nprogress-spinner .4s linear infinite;
    animation: nprogress-spinner .4s linear infinite
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative
}

.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner {
    position: absolute
}

@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes nprogress-spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.content-section {
    padding: 80px 0
}

.content-section .section-actions {
    padding-top: 54px
}

.content-section .panel,.section-slider .lSSlideOuter {
    margin-bottom: 0
}

.content-section a.panel-empty {
    display: block;
    border: 2px dashed #e6eaf2;
    box-shadow: none;
    color: #737780;
    -webkit-transition: border-color .15s ease-out;
    transition: border-color .15s ease-out
}

.section-title {
    margin-top: -8px;
    margin-bottom: 46px
}

.section-title+.section-desc {
    margin-top: -28px
}

.section-desc:last-child {
    margin-bottom: 0
}

.section-image .section-title+.section-desc {
    margin-top: 0
}

.section-image .box-lg img {
    position: relative;
    z-index: 2
}

.content-section>.container>.section-desc {
    margin-left: auto;
    margin-right: auto;
    max-width: 790px
}

.section-blue .section-title,.section-light-blue .section-title,.section-purple .section-desc b,.section-purple .section-title {
    color: #fff
}

@media (min-width: 1200px) {
    .content-section>.container>.section-desc {
        margin-bottom:46px
    }

    .home-page .section-blue,.section-timeline+.content-section {
        padding-top: 102px
    }
}

@media (min-width: 768px) {
    .content-section>.container>h3.section-title {
        margin-bottom:32px
    }
}

@media (min-width: 768px) and (max-width:1199px) {
    .content-section {
        padding:72px 0
    }

    .home-page .section-blue,.section-timeline+.content-section {
        padding-top: 96px
    }

    .content-section>.container>.section-desc {
        margin-bottom: 42px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .home-page .section-light-blue .section-desc {
        font-size:14px;
        line-height: 25px
    }
}

@media (max-width: 767px) {
    .content-section {
        padding:40px 0
    }

    .home-page .section-blue,.section-timeline+.content-section {
        padding-top: 56px
    }

    .section-title {
        margin-top: -6px;
        margin-bottom: 27px
    }

    h2.section-title.h3,h3.section-title {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 17px
    }

    h2.section-title.h3.mb-32 {
        margin-bottom: 17px!important
    }

    .section-title+.section-desc {
        margin-top: -7px
    }

    .content-section .section-desc {
        font-size: 14px;
        line-height: 22px
    }

    .content-section>.container>.section-desc {
        margin-bottom: 27px
    }

    .content-section>.container>h3.section-title {
        margin-bottom: 17px
    }
}

@media (max-width: 579px) {
    .content-section .section-actions {
        padding-top:14px
    }

    .content-section .section-title+.section-actions {
        padding-top: 0
    }
}

.section-bordered {
    border-top: 1px solid #ebecee
}

.support-page .section-bordered {
    margin-top: 64px
}

.section-stats {
    padding: 0!important
}

.stats-container {
    -ms-flex-align: center;
    -ms-flex-line-pack: center;
    align-content: center;
    overflow: hidden
}

.stats-container,.stats-container .stats-center .stats-holder {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.stats-container .stats-center .stats-holder {
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.stats-container .stats-center .stats-holder .circle {
    background: hsla(0,0%,100%,.04)
}

.stats-container .stats-center .stats-holder .circle,.stats-container .stats-center .stats-holder .circle:after,.stats-container .stats-center .stats-holder .circle:before {
    border-radius: 100%
}

.stats-container .stats-center .stats-holder .circle {
    position: absolute;
    left: 50%;
    top: 50%
}

.stats-container .stats-center .stats-holder .circle:after,.stats-container .stats-center .stats-holder .circle:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%
}

.stats-container .stats-center .stats-holder .circle:before {
    background: hsla(0,0%,100%,.02)
}

.stats-container .stats-center .stats-holder .circle:after {
    background: hsla(0,0%,100%,.01)
}

.stats-container .value {
    font-weight: 800;
    color: #fff;
    position: relative
}

.stats-container .stats-holder>span {
    display: block
}

@media (min-width: 1200px) {
    .stats-container {
        height:318px
    }

    .stats-container .value {
        line-height: 60px;
        font-size: 40px
    }

    .stats-container .stats-center .value {
        font-size: 64px;
        line-height: 92px
    }

    .stats-container .stats-holder {
        width: 200px
    }

    .stats-container .stats-center .stats-holder {
        width: 358px
    }

    .stats-container .stats-center .stats-holder .circle {
        width: 316px;
        height: 316px;
        margin: -158px 0 0 -158px
    }

    .stats-container .stats-center .stats-holder .circle:before {
        width: calc(100% + 96px);
        height: calc(100% + 96px);
        margin-top: calc(-50% - 48px);
        margin-left: calc(-50% - 48px)
    }

    .stats-container .stats-center .stats-holder .circle:after {
        width: calc(100% + 190px);
        height: calc(100% + 190px);
        margin-top: calc(-50% - 95px);
        margin-left: calc(-50% - 95px)
    }

    .stats-container .desc {
        font-size: 16px
    }

    .stats-container .stats:not(.stats-center) .stats-holder img {
        width: 72px;
        margin-bottom: 8px;
        margin-top: -8px
    }

    .stats-container .stats-center .stats-holder img {
        width: 84px;
        margin-top: -24px
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .stats-container {
        height:300px
    }

    .stats-container .value {
        line-height: 60px;
        font-size: 40px
    }

    .stats-container .stats-center .value {
        font-size: 56px;
        line-height: 72px
    }

    .stats-container .stats:not(.stats-center).stats-center .desc {
        font-size: 14px
    }

    .stats-container .stats-center .desc {
        font-size: 16px
    }

    .stats-container .stats-center .stats-holder {
        width: 274px
    }

    .stats-container .stats-center .stats-holder .circle {
        width: 296px;
        height: 296px;
        margin: -148px 0 0 -148px
    }

    .stats-container .stats-center .stats-holder .circle:before {
        width: calc(100% + 88px);
        height: calc(100% + 88px);
        margin-top: calc(-50% - 44px);
        margin-left: calc(-50% - 44px)
    }

    .stats-container .stats-center .stats-holder .circle:after {
        width: calc(100% + 176px);
        height: calc(100% + 176px);
        margin-top: calc(-50% - 88px);
        margin-left: calc(-50% - 88px)
    }

    .stats-container .stats-holder {
        width: 172px
    }

    .stats-container .stats:not(.stats-center) .stats-holder img {
        margin-bottom: 15px;
        margin-top: -10px
    }

    .stats-container .stats-center .stats-holder img {
        margin-bottom: 11px;
        margin-top: -15px
    }

    .stats-container .stats-holder img {
        width: 72px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .stats-container {
        height:280px
    }

    .stats-container .value {
        line-height: 38px;
        font-size: 36px
    }

    .stats-container .stats-center .value {
        font-size: 56px;
        line-height: 72px
    }

    .stats-container .desc {
        font-size: 14px;
        line-height: 16px
    }

    .stats-container .desc span {
        display: block
    }

    .stats-container .stats-center .stats-holder img {
        margin-top: -6px;
        margin-bottom: -3px;
        width: 72px
    }

    .stats-container .stats:not(.stats-center) .stats-holder img {
        margin-top: 5px;
        margin-bottom: 20px;
        width: 54px
    }

    .stats-container .stats-holder {
        width: 114px
    }

    .stats-container .stats-center .stats-holder {
        width: 268px
    }

    .stats-container .stats-center .stats-holder .circle {
        width: 236px;
        height: 236px;
        margin: -118px 0 0 -118px
    }

    .stats-container .stats-center .stats-holder .circle:before {
        width: calc(100% + 72px);
        height: calc(100% + 72px);
        margin-top: calc(-50% - 36px);
        margin-left: calc(-50% - 36px)
    }

    .stats-container .stats-center .stats-holder .circle:after {
        width: calc(100% + 144px);
        height: calc(100% + 144px);
        margin-top: calc(-50% - 72px);
        margin-left: calc(-50% - 72px)
    }
}

@media (min-width: 768px) {
    .stats-container .stats {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }
}

@media (max-width: 767px) {
    .home-page .section-stats {
        margin-top:-31px
    }

    .stats-container .stats-left {
        text-align: left
    }

    .stats-container .stats-right {
        text-align: right
    }

    .stats-container .stats-left {
        left: 20px
    }

    .stats-container .stats-right {
        right: 20px
    }

    .stats-container .stats-left,.stats-container .stats-right {
        position: absolute
    }

    .stats-container .stats-center .stats-holder {
        width: 214px;
        height: 214px
    }
}

@media (min-width: 580px) and (max-width:767px) {
    .stats-container {
        height:268px
    }

    .stats-container .value {
        line-height: 32px;
        font-size: 32px
    }

    .stats-container .stats-center .value {
        font-size: 48px;
        line-height: 56px
    }

    .stats-container .stats-left,.stats-container .stats-right {
        top: 68px
    }

    .stats-container .stats-holder {
        width: 160px;
        position: relative
    }

    .stats-container .stats-left .stats-holder {
        padding-left: 54px
    }

    .stats-container .stats-right .stats-holder {
        padding-right: 54px
    }

    .stats-container .stats-center .stats-holder .circle {
        width: 236px;
        height: 236px;
        margin: -118px 0 0 -118px
    }

    .stats-container .stats-center .stats-holder .circle:before {
        width: calc(100% + 72px);
        height: calc(100% + 72px);
        margin-top: calc(-50% - 36px);
        margin-left: calc(-50% - 36px)
    }

    .stats-container .stats-center .stats-holder .circle:after {
        width: calc(100% + 144px);
        height: calc(100% + 144px);
        margin-top: calc(-50% - 72px);
        margin-left: calc(-50% - 72px)
    }

    .stats-container .stats-center .stats-holder img {
        width: 72px
    }

    .stats-container .stats:not(.stats-center) .stats-holder img {
        position: absolute;
        top: 50%;
        width: 36px;
        margin-top: -18px
    }

    .stats-container .stats:not(.stats-center) .stats-holder:first-of-type {
        margin-bottom: 34px
    }

    .stats-container .stats-left .stats-holder img {
        left: 0
    }

    .stats-container .stats-right .stats-holder img {
        right: 0
    }

    .stats-container .stats-center .stats-holder img {
        margin-bottom: 4px;
        margin-top: -10px
    }
}

@media (max-width: 579px) {
    .stats-container {
        height:220px
    }

    .stats-container .stats-left,.stats-container .stats-right {
        top: 28px
    }

    .stats-container .value {
        line-height: 28px;
        font-size: 32px
    }

    .stats-container .stats-holder img {
        display: none
    }

    .stats-container .stats-center .value {
        font-size: 48px;
        line-height: 46px
    }

    .stats-container .desc {
        font-size: 13px
    }

    .stats-container .stats:not(.stats-center) .stats-holder:first-of-type {
        margin-bottom: 80px
    }

    .stats-container .stats-center .stats-holder .circle {
        width: 154px;
        height: 154px;
        margin: -77px 0 0 -77px
    }

    .stats-container .stats-center .stats-holder .circle:before {
        width: calc(100% + 48px);
        height: calc(100% + 48px);
        margin-top: calc(-50% - 24px);
        margin-left: calc(-50% - 24px)
    }

    .stats-container .stats-center .stats-holder .circle:after {
        width: calc(100% + 96px);
        height: calc(100% + 96px);
        margin-top: calc(-50% - 48px);
        margin-left: calc(-50% - 48px)
    }
}

.section-timeline {
    position: relative;
    padding-bottom: 0
}

.timeline-nav {
    position: relative;
    margin-top: -13px;
    padding: 0 56px
}

.timeline-nav .nav-arrow {
    position: absolute;
    top: 0;
    z-index: 1;
    font-size: 32px;
    line-height: 56px;
    padding: 0 16px;
    color: rgba(221,238,255,.8)
}

.timeline-nav .nav-arrow:hover {
    color: #fff
}

.timeline-nav .nav-arrow.arrow-left {
    left: -16px
}

.timeline-nav .nav-arrow.arrow-right {
    right: -16px
}

.timeline-years {
    overflow: hidden
}

.timeline-nav .timeline-year {
    width: 105px;
    font-weight: 300;
    line-height: 56px;
    text-align: center;
    color: rgba(221,238,255,.8);
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
    cursor: pointer
}

.timeline-nav .timeline-year:hover {
    color: #fff
}

.timeline-nav .timeline-year.is-nav-selected {
    font-size: 40px;
    font-weight: 900;
    color: #fff
}

.timeline-slider {
    overflow: hidden
}

.timeline-slogan {
    display: block;
    color: #fff;
    font-weight: 100;
    text-transform: uppercase
}

.timeline-slogan .logo-white {
    max-width: 450px;
    width: 100%
}

.timeline-item {
    width: 100%;
    padding: 50px 0
}

.timeline-slogan b {
    font-weight: 900
}

.timeline-events li {
    color: #fff;
    font-size: 18px;
    font-weight: 700
}

.timeline-month {
    display: block;
    padding-left: 32px;
    margin-bottom: 3px;
    font-size: 14px;
    text-transform: uppercase;
    color: rgba(221,238,255,.8)
}

.timeline-events+.timeline-month {
    margin-top: 19px
}

.timeline-slider:not(.flickity-enabled),.timeline-years:not(.flickity-enabled) {
    visibility: hidden
}

.section-timeline .stats-container {
    position: relative;
    height: 220px;
    box-shadow: 0 6px 20px rgba(0,0,0,.1)
}

.section-timeline .stats-container .desc {
    color: hsla(0,0%,100%,.8)
}

.section-timeline .stats-center .stats-holder .circle {
    background: hsla(0,0%,100%,.06)
}

.section-timeline .stats-center .stats-holder .circle:before {
    background: hsla(0,0%,100%,.04)
}

.section-timeline .stats-center .stats-holder .circle:after {
    background: hsla(0,0%,100%,.02)
}

@media (min-width: 1200px) {
    .section-timeline .stats-center .stats-holder {
        width:310px
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .section-timeline .stats-holder {
        width:168px
    }
}

@media (min-width: 992px) {
    .timeline-nav .timeline-year {
        font-size:20px
    }

    .timeline-slogan {
        padding-right: 60px;
        font-size: 80px;
        line-height: 88px;
        text-align: right
    }

    .timeline-slogan b {
        display: block
    }

    .section-timeline .stats-container {
        margin-bottom: -24px
    }

    .section-timeline .value {
        line-height: 46px;
        font-size: 40px
    }

    .section-timeline .stats-center .value {
        font-size: 56px;
        line-height: 69px
    }

    .section-timeline .stats-center .stats-holder img {
        margin-top: -17px
    }

    .section-timeline .stats:not(.stats-center) .stats-holder img {
        margin-bottom: 10px;
        margin-top: 0
    }

    .timeline-slider .flickity-viewport {
        height: 584px!important
    }
}

@media (max-width: 991px) {
    .timeline-slogan {
        text-align:center;
        margin-bottom: 28px
    }

    .section-timeline .stats-container {
        margin-bottom: -16px
    }

    .section-timeline .bg-fill {
        display: none
    }
}

@media (min-width: 768px) {
    .section-timeline .stats-center .stats-holder .circle {
        width:240px;
        height: 240px;
        margin: -120px 0 0 -120px
    }

    .section-timeline .stats-center .stats-holder .circle:after {
        width: calc(100% + 144px);
        height: calc(100% + 144px);
        margin-top: calc(-50% - 72px);
        margin-left: calc(-50% - 72px)
    }

    .section-timeline .stats-center .stats-holder .circle:before {
        width: calc(100% + 72px);
        height: calc(100% + 72px);
        margin-top: calc(-50% - 36px);
        margin-left: calc(-50% - 36px)
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .timeline-nav .timeline-year {
        font-size:18px
    }

    .timeline-slogan {
        font-size: 56px;
        line-height: 64px;
        font-weight: 100
    }

    .timeline-events li {
        font-size: 16px;
        font-weight: 600
    }

    .section-timeline .stats-center .stats-holder {
        width: 238px
    }

    .timeline-item {
        padding: 40px 0
    }
}

@media (max-width: 767px) {
    .timeline-nav {
        padding:0
    }

    .timeline-nav .nav-arrow {
        display: none
    }

    .timeline-nav .timeline-year {
        width: 80px;
        font-size: 16px;
        line-height: 40px
    }

    .timeline-nav .timeline-year.is-selected {
        font-size: 24px;
        font-weight: 800
    }

    .section-timeline .stats-left {
        left: 24px
    }

    .section-timeline .stats-right {
        right: 24px
    }

    .timeline-item {
        padding: 24px 0
    }

    .timeline-slogan {
        margin-bottom: 30px;
        font-size: 38px;
        line-height: 40px
    }

    .timeline-events li {
        font-size: 15px;
        font-weight: 500;
        line-height: 20px
    }

    .timeline-month {
        margin-bottom: 3px
    }

    .timeline-events+.timeline-month {
        margin-top: 19px
    }
}

@media (min-width: 580px) and (max-width:767px) {
    .section-timeline .stats-left,.section-timeline .stats-right {
        top:44px
    }
}

.home-page .section-boxes {
    position: relative;
    padding-bottom: 0
}

.section-boxes .row .panel {
    height: 100%
}

.section-boxes .row+.row {
    margin-top: 16px
}

@media (min-width: 992px) {
    .section-boxes .row {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

.section-news {
    position: relative;
    z-index: 2
}

.section-news .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.section-news .panel {
    height: 100%
}

.section-news .panel .panel-header h6 {
    margin: 0;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    color: #2e3442
}

.section-news .panel .panel-header .h6 a:not(:hover),.section-news .panel .panel-header h6 a:not(:hover) {
    color: #2e3442
}

.section-news .list-styled li {
    margin-bottom: 5px;
    line-height: 22px
}

.twitter-list.list-styled li {
    cursor: pointer;
    -webkit-transition: color .15s linear;
    transition: color .15s linear
}

.twitter-list.list-styled li a:after {
    display: none
}

.twitter-list.list-styled li a {
    word-break: break-all;
    -webkit-transition: border .15s linear;
    transition: border .15s linear
}

.twitter-list.list-styled li:hover a,.twitter-list.list-styled li a,.twitter-list.list-styled li a:hover {
    color: #1f75cc
}

.twitter-list.list-styled li:hover {
    color: #5bc758
}

.twitter-list.list-styled li a:hover {
    border-bottom: 1px dotted #1f75cc
}

@media (min-width: 1200px) {
    .section-news .panel .panel-header {
        padding:25px 32px 0
    }

    .section-news .panel .panel-body {
        padding: 13px 24px 20px
    }
}

@media (max-width: 1199px) {
    .section-news .panel .panel-header {
        padding:19px 22px 0
    }

    .section-news .panel .panel-body {
        padding: 3px 16px 10px
    }
}

@media (max-width: 991px) {
    .news-slider:not(.lightSlider) {
        visibility:hidden
    }
}

@media (max-width: 767px) {
    .section-news.content-section {
        padding-bottom:24px
    }
}

.panel-hero {
    position: relative
}

.panel-hero .panel-body {
    padding: 40px
}

.panel-xhero .panel-body {
    padding: 48px
}

.terms-page .panel-body {
    text-align: justify
}

.terms-page p+h4,.terms-page ul+h4 {
    margin-top: 24px
}

.terms-page ul+p {
    margin-top: 10px
}

.social-form-panel .panel-body {
    padding-top: 100px;
    position: relative
}

@media (min-width: 992px) {
    .panel-hero .panel-body {
        padding-left:0;
        padding-right: 0
    }
}

@media (max-width: 767px) {
    .panel-hero .panel-body,.panel-xhero .panel-body {
        padding:16px
    }
}

.section-info {
    background: #02a8f3;
    padding: 14px 48px;
    line-height: 32px;
    color: #fff;
    font-weight: 700
}

.section-info .btn i {
    margin-left: 8px;
    margin-right: 0
}

.custom-form-page form {
    margin: 0 auto
}

.custom-form-page .control-label {
    font-size: 15px;
    font-weight: 700;
    color: #2e3442;
    margin-bottom: 24px
}

.custom-form-page #call-input-box {
    overflow: hidden
}

.custom-form-page .form-control {
    font-size: 14px
}

.custom-form-page .form-group-lg .form-control {
    height: 54px;
    font-size: 14px;
    padding: 12px 24px;
    border-radius: 3px
}

.custom-form-page .control-attachment i {
    font-size: 32px;
    margin-bottom: 8px
}

.custom-form-page .control-attachment .dz-message span {
    display: block;
    font-size: 13px
}

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

.form-group-lg {
    margin-bottom: 32px
}

.form-custom .form-desc.form-control {
    padding: 0!important;
    font-size: 14px;
    height: auto!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.form-custom .form-desc p {
    line-height: 24px;
    margin-bottom: 22px
}

.form-custom .form-desc ul {
    font-size: 14px;
    margin-left: -8px
}

.form-custom .form-desc ul [data-toggle=tooltip] {
    margin-left: 8px;
    font-size: 19px;
    vertical-align: text-bottom;
    cursor: pointer
}

.form-custom .form-desc ul [data-toggle=tooltip]:hover {
    color: #5bc758;
    -webkit-transition: color .15s ease-out;
    transition: color .15s ease-out
}

.form-custom .form-desc textarea {
    outline: none;
    padding: 24px;
    resize: none;
    border: 0
}

.control-desc {
    padding: 24px;
    background: #f2f5f7
}

@media (min-width: 1200px) {
    .section-info {
        padding-left:0;
        padding-right: 0
    }
}

@media (min-width: 992px) {
    .form-custom .form-desc.form-control {
        min-height:486px;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .form-custom .form-desc textarea {
        -ms-flex-preferred-size: 57%;
        flex-basis: 57%
    }

    .control-desc {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media (max-width: 991px) {
    .form-custom .form-desc.form-control {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .form-custom .form-desc textarea {
        min-height: 300px
    }
}

@media (min-width: 768px) {
    .section-info {
        position:absolute;
        top: 0;
        left: 0;
        right: 0
    }

    .section-info .btn {
        float: right
    }
}

.section-info-whmcs,.section-info.section-info-tickets {
    padding-bottom: 20px;
    padding-top: 20px;
    position: relative
}

.section-info-tickets .info-content,.section-info-whmcs .info-content {
    position: relative;
    padding-left: 40px;
    line-height: 20px;
    font-weight: 400
}

.section-info-whmcs .info-content {
    padding-left: 64px
}

.section-info-tickets .info-content>I,.section-info-whmcs .info-content>i {
    position: absolute;
    top: -2px;
    left: 0;
    font-size: 24px
}

.section-info-tickets .info-content>i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    font-size: 24px
}

.section-info-whmcs .info-content>i {
    left: 19px
}

.section-info-tickets a {
    color: hsla(0,0%,100%,.6)
}

#tab-changelog,#tab-features {
    padding: 0
}

#tab-changelog .tab-section,#tab-features .tab-section {
    padding: 55px 64px
}

#tab-screenshots {
    padding: 0
}

#tab-changelog .tab-section+.tab-section,#tab-features .tab-section+.tab-section {
    padding-top: 0;
    margin-top: -32px
}

.nav-tabs>.products-info.active>a:after {
    border-bottom-color: #02a8f3
}

#tab-changelog .product-tab-header {
    padding: 55px 0 0 64px
}

#tab-changelog .changelog-section {
    padding: 5px 64px 11px
}

@media(max-width: 992px) {
    .section-info-whmcs {
        padding-left:0
    }

    .section-info-whmcs .info-content {
        padding-left: 64px
    }

    .section-info-whmcs .info-content>i {
        left: 35px
    }

    #tab-changelog .tab-section,#tab-features .tab-section {
        padding: 35px 36px
    }

    #tab-changelog .product-tab-header {
        padding: 35px 0 0 36px
    }

    #product-gallery {
        padding: 35px 36px
    }

    #tab-changelog .tab-section+.tab-section,#tab-features .tab-section+.tab-section {
        margin-top: 0
    }
}

@media(max-width: 767px) {
    .custom-form-page .panel-hero {
        margin-bottom:40px
    }

    .section-info {
        padding: 12px 16px;
        text-align: center;
        line-height: 22px
    }

    .section-info span {
        display: block;
        margin-bottom: 8px
    }

    .custom-form-page .control-label {
        margin-bottom: 16px
    }

    .custom-form-page .form-group-lg {
        margin-bottom: 24px
    }

    .custom-form-page .form-group-lg .form-control {
        height: 48px;
        padding-left: 16px;
        padding-right: 16px
    }

    .form-desc.form-control {
        height: auto;
        padding: 0
    }

    .control-desc,.form-desc textarea {
        padding: 16px
    }

    .form-desc p {
        margin-bottom: 8px
    }

    .form-desc ul {
        font-size: 13px;
        line-height: 22px!important
    }

    .checkbox label,.radio label {
        font-size: 13px;
        line-height: 22px
    }

    .section-info-whmcs .info-content {
        padding-left: 35px
    }

    .section-info-whmcs .info-content>i {
        left: 0
    }

    #tab-changelog .tab-section,#tab-features .tab-section {
        padding: 21px 20px
    }

    #tab-changelog .changelog-section {
        padding: 8px 20px 5px
    }

    #tab-changelog .product-tab-header {
        padding: 21px 20px 0;
        margin-bottom: 0
    }

    #product-gallery {
        padding: 21px 20px
    }
}

.section-get-started {
    position: relative;
    text-align: center;
    padding-top: 0
}

.support-page .section-get-started {
    padding-top: 64px
}

.section-get-started .section-actions {
    padding-top: 0
}

@media (max-width: 767px) {
    .section-get-started .section-actions .btn,.title-actions .btn {
        min-width:253px
    }
}

@media (max-width: 579px) {
    .section-get-started .section-actions .btn,.title-actions .btn {
        min-width:100%;
        width: 100%;
        margin: 0
    }

    .section-get-started .section-actions .btn:first-child,.title-actions .btn:first-child {
        margin-bottom: 16px
    }
}

.section-image .btn-hero {
    min-width: 0
}

.section-image .btn-hero+.btn-hero {
    margin-left: 13px
}

.section-image .partners-boxes {
    padding-top: 12px;
    margin-bottom: -16px
}

.section-image .section-title {
    margin-bottom: 24px
}

.section-image .section-actions {
    padding-top: 14px
}

.section-image .section-actions .btn-xxlg {
    min-width: 250px
}

.section-image .box-lg img {
    width: 382px
}

.section-image .box-lg .service {
    width: 400px
}

.section-image .list-styled {
    margin-bottom: 17px
}

@media (min-width: 1200px) {
    .section-image>.container>.row:not(.no-flex),.section-image>.row {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .section-image.image-left .box-lg {
        margin-right: 84px
    }

    .section-image.image-right .box-lg {
        margin-left: 84px
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .section-image.image-left .box-lg {
        margin-right:45px
    }

    .section-image.image-right .box-lg {
        margin-left: 45px
    }
}

@media (max-width: 991px) {
    .section-image>.container>.row.no-flex .col-md-push-6 {
        display:none
    }

    .section-image>.container>.row.no-flex .section-desc,.section-image>.container>.row.no-flex .section-title {
        padding-right: 0
    }

    .section-image>.container>.row.no-flex .section-title {
        text-align: center
    }

    .section-image .box-lg .service {
        width: 273px
    }

    #ecommerce-platforms .partners-boxes,.section-image .section-actions {
        text-align: center
    }

    #ecommerce-platforms .partners-boxes>div {
        display: inline-block;
        float: none
    }
}

@media (min-width: 768px) and (max-width:991px) {
    #cms .partners-boxes {
        text-align:center
    }

    #cms .partners-boxes>div {
        display: inline-block;
        float: none
    }

    .section-image.image-left .box-lg {
        margin-right: 36px
    }

    .section-image.image-right .box-lg {
        margin-left: 36px
    }

    .section-image>.container>.row,.section-image>.row {
        position: relative
    }

    .section-image.image-left>.container>.row>.col-md-6:first-of-type,.section-image.image-left>.row>.col-md-6:first-of-type {
        position: absolute;
        left: 0;
        top: 0;
        width: 50%
    }

    .section-image.image-right>.container>.row>.col-md-6:first-of-type,.section-image.image-right>.row>.col-md-6:first-of-type {
        position: absolute;
        right: 0;
        top: 0;
        width: 50%
    }

    .section-image.image-left .section-desc,.section-image.image-left .section-title {
        padding-left: 372px
    }

    .section-image.image-right .section-desc,.section-image.image-right .section-title {
        padding-right: 372px
    }

    .section-image .box-lg img {
        width: 260px
    }

    .page-banner.bg-presta-dark .section-actions {
        padding-top: 32px
    }
}

@media (max-width: 767px) {
    .section-image .section-title {
        text-align:center;
        margin-bottom: 20px
    }

    .section-image .section-desc {
        line-height: 22px;
        font-size: 14px
    }

    .section-image .box-lg img {
        width: 182px
    }

    .section-image .box-lg {
        margin-bottom: 40px
    }

    .section-image .box-lg .service {
        width: 230px
    }
}

.section-image .box-lg.bg-odin {
    padding: 40px
}

.section-image .box-lg .system.odin {
    height: auto;
    max-width: 100%;
    width: auto
}

@media (min-width: 1200px) {
    .section-image .box-lg .system {
        height:240px;
        width: 240px
    }

    .section-image .bg-clientexec-box .system {
        width: 303px
    }
}

@media (max-width: 1199px) {
    .section-image .box-lg .system {
        height:200px;
        width: 200px
    }
}

@media (max-width: 991px) {
    .section-image .box-lg .system {
        height:160px;
        width: 160px
    }
}

@media (max-width: 767px) {
    .section-image .box-lg .system {
        height:120px;
        width: 120px
    }
}

.section-border {
    border-top: 1px solid #e9eff6
}

.content-section .section-image {
    padding: 64px 0
}

.content-section .section-image.first {
    padding-top: 24px
}

.content-section .section-image.last {
    padding-bottom: 0
}

.col-md-2_4 {
    position: relative;
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px
}

@media (min-width: 992px) {
    .col-md-2_4 {
        width:20%
    }
}

@media (max-width: 767px) {
    .content-section .section-image {
        padding:40px 0
    }
}

.section-antares-features .panel,.section-onapp-features .panel {
    text-align: center
}

.section-antares-features .row,.section-boxes .row,.section-onapp-features .row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 80px
}

.section-antares-features .col-md-2_4,.section-onapp-features [class*=col-] {
    padding-bottom: 16px
}

.section-antares-features .panel-body {
    height: 100%;
    padding: 21px 20px
}

.section-antares-features .panel-body img {
    margin-bottom: 16px
}

.section-antares-features .panel-body p {
    margin: 0;
    color: #2e3442;
    font-size: 16px;
    line-height: 24px
}

.section-antares-features .lead {
    margin: 48px 0 0;
    font-size: 18px
}

.section-antares-features .lead b {
    color: #2e3442
}

.section-onapp-features .panel-empty:hover {
    border-color: #00b2ff
}

@media (max-width: 1199px) {
    .section-antares-features .panel-body {
        padding:14px 16px
    }

    .section-antares-features .panel-body p {
        font-size: 14px;
        line-height: 22px
    }
}

@media (min-width: 400px) {
    .section-antares-features .panel-body p br {
        display:none
    }
}

.image-antares {
    display: block;
    position: relative;
    width: 526px;
    padding: 0 40px 20px 0
}

.image-antares>.panel,.image-antares>.phone {
    cursor: pointer
}

.browser {
    position: relative;
    height: 340px;
    width: 490px;
    overflow: hidden;
    padding-top: 40px
}

.browser:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: "";
    height: 40px;
    width: 100%;
    background: url(../img/browser-bar.png);
    background-size: cover
}

.browser>img,.phone-body>img {
    max-width: 100%
}

@media (max-width: 1199px) {
    .image-antares {
        width:420px;
        padding: 0 32px 16px 0
    }

    .browser {
        height: 270px;
        width: 392px;
        padding-top: 32px
    }

    .browser:before {
        height: 32px
    }
}

@media (max-width: 991px) {
    .image-antares {
        width:336px;
        padding: 0 26px 12px 0
    }

    .browser {
        height: 218px;
        width: 314px;
        padding-top: 26px
    }

    .browser:before {
        height: 26px
    }
}

@media (min-width: 768px) {
    .image-right .image-antares {
        float:right
    }
}

@media (max-width: 767px) {
    .image-box {
        margin:0 auto 40px
    }
}

.phone {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 240px;
    width: 130px;
    padding: 16px 6px 24px;
    background-image: -webkit-linear-gradient(160deg,#435170,#343a4a);
    background-image: linear-gradient(160deg,#435170,#343a4a);
    border-radius: 8px
}

.phone-body {
    display: block;
    height: 100%;
    width: 100%;
    background: #000
}

.phone-top {
    top: 6px;
    height: 4px
}

.phone-bottom,.phone-top {
    position: absolute;
    left: 50%;
    width: 32px;
    margin-left: -16px;
    background-color: rgba(0,0,0,.3);
    border-radius: 8px
}

.phone-bottom {
    bottom: 8px;
    height: 12px
}

.phone-buttons {
    position: absolute;
    right: -2px;
    top: 0;
    height: 100%;
    padding: 40px 0
}

.phone-buttons:after,.phone-buttons:before {
    display: block;
    content: "";
    height: 40px;
    width: 2px;
    background-color: #292f3c;
    border-radius: 0 3px 3px 0
}

.phone-buttons:after {
    position: absolute;
    bottom: 40px;
    height: 20px
}

@media (max-width: 1199px) {
    .phone {
        height:191px;
        width: 104px;
        padding: 12px 4px 16px;
        border-radius: 6px
    }

    .phone-top {
        top: 5px;
        height: 3px
    }

    .phone-bottom {
        bottom: 5px;
        height: 8px
    }

    .phone-buttons {
        padding: 32px 0
    }

    .phone-buttons:before {
        height: 32px
    }

    .phone-buttons:after {
        position: absolute;
        bottom: 32px;
        height: 16px
    }
}

@media (max-width: 991px) {
    .phone {
        height:154px;
        width: 84px;
        padding: 10px 3px 12px;
        border-radius: 6px
    }

    .phone-top {
        top: 5px;
        height: 3px
    }

    .phone-bottom {
        bottom: 5px;
        height: 8px
    }

    .phone-buttons {
        padding: 32px 0
    }

    .phone-buttons:before {
        height: 32px
    }

    .phone-buttons:after {
        position: absolute;
        bottom: 32px;
        height: 16px
    }
}

@media (max-width: 991px) and (min-width:768px) {
    .banner-section.section-image.image-left>.row>.col-md-6 {
        min-height:300px
    }

    .banner-section.section-image.image-left .section-desc {
        min-height: 218px
    }

    .banner-section.section-image.image-left .hero-left {
        margin: 0 auto
    }

    .bg-odin-dark .banner-section.section-image.image-left .hero-left {
        margin: 0
    }

    .bg-odin-dark .section-actions {
        padding-left: 372px
    }
}

@media (max-width: 767px) {
    .banner-section .section-actions .hero-left {
        margin:0 auto
    }
}

.page-footer {
    position: relative;
    background: #262c3b
}

.page-footer>*,.page-footer a {
    color: #8d94a6
}

.page-footer a:hover {
    color: #fff
}

.page-footer h6 {
    margin: 0 0 20px;
    font-size: 14px;
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
    line-height: 14px
}

.page-footer h6>a {
    color: #fff
}

.footer-top {
    position: relative;
    padding-top: 84px;
    padding-bottom: 30px;
    overflow: hidden
}

.footer-payments {
    background: #2d3445
}

.footer-payments .payment-icons {
    max-width: 100%;
    margin: -9px 0 22px;
    font-size: 33px;
    font-size: 31px
}

.footer-payments .payment-icons i {
    margin-right: 7px
}

.footer-payments .payment-icons i:before {
    vertical-align: middle
}

.footer-payments .payment-icons i:nth-of-type(2) {
    font-size: 38px
}

.footer-payments .payment-icons i:nth-of-type(4),.footer-payments .payment-icons i:nth-of-type(5) {
    font-size: 25px
}

.footer-payments p {
    margin-bottom: 17px;
    font-size: 11px;
    line-height: 16px;
    padding-right: 8px
}

.footer-payments p:last-of-type {
    margin-bottom: 0
}

.footer-sitemap {
    float: left;
    overflow: hidden
}

.footer-sitemap .sitemap-links ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.footer-sitemap .sitemap-links ul li a {
    display: block;
    padding: 8px 0
}

.footer-sponsors {
    padding: 40px 0 42px;
    overflow: hidden;
    width: 100%
}

.footer-bottom {
    overflow: hidden;
    background: #1f2430
}

.footer-bottom .copyright p {
    margin: 0
}

.footer-bottom .copyright a img {
    width: 154px
}

.footer-bottom .copyright span {
    font-size: 12px;
    opacity: .5
}

.footer-bottom ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none
}

.footer-bottom ul li {
    float: left
}

.footer-bottom ul li a {
    display: block
}

.footer-bottom ul.links-social {
    margin-right: -10px
}

.footer-bottom ul.links-social li a i {
    width: 24px;
    height: 24px;
    text-align: center
}

.footer-bottom ul.links-social li a i:before {
    vertical-align: middle
}

.footer-bottom ul.links-terms {
    margin-right: 10px
}

.footer-bottom ul.links-social li:nth-of-type(3) a i:before {
    vertical-align: top
}

.footer-sponsors a {
    display: inline-block
}

@media (min-width: 1200px) {
    .footer-payments {
        float:right;
        width: 276px;
        padding: 22px 24px;
        box-shadow: 0 6px 20px rgba(0,0,0,.08)
    }

    .footer-sitemap .sitemap-links .links-divider,.footer-sitemap .sitemap-links:not(:last-of-type) {
        margin-right: 49px
    }

    .footer-bottom {
        padding: 30px 0
    }

    .footer-bottom ul.links-social li a {
        font-size: 20px;
        padding: 8px 9px
    }

    .footer-bottom ul.links-social li:nth-of-type(3) a {
        font-size: 24px
    }

    .footer-bottom ul.links-terms li a {
        padding: 12px 16px
    }
}

@media (max-width: 1199px) {
    .footer-top {
        padding-bottom:16px
    }

    .footer-payments {
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }

    .payments-container {
        position: relative;
        padding: 0 8px;
        margin: 0 auto
    }

    .footer-payments h6 {
        display: none
    }

    .footer-bottom ul.links-terms li a {
        padding: 14px 8px
    }

    .footer-bottom ul.links-social li a {
        font-size: 16px;
        padding: 8px 5px
    }

    .footer-bottom ul.links-social li:nth-of-type(3) a {
        font-size: 20px
    }
}

@media (min-width: 992px) {
    .footer-bottom .copyright {
        float:left;
        display: flex;
        display: -ms-flexbox;
        align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        padding-top: 6px
    }

    .footer-bottom .copyright a {
        margin-right: 32px
    }

    .footer-bottom .links {
        float: right
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .payments-container {
        width:970px;
        padding-top: 33px;
        padding-bottom: 33px
    }

    .footer-sitemap .sitemap-links .links-divider,.footer-sitemap .sitemap-links:not(:last-of-type) {
        margin-right: 66px
    }

    .footer-top {
        padding-top: 176px
    }
}

@media (max-width: 1199px) {
    .footer-bottom {
        text-align:center
    }

    .footer-bottom>.container {
        display: flex;
        display: -ms-flexbox;
        flex-direction: column;
        align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center
    }

    .footer-bottom .copyright,.footer-bottom .links {
        float: none;
        display: flex;
        display: -ms-flexbox
    }

    .footer-bottom .copyright {
        order: -1;
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column
    }

    .footer-bottom .copyright p {
        margin-top: 16px
    }
}

@media (min-width: 768px) {
    .footer-sitemap .sitemap-links .links-divider {
        float:left
    }

    .footer-sponsors a:nth-of-type(1) {
        margin-right: 80px
    }

    .footer-sponsors a:nth-of-type(2) {
        margin-right: 56px
    }

    .footer-sponsors a:last-of-type {
        padding: 8px 6px
    }
}

@media (min-width: 768px) and (max-width:1199px) {
    .payments-container {
        padding-left:256px
    }

    .payments-container img {
        position: absolute;
        left: 8px;
        top: 30px
    }

    .footer-payments p {
        margin-bottom: 5px
    }

    .footer-payments .payment-icons {
        left: 8px
    }

    .footer-bottom {
        padding: 24px 0
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .payments-container {
        width:744px;
        padding-left: 256px;
        padding-top: 34px;
        padding-bottom: 28px
    }

    .footer-sitemap .sitemap-links .links-divider:not(:last-of-type),.footer-sitemap .sitemap-links:not(:last-of-type) {
        margin-right: 27px
    }

    .footer-sponsors {
        padding: 26px 0 38px
    }

    .footer-top {
        padding-top: 160px
    }
}

@media (max-width: 767px) {
    .footer-payments p {
        margin:0
    }

    .footer-bottom .copyright p,.footer-sitemap .sitemap-links ul li a {
        font-size: 13px
    }

    .footer-bottom ul.links-terms li a {
        font-size: 12px
    }

    .footer-bottom {
        padding: 24px 0 20px
    }
}

@media (min-width: 580px) and (max-width:1199px) {
    .footer-payments .payment-icons {
        position:absolute;
        margin: 0;
        height: 58px;
        top: 50%;
        margin-top: -29px
    }
}

@media (min-width: 580px) {
    .footer-sitemap .sitemap-links {
        float:left
    }

    .footer-sitemap .sitemap-links ul {
        display: block!important
    }

    .footer-sponsors a:last-of-type {
        padding: 8px 6px
    }

    .footer-sponsors img {
        vertical-align: sub
    }
}

@media (min-width: 580px) and (max-width:767px) {
    .footer-sitemap {
        width:100%
    }

    .footer-top {
        padding-top: 152px
    }

    .payments-container {
        padding: 29px 20px 22px 276px
    }

    .footer-payments .payment-icons {
        left: 20px
    }

    .footer-sitemap .sitemap-links:not(:last-of-type) {
        padding-right: 20px
    }

    .footer-sitemap>.sitemap-links:nth-of-type(1),.footer-sitemap>.sitemap-links:nth-of-type(2) {
        width: 30%
    }

    .footer-sitemap>.sitemap-links:nth-of-type(3),.footer-sitemap>.sitemap-links:nth-of-type(4) {
        width: 20%
    }

    .footer-sitemap .sitemap-links .links-divider:nth-last-of-type {
        margin-top: 4px
    }

    .page-footer h6 {
        margin: 0 0 10px;
        line-height: 18px
    }

    .footer-sponsors a:nth-of-type(1) {
        margin-right: 20px
    }

    .footer-sponsors a:nth-of-type(2) {
        margin-right: 15px
    }

    .footer-sponsors {
        padding: 62px 0 10px
    }
}

@media (max-width: 579px) {
    .footer-top {
        padding-top:174px
    }

    .footer-payments .payment-icons {
        text-align: center;
        margin: 0 0 6px
    }

    .payments-container {
        padding: 4px 20px 20px
    }

    .footer-sitemap .sitemap-links ul,.sitemap-links h6 {
        padding-left: 30px
    }

    .footer-sitemap .sitemap-links ul {
        margin-bottom: 24px
    }

    .sitemap-links h6 {
        position: relative;
        margin-bottom: 16px;
        line-height: 24px;
        cursor: pointer;
        -webkit-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out
    }

    .sitemap-links .h6 a,.sitemap-links h6 a {
        color: #8d94a6
    }

    .footer-sitemap .active .h6 a,.footer-sitemap .active h6 a,.sitemap-links h6:hover a {
        color: #fff
    }

    .sitemap-links h6:after,.sitemap-links h6:before {
        content: '';
        position: absolute;
        background: #8d94a6;
        -webkit-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out
    }

    .sitemap-links h6:after {
        width: 14px;
        height: 2px;
        left: 3px;
        top: 10px
    }

    .sitemap-links h6:before {
        height: 14px;
        width: 2px;
        top: 4px;
        left: 9px
    }

    .sitemap-links ul {
        display: none
    }

    .footer-sitemap .active h6:after,.footer-sitemap .active h6:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        background: #fff
    }

    .footer-sponsors {
        padding: 16px 0 20px;
        text-align: center
    }

    .footer-sponsors a:nth-of-type(1) {
        margin-right: 10px
    }

    .footer-sponsors a:nth-of-type(1) img {
        width: 57px
    }

    .footer-sponsors a:nth-of-type(2) {
        margin-right: 10px
    }

    .footer-sponsors a:nth-of-type(2) img {
        width: 64px
    }

    .footer-sponsors a:nth-of-type(3) img {
        width: 85px
    }

    .footer-sponsors a:last-of-type {
        display: block;
        margin: 28px auto 0
    }

    .footer-sponsors a:last-of-type img {
        width: 125px
    }

    .footer-bottom {
        position: relative;
        padding-top: 40px
    }

    .footer-bottom .container {
        padding: 0
    }

    .footer-bottom ul.links-terms {
        margin-right: 0
    }

    .footer-bottom ul.links-terms li a {
        font-size: 12px
    }

    .footer-bottom .links {
        display: flex;
        display: -ms-flexbox;
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center
    }

    .footer-bottom ul.links-social {
        margin-right: 5px
    }
}

.list-link li a:after {
    display: none
}

.list-link li a {
    display: block
}

.list-link li a:not(:hover) {
    color: #737780
}

.list-link li a .date,.list-styled li .date {
    color: #959da6;
    font-size: 11px;
    line-height: 13px;
    display: block
}

.list-icon.list-doc li:before {
    content: '\f223';
    top: 11px;
    left: 5px;
    font-size: 19px
}

.list-doc li>br,.list-doc li>span {
    display: none
}

.list-bordered li:not(:last-of-type) {
    border-bottom: 1px solid #e9edf2
}

.list-solution {
    padding: 0;
    margin: 0;
    list-style: none
}

.list-solution li {
    text-align: left
}

.list-solution li:last-of-type {
    border-bottom: 1px solid #e9edf2
}

.list-solution li .solution-desc h4 {
    margin-top: 0
}

.list-solution li .solution-desc h4 span span {
    color: #737780;
    font-weight: 400
}

.list-solution li .solution-desc p {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .list-solution li {
        padding:32px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .list-solution li .circle-box {
        -ms-flex-preferred-size: 140px;
        flex-basis: 140px;
        border-radius: 8px
    }

    .list-solution li .solution-desc {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 40px
    }
}

@media (max-width: 767px) {
    .list-solution li {
        position:relative;
        padding: 24px 0
    }

    .list-solution li .circle-box {
        position: absolute;
        top: 24px;
        left: 0;
        border-radius: 4px
    }

    .list-solution li .solution-desc h4 {
        font-size: 16px;
        margin: 0;
        height: 56px;
        padding-left: 72px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        line-height: 22px
    }

    .list-solution li .solution-desc p {
        margin-top: 14px;
        font-size: 13px
    }
}

.faq-fast-project-turnaround {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#69d6e0),color-stop(100%,#4fa9c9));
    background: -webkit-linear-gradient(290deg,#69d6e0,#4fa9c9);
    background: linear-gradient(160deg,#69d6e0,#4fa9c9);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#69D6E0',endColorstr='#4FA9C9',GradientType=0)
}

.faq-hire-our-developer {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#5bded9),color-stop(100%,#49b8c4));
    background: -webkit-linear-gradient(290deg,#5bded9,#49b8c4);
    background: linear-gradient(160deg,#5bded9,#49b8c4);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#5BDED9',endColorstr='#49B8C4',GradientType=0)
}

.faq-official-module {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#5bded9),color-stop(100%,#47bfb7));
    background: -webkit-linear-gradient(290deg,#5bded9,#47bfb7);
    background: linear-gradient(160deg,#5bded9,#47bfb7);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#5BDED9',endColorstr='#47BFB7',GradientType=0)
}

.faq-documentation {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#62deac),color-stop(100%,#48c295));
    background: -webkit-linear-gradient(290deg,#62deac,#48c295);
    background: linear-gradient(160deg,#62deac,#48c295);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#62DEAC',endColorstr='#48C295',GradientType=0)
}

.faq-extended-license-agreement {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#5ce07f),color-stop(100%,#46c26d));
    background: -webkit-linear-gradient(290deg,#5ce07f,#46c26d);
    background: linear-gradient(160deg,#5ce07f,#46c26d);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#5CE07F',endColorstr='#46C26D',GradientType=0)
}

.faq-sponsored-module {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#6be86d),color-stop(100%,#4ec74a));
    background: -webkit-linear-gradient(290deg,#6be86d,#4ec74a);
    background: linear-gradient(160deg,#6be86d,#4ec74a);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#6BE86D',endColorstr='#4EC74A',GradientType=0)
}

.faq-custom-deployment {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#b3d943),color-stop(100%,#97b82e));
    background: -webkit-linear-gradient(290deg,#b3d943,#97b82e);
    background: linear-gradient(160deg,#b3d943,#97b82e);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#B3D943',endColorstr='#97B82E',GradientType=0)
}

.faq-ongoing-support {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#cedb40),color-stop(100%,#b7c21d));
    background: -webkit-linear-gradient(290deg,#cedb40,#b7c21d);
    background: linear-gradient(160deg,#cedb40,#b7c21d);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#cedb40',endColorstr='#b7c21d',GradientType=0)
}

.faq-extended-guarantee {
    background: -webkit-gradient(linear,left top,right top,color-stop(0,#dbce40),color-stop(100%,#c2b11d));
    background: -webkit-linear-gradient(160deg,#c2b11d,#dbce40);
    background: linear-gradient(290deg,#c2b11d,#dbce40);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#DBCE40',endColorstr='#C2B11D',GradientType=1)
}

.faq-standard-quality-assurance {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#dbce40),color-stop(100%,#c2b11d));
    background: -webkit-linear-gradient(290deg,#dbce40,#c2b11d);
    background: linear-gradient(160deg,#dbce40,#c2b11d);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#DBCE40',endColorstr='#C2B11D',GradientType=0)
}

.faq-advanced-quality-assurance {
    background: -webkit-gradient(linear,left top,right top,color-stop(0,#f57433),color-stop(100%,#e3562b));
    background: -webkit-linear-gradient(160deg,#e3562b,#f57433);
    background: linear-gradient(290deg,#e3562b,#f57433);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#F57433',endColorstr='#E3562B',GradientType=1)
}

.faq-extended-verification-time {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f57433),color-stop(100%,#e3562b));
    background: -webkit-linear-gradient(290deg,#f57433,#e3562b);
    background: linear-gradient(160deg,#f57433,#e3562b);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#F57433',endColorstr='#E3562B',GradientType=0)
}

.faq-module-marketing {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ff596f),color-stop(100%,#d94c51));
    background: -webkit-linear-gradient(290deg,#ff596f,#d94c51);
    background: linear-gradient(160deg,#ff596f,#d94c51);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FF596F',endColorstr='#D94C51',GradientType=0)
}

.list-collapse .item-box {
    position: relative;
    overflow: hidden;
    display: block;
    margin-bottom: 28px;
    padding: 12px 16px;
    border-radius: 3px;
    font-size: 15px;
    font-weight: 700;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.1)
}

a.item-box:before {
    opacity: 0;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: hsla(0,0%,100%,.1);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

a.item-box:hover:before {
    opacity: 1
}

.item-box>.btn {
    background: rgba(0,0,0,.15);
    color: #fff
}

.item-box>span:not(.btn) {
    display: block
}

.item-box .box-icon {
    position: relative;
    line-height: 32px;
    color: #fff;
    text-transform: uppercase
}

.item-box .box-icon .icon {
    width: 58px;
    height: 58px;
    left: 0
}

.item-box .box-icon .icon img {
    width: 40px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.item-box .box-icon .icon span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.1)
}

.item-box .box-icon .icon span,.item-box .box-icon .icon span:after,.item-box .box-icon .icon span:before {
    border-radius: 100%
}

.item-box .box-icon .icon span:after,.item-box .box-icon .icon span:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%
}

.item-box .box-icon .icon span:before {
    width: calc(100% + 16px);
    height: calc(100% + 16px);
    margin-top: calc(-50% - 8px);
    margin-left: calc(-50% - 8px);
    background: hsla(0,0%,100%,.06)
}

.item-box .box-icon .icon span:after {
    width: calc(100% + 32px);
    height: calc(100% + 32px);
    margin-top: calc(-50% - 16px);
    margin-left: calc(-50% - 16px);
    background: hsla(0,0%,100%,.03)
}

@media (min-width: 768px) {
    .item-box>.btn {
        float:right
    }

    .item-box>:not(.btn) {
        float: left
    }

    .item-box>span:not(.btn) {
        margin-right: 18px;
        color: rgba(0,0,0,.5);
        line-height: 32px;
        font-weight: 500
    }

    .item-box .box-icon {
        padding-left: 78px
    }

    .item-box .box-icon .icon {
        top: -14px;
        position: absolute
    }
}

@media (max-width: 767px) {
    .list-collapse .item-box {
        margin-top:28px;
        overflow: visible;
        padding-bottom: 32px;
        margin-bottom: 14px
    }

    .item-box .box-icon {
        text-align: center;
        font-size: 14px;
        margin-bottom: 8px
    }

    .item-box .box-icon .icon {
        position: relative;
        margin: 0 auto
    }

    .item-box>span:not(.btn) {
        position: absolute;
        top: -28px;
        left: 0;
        font-size: 14px;
        font-weight: 700;
        color: #2e3442
    }

    .item-box .btn {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        box-shadow: none;
        border-radius: 0 0 3px 3px
    }
}

.panel-support .panel-heading {
    padding: 12px 24px;
    border-bottom: 1px solid #e9edf2
}

.panel-support .panel-heading:after,.panel-support .panel-heading:before {
    display: block;
    content: "";
    clear: both
}

.panel-support .panel-heading .heading-title {
    float: left;
    margin: 0;
    line-height: 32px;
    font-size: 16px
}

.panel-support .cards {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none
}

.panel-support .cards-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 56px;
    width: 100%;
    padding: 8px 16px;
    border-top: 1px solid #e9edf2;
    text-align: center
}

.panel-support .card-number {
    display: inline-block;
    margin: 12px auto;
    font-size: 13px
}

.panel-support .panel-cards {
    height: auto;
    position: relative;
    padding-bottom: 56px
}

.panel-support .list-collapse,.panel-support .list-icon {
    padding: 13px 15px 8px
}

.panel-support .list-collapse li {
    margin: 0
}

.panel-support .list-collapse .collapse-item-anchor {
    padding: 12px 16px 12px 42px;
    font-weight: 400
}

.faq-page .list-collapse.list-lg .collapse-item-anchor {
    padding: 20px 0 20px 40px
}

.panel-support .list-collapse.list-lg .collapse-item-anchor:before {
    top: 22px;
    left: 10px
}

.panel-support .list-collapse.list-lg .collapse-item-anchor:after {
    top: 15px;
    left: 17px
}

.faq-page .list-collapse.list-lg .collapse-item-anchor:before {
    left: 2px;
    top: 29px;
    width: 16px
}

.faq-page .list-collapse.list-lg .collapse-item-anchor:after {
    top: 22px;
    left: 9px;
    height: 16px
}

.faq-page .list-collapse.list-lg>li .item-body {
    position: relative;
    top: -10px
}

.faq-page .list-collapse.list-lg li {
    margin-bottom: 0
}

.panel-support .list-icon li>a {
    padding: 8px 16px 8px 9px;
    display: block
}

.panel-support .list-collapse li:not(.active)>a:not(:hover),.panel-support .list-icon li>a:not(:hover) {
    color: #737780
}

.panel-support .list-icon li a>.text-primary {
    color: inherit
}

.common-questions-list .collapse-item {
    padding-left: 0
}

.common-questions-list .collapse-item:before {
    display: none
}

.common-questions-list .collapse-item .item-body {
    display: none;
    padding: 8px 0 0 40px
}

.common-questions-list .collapse-item .item-body>:last-child {
    margin-bottom: 0
}

.common-questions-list .collapse-item .collapse-item-anchor {
    position: relative;
    padding-left: 40px
}

.common-questions-list .collapse-item.active .collapse-item-anchor {
    color: #5bc758
}

.common-questions-list .collapse-item .collapse-item-anchor:after,.common-questions-list .collapse-item .collapse-item-anchor:before {
    content: '';
    position: absolute;
    background: #737980;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.common-questions-list .collapse-item .collapse-item-anchor:before {
    left: 8px;
    top: 18px;
    width: 12px;
    height: 2px
}

.common-questions-list .collapse-item .collapse-item-anchor:after {
    left: 13px;
    top: 13px;
    width: 2px;
    height: 12px
}

.common-questions-list .collapse-item.active .collapse-item-anchor:after,.common-questions-list .collapse-item.active .collapse-item-anchor:before {
    background-color: #5bc758
}

.common-questions-list .collapse-item.active .collapse-item-anchor:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.common-questions-list .collapse-item .item-body {
    display: none
}

.common-questions-list .no-data-slogan {
    margin: 0 auto;
    max-width: 430px
}

.panel-support .panel-cards .cards-nav {
    display: none
}

.panel-support .panel-cards .lSSlideOuter+.cards-nav {
    display: block
}

@media (min-width: 992px) {
    .panel-support .panel-cards {
        min-height:557px
    }
}

@media (max-width: 991px) {
    .panel-support .cards {
        overflow:hidden
    }

    .panel-support .lSSlideOuter {
        overflow: visible
    }

    .panel-support .panel-cards .no-data {
        height: auto;
        padding: 30px 0 0;
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .faq-page .list-collapse.list-lg .item-body p {
        font-size:15px;
        margin-bottom: 18px
    }
}

@media (max-width: 767px) {
    .faq-page .panel-hero .list-collapse {
        margin-top:-32px
    }

    .faq-page .list-collapse.list-lg .item-body {
        padding: 0
    }

    .faq-page .list-collapse.list-lg li {
        margin: -16px -16px 0;
        padding: 16px 16px 0
    }

    .faq-page .list-collapse.list-lg>li>a {
        padding: 20px 0 20px 30px;
        line-height: 20px
    }

    .faq-page .list-collapse.list-lg .item-body p {
        margin-bottom: 40px;
        font-size: 13px
    }

    .faq-page .list-collapse.list-lg>li>a:before {
        left: 0;
        top: 29px;
        width: 12px
    }

    .faq-page .list-collapse.list-lg>li>a:after {
        top: 24px;
        left: 5px;
        height: 12px
    }

    .panel-support .list-collapse li a {
        padding: 9px 16px 9px 32px;
        font-weight: 400;
        line-height: 20px;
        font-size: 15px
    }

    .panel-support .list-collapse.list-lg>li>a:before {
        top: 20px;
        left: 3px;
        width: 12px
    }

    .panel-support .list-collapse.list-lg>li>a:after {
        top: 15px;
        left: 8px;
        height: 12px
    }

    .panel-support .list-icon li {
        line-height: 20px;
        font-size: 15px
    }

    .panel-support .list-icon li>a {
        padding: 5px 16px 6px 9px
    }

    .common-questions-list .collapse-item .collapse-item-anchor:before {
        top: 14px
    }

    .common-questions-list .collapse-item .collapse-item-anchor:after {
        top: 9px
    }
}

.panel-complete-custom {
    margin-top: 64px;
    margin-bottom: 64px
}

.panel-image {
    overflow: hidden
}

.panel-image .h6 {
    margin-top: 0
}

.panel-image p {
    margin-bottom: 0
}

.panel-image .panel-header {
    position: relative;
    padding: 24px 32px 0
}

.panel-image .panel-body {
    padding: 24px 32px 32px
}

.home-page .panel-image .panel-body {
    padding: 24px 32px 32px 33px!important
}

.panel-image-sm .panel-body {
    padding: 24px 24px 32px
}

.panel-image .panel-body h6 {
    font-weight: 800
}

a.panel-image .panel-body .learn-more {
    display: block;
    margin-top: 16px;
    color: #a4adb6
}

a.panel-image .panel-body .learn-more i {
    margin-left: 10px;
    font-size: 17px;
    vertical-align: text-bottom
}

.panel-image.panel-wide .panel-body,.panel-image.panel-wide .panel-body h4,.panel-image.panel-wide .panel-body p {
    color: #fff
}

.panel-image.panel-wide {
    position: relative;
    z-index: 10
}

.panel-image.panel-wide .panel-body .learn-more {
    color: rgba(0,0,0,.5);
    left: 32px;
    bottom: -10px
}

a.panel-image {
    color: #737780;
    -webkit-transition: -webkit-box-shadow .3s ease-out;
    transition: box-shadow .3s ease-out
}

a.panel-image:hover {
    box-shadow: 0 12px 32px rgba(0,0,0,.16)
}

.panel-image-sm .panel-header {
    height: 186px
}

a.panel-image {
    color: #5c5f66;
    overflow: hidden
}

.panel-image .panel-header img {
    width: 282px
}

.col-lg-3 .panel-image .panel-header>img,.panel-image-sm .panel-header>img {
    width: auto;
    height: 152px
}

@media (min-width: 992px) {
    a.panel-image .panel-body .learn-more {
        position:absolute;
        bottom: 9px;
        left: 0;
        right: 0;
        opacity: 0;
        color: #5bc758
    }

    a.panel-image:hover .panel-body .learn-more {
        opacity: 1
    }

    a.panel-image {
        display: block
    }

    a.panel-image .panel-body,a.panel-image .panel-body .learn-more,a.panel-image .panel-header {
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

    a.panel-image .panel-header {
        height: 212px
    }

    a.panel-image .panel-body {
        position: relative;
        padding-bottom: 48px
    }

    .panel-image.panel-wide .panel-header {
        padding-top: 12px
    }

    a.panel-image:hover .panel-body,a.panel-image:not(.panel-wide):hover .panel-header {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    .col-md-3 .panel-image .panel-body {
        padding: 24px
    }

    .col-md-3 .panel-image .panel-body .h6 {
        margin-top: 0
    }

    .col-md-3 .panel-image .panel-body p,.panel-image-sm .panel-pdy p {
        margin-bottom: 0
    }

    .col-md-3 .panel-image .panel-header,.panel-image-sm .panel-header {
        padding: 24px 24px 0
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .panel-image .panel-header {
        padding:24px 10px 0
    }

    .col-md-12 .panel-image {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 234px;
        margin-top: 16px
    }

    .col-md-12 .panel-image .panel-header {
        flex-basis: 310px;
        -ms-flex-preferred-size: 310px;
        padding: 0 15px;
        height: 152px
    }

    .col-md-12 .panel-image .panel-body {
        text-align: left;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media (max-width: 991px) {
    .panel-image {
        margin-top:0!important
    }

    .section-boxes [class*=col-] {
        padding-bottom: 16px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .panel-image .panel-header {
        flex-basis:310px;
        -ms-flex-preferred-size: 310px;
        padding: 0 15px
    }
}

@media (min-width: 768px) {
    .panel-image.panel-wide {
        margin-bottom:-24px
    }
}

@media (max-width: 767px) {
    .panel-image .panel-body h4 {
        font-size:16px
    }

    a.panel-image .panel-body .learn-more {
        font-size: 13px
    }

    .panel-image.panel-wide {
        margin-bottom: -16px
    }
}

@media (min-width: 580px) {
    .panel-image.panel-wide {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 260px
    }

    .panel-image.panel-wide .panel-header {
        -ms-flex-preferred-size: 31.33333333%;
        flex-basis: 31.33333333%
    }

    .panel-image.panel-wide .panel-header img {
        top: 0
    }

    .panel-image.panel-wide .panel-body {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: left
    }
}

@media (min-width: 580px) and (max-width:991px) {
    .content-section .panel-image {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 234px
    }

    .panel-image .panel-body {
        text-align: left;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .section-boxes .panel-image .panel-body {
        padding-left: 0
    }

    .section-boxes .panel-image-sm {
        min-height: auto
    }

    .section-boxes .panel-image-sm .panel-header {
        height: 152px
    }

    .section-boxes .panel-image-sm .panel-body {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

@media (min-width: 580px) and (max-width:767px) {
    .panel-image .panel-header {
        padding:0
    }

    .panel-image .panel-body h4 {
        margin-bottom: 8px
    }

    .section-boxes .panel-image .panel-header img {
        margin-left: -102px;
        margin-right: 10px
    }

    .section-boxes .panel-image .panel-body {
        padding-right: 20px;
        padding-top: 16px
    }

    .section-boxes .panel-image .panel-body p {
        line-height: 22px
    }

    .section-boxes .panel-image-sm .panel-header img {
        margin-left: -62px;
        margin-right: 30px
    }

    .panel-image.panel-wide .panel-header {
        flex-basis: 190px
    }
}

@media (max-width: 579px) {
    a.panel-image {
        display:block
    }

    .panel-image .panel-header {
        padding: 16px 0 0
    }

    .panel-image .panel-body {
        padding-top: 0;
        padding-bottom: 24px
    }

    .panel-image .panel-body h4 {
        margin-bottom: 2px
    }

    .panel-image .panel-body p {
        display: none
    }

    .panel-image-sm .panel-body p {
        display: block
    }

    .section-boxes [class*=col-]:not([class*=col-xs-]) {
        width: 100%
    }
}

.panel-executive .panel-body {
    position: relative
}

.panel-executive h4 {
    margin-top: 0
}

.panel-executive h4 span {
    display: block;
    font-size: 14px;
    opacity: .6;
    font-weight: 500;
    margin-top: -6px
}

.panel-executive .panel-body .image-holder {
    position: absolute;
    border-radius: 100%;
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out
}

.panel-executive .panel-body .image-holder img {
    width: 100%;
    border-radius: 100%
}

.panel-executive .panel-body .image-holder:hover img {
    opacity: .9
}

.panel-executive .panel-body .image-holder .btn {
    position: absolute;
    bottom: 0;
    right: -8px;
    color: #fff
}

@media (min-width: 1200px) {
    .panel-executive .panel-body {
        padding:28px 32px 32px 238px
    }

    .panel-executive .panel-body .image-holder {
        width: 172px;
        height: 172px;
        left: 32px;
        top: 32px
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .panel-executive .panel-body {
        padding:20px 24px 24px 186px
    }

    .panel-executive .panel-body .image-holder {
        width: 136px;
        height: 136px
    }

    .panel-executive .panel-body .image-holder .btn {
        width: 48px;
        height: 48px;
        padding: 11px 21px
    }
}

@media (max-width: 1199px) {
    .panel-executive .panel-body .image-holder {
        left:24px;
        top: 24px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .panel-executive .panel-body h4 {
        font-size:18px
    }

    .panel-executive .panel-body {
        padding: 20px 24px 24px
    }
}

@media (max-width: 991px) {
    .panel-executive .panel-body h4 {
        height:72px;
        padding-left: 112px;
        margin-bottom: 18px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .panel-executive .panel-body .image-holder {
        width: 72px;
        height: 72px
    }

    .panel-executive .panel-body .image-holder .btn {
        width: 32px;
        height: 32px;
        padding: 3px 12px
    }

    .panel-executive .panel-body .image-holder .btn i {
        font-size: 19px!important
    }
}

@media (max-width: 767px) {
    .panel-executive .panel-body h4 {
        font-size:16px
    }

    .panel-executive .panel-body p {
        font-size: 13px
    }

    .panel-executive .panel-body {
        padding: 20px 24px 8px
    }
}

@media (min-width: 580px) {
    .section-executive .row {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .panel-executive {
        height: 100%
    }
}

@media (max-width: 579px) {
    .section-executive .row>.col-xxs-12:first-of-type>.panel-executive {
        margin-bottom:16px
    }
}

.section-slider .lSSlideOuter {
    overflow: hidden;
    margin: -74px -8px 0;
    padding: 74px 8px 16px
}

.development-page .section-slider .lSSlideOuter {
    margin-bottom: -16px
}

.section-slider .lSSlideWrapper {
    overflow: visible
}

.section-slider .lSAction {
    position: absolute;
    right: -4px
}

@media (min-width: 992px) {
    .section-slider .lSAction {
        top:-78px
    }

    .section-slider .testimmonials-slider+.lSAction {
        top: -62px
    }
}

@media (max-width: 991px) and (min-width:768px) {
    .section-slider .testimmonials-slider+.lSAction {
        top:-60px
    }

    .slider-news+.lSAction {
        top: -70px
    }
}

@media (max-width: 767px) {
    .section-slider .lSSlideOuter {
        margin:-74px -20px 0;
        padding: 74px 20px 16px
    }

    .section-slider .lSAction {
        top: -45px
    }

    @-moz-document url-prefix() {
        .section-slider .lSAction {
            top: -48px
        }

        .section-slider .slider-news+.lSAction {
            top: -56px
        }
    }
}

.section-slider .lSAction a {
    display: inline-block;
    width: 32px;
    height: 32px;
    font-size: 24px;
    color: #b9c0c7;
    line-height: 32px;
    text-align: center;
    position: static;
    -webkit-transition: color .15s ease-out;
    transition: color .15s ease-out
}

.section-slider .lSAction a+a {
    margin-left: 16px
}

.section-slider .lSAction a:hover {
    color: #2e3442
}

.section-contact {
    position: relative;
    background: url(../img/mapa.jpg);
    background-position: 50%
}

.section-contact .pin {
    position: absolute;
    top: 34%;
    left: 58%;
    width: 44px;
    height: 56px;
    background: url(../img/pin.svg) no-repeat
}

.section-contact address {
    position: relative;
    padding-left: 40px;
    padding-top: 4px
}

.section-contact .panel .panel-body {
    padding: 32px
}

.section-contact .panel h4 {
    margin-top: -3px
}

.section-contact address:before {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    background: url(../img/pin.svg) no-repeat;
    width: 20px;
    height: 25px
}

@media (max-width: 767px) {
    .panel-address {
        width:280px;
        margin: 0 auto
    }

    .section-contact .panel h4 {
        font-size: 16px
    }

    .panel-address address {
        padding-left: 34px
    }
}

.testimmonials-slider:not(.lightSlider) {
    visibility: hidden
}

.testimmonials-slider {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.testimmonial {
    padding: 20px 32px 32px;
    background-color: #fff;
    box-shadow: 0 6px 20px rgba(0,0,0,.1)
}

.testimmonial-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 11px
}

.testimmonial-header img {
    border-radius: 100%;
    margin-right: 16px;
    width: 56px;
    height: 56px
}

.testimmonial-header a {
    word-break: break-word
}

.testimmonial-header a:not(:hover) {
    color: #1f75cc
}

.testimmonial-header a.empty:hover {
    color: #1f75cc;
    cursor: default
}

.testimmonial-header .author>span:first-of-type {
    font-size: 16px;
    font-weight: 700;
    color: #2e3442;
    display: block
}

.testimmonial-header .author>span:last-of-type {
    margin-top: 8px;
    color: #a7adb5;
    display: block;
    font-size: 12px
}

.testimmonial-header .author>span:last-of-type>span {
    color: #1f75cc
}

.testimmonial-body {
    line-height: 24px
}

.testimmonial-body>a {
    white-space: nowrap
}

.testimmonial-body .quota {
    position: relative;
    top: 1px;
    display: none;
    width: 33px;
    background: url(../img/quotes.svg);
    height: 20px;
    background-repeat: no-repeat
}

#modal-testimonial .modal-content {
    background: none;
    box-shadow: none
}

#modal-testimonial .testimmonial {
    margin: 0 auto!important;
    width: 100%!important
}

#modal-testimonial .testimmonial-body .dots,#modal-testimonial .testimmonial-body>a {
    display: none
}

#modal-testimonial .testimmonial .hidden {
    display: inline!important
}

@media (min-width: 768px) {
    .section-slider .lSSlideOuter+h3 {
        margin-top:27px
    }
}

@media (max-width: 767px) {
    .testimmonial-body {
        font-size:13px;
        line-height: 22px
    }

    .testimmonial {
        padding: 20px
    }
}

@media (min-width: 580px) and (max-width:767px) {
    .section-slider .lSSlideOuter+h3 {
        margin-top:14px
    }
}

@media (max-width: 579px) {
    .section-slider .lSSlideOuter+h3 {
        margin-top:8px
    }
}

.home-page .partners-boxes {
    padding-top: 8px;
    margin: -8px -8px -16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.home-page .partners-box {
    width: 25%;
    padding: 0 8px
}

.home-page .partners-boxes a i {
    zoom:.4;-moz-transform: scale(.4);
    image-rendering: auto
}

@media (max-width: 767px) {
    .home-page .partners-boxes {
        overflow:visible;
        padding-top: 0
    }

    home-page .partners-box {
        width: 25%
    }

    .home-page .partners-boxes:not(.lightSlider) {
        visibility: hidden
    }

    .home-page .partners-boxes a i {
        image-rendering: -webkit-optimize-contrast
    }
}

.partners-boxes a {
    position: relative;
    display: block;
    height: 80px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 16px!important;
    -webkit-transition: -webkit-filter .15s ease-out;
    transition: filter .15s ease-out
}

.partners-boxes a i {
    -moz-transform: scale(.5);
    zoom:.5;display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -79px;
    margin-left: -180px;
    -ms-transform: translateX(90px) translateY(40px);
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimizequality
}

.partners-boxes a .systems-go_daddy {
    top: 53%
}

.partners-boxes a i:before {
    content: '';
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity .15s ease-out;
    transition: opacity .15s ease-out
}

.partners-boxes a:hover i:before {
    opacity: 1
}

@media(min-width: 992px) {
    .home-page .partners-boxes a i {
        zoom:.45;
        -moz-transform: scale(.45)
    }
}

.circle-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    color: #fff;
    box-shadow: 0 6px 20px rgba(0,0,0,.1)
}

a.circle-box:hover {
    color: #fff
}

a.circle-box:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    content: "";
    background-color: hsla(0,0%,100%,0);
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

a.circle-box:hover:after {
    background-color: hsla(0,0%,100%,.1)
}

.circle-box>img {
    margin: 0 auto
}

.circle-box .box-title {
    width: 100%
}

.circle-box .box-title>img {
    margin: -4px auto 10px;
    display: block
}

.circle-box .box-title>span {
    position: relative;
    padding-right: 0;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    -webkit-transition: all .45s ease-in-out;
    transition: all .45s ease-in-out
}

.circle-box .box-title span span {
    font-weight: 400
}

.circle-box .box-title>span:after {
    opacity: 0;
    font-family: Material-Design-Iconic-Font;
    content: '\f301';
    position: absolute;
    right: 0;
    top: 2px;
    font-size: 19px;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.circle-box .box-title i {
    height: 103px;
    width: 112px;
    font-size: 90px;
    margin-bottom: 8px
}

.circle-box>span {
    position: absolute;
    left: 50%;
    top: 50%;
    background: hsla(0,0%,100%,.08);
    -webkit-transition: all .45s ease-in-out;
    transition: all .45s ease-in-out
}

.circle-box>span,.circle-box>span:before {
    border-radius: 100%
}

.circle-box>span:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transition: all .45s ease-in-out;
    transition: all .45s ease-in-out;
    width: calc(100% + 64px);
    height: calc(100% + 64px);
    margin-top: calc(-50% - 32px);
    margin-left: calc(-50% - 32px);
    background: hsla(0,0%,100%,.05)
}

a.circle-box:hover>span {
    width: 246px;
    height: 246px;
    margin: -123px 0 0 -123px
}

a.circle-box:hover>span:before {
    width: calc(100% + 112px);
    height: calc(100% + 112px);
    margin-top: calc(-50% - 56px);
    margin-left: calc(-50% - 56px)
}

.circle-box.box-lg>span {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 404px;
    width: 404px;
    margin: auto;
    background: hsla(0,0%,100%,.06)
}

.circle-box.box-sm {
    height: 140px
}

.circle-box>span:before {
    width: calc(100% + 64px);
    height: calc(100% + 64px);
    margin-top: calc(-50% - 32px);
    margin-left: calc(-50% - 32px)
}

.circle-box.box-lg>span:before {
    width: calc(100% + 120px);
    height: calc(100% + 120px);
    margin-top: calc(-50% - 60px);
    margin-left: calc(-50% - 60px);
    background: hsla(0,0%,100%,.03)
}

.support-boxes .circle-box {
    margin-bottom: 40px
}

@media (min-width: 1200px) {
    .circle-box>span {
        width:222px;
        height: 222px;
        margin: -111px 0 0 -111px
    }

    .circle-box.box-lg {
        height: 450px
    }
}

@media (min-width: 992px) {
    .circle-box {
        height:214px
    }

    .circle-box:hover .box-title>span {
        padding-right: 24px
    }

    .circle-box:hover .box-title>span:after {
        opacity: 1
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .circle-box>span {
        width:200px;
        height: 200px;
        margin: -100px 0 0 -100px
    }

    a.circle-box>span:before {
        width: calc(100% + 68px);
        height: calc(100% + 68px);
        margin-top: calc(-50% - 34px);
        margin-left: calc(-50% - 34px)
    }

    .circle-box.box-lg {
        height: 380px
    }

    .circle-box.box-lg>span {
        height: 348px;
        width: 348px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .circle-box {
        height:166px
    }

    .circle-box>span {
        width: 152px;
        height: 152px;
        margin: -76px 0 0 -76px
    }

    a.circle-box>span:before {
        width: calc(100% + 42px);
        height: calc(100% + 42px);
        margin-top: calc(-50% - 21px);
        margin-left: calc(-50% - 21px)
    }

    a.circle-box:hover>span {
        width: 176px;
        height: 176px;
        margin: -88px 0 0 -88px
    }

    a.circle-box:hover>span:before {
        width: calc(100% + 112px);
        height: calc(100% + 112px);
        margin-top: calc(-50% - 56px);
        margin-left: calc(-50% - 56px)
    }

    .circle-box .box-title>img {
        width: 62px;
        margin-bottom: 6px;
        margin-top: -4px
    }

    .circle-box .box-title span {
        font-size: 16px
    }

    .circle-box.box-lg {
        height: 300px
    }

    .circle-box.box-lg>span {
        height: 278px;
        width: 278px
    }

    .circle-box.box-lg>span:before {
        width: calc(100% + 80px);
        height: calc(100% + 80px);
        margin-top: calc(-50% - 40px);
        margin-left: calc(-50% - 40px)
    }
}

@media (min-width: 768px) {
    .circle-box.box-sm>span {
        width:124px;
        height: 124px;
        margin: -62px 0 0 -62px
    }

    .circle-box.box-sm>span:before {
        width: calc(100% + 32px);
        height: calc(100% + 32px);
        margin-top: calc(-50% - 16px);
        margin-left: calc(-50% - 16px)
    }
}

@media (max-width: 767px) {
    .support-boxes {
        margin:0 -4px 8px
    }

    .support-boxes>.col-xs-6 {
        padding: 0 4px
    }

    .support-boxes .circle-box {
        margin-bottom: 8px
    }

    .circle-box {
        height: 142px
    }

    .circle-box>span {
        width: 132px;
        height: 132px;
        margin: -66px 0 0 -66px
    }

    a.circle-box>span:before {
        width: calc(100% + 32px);
        height: calc(100% + 32px);
        margin-top: calc(-50% - 16px);
        margin-left: calc(-50% - 16px)
    }

    a.circle-box:hover>span {
        width: 144px;
        height: 144px;
        margin: -72px 0 0 -72px
    }

    a.circle-box:hover>span:before {
        width: calc(100% + 64px);
        height: calc(100% + 64px);
        margin-top: calc(-50% - 32px);
        margin-left: calc(-50% - 32px)
    }

    .circle-box .box-title>img {
        width: 76px;
        margin-bottom: 12px;
        margin-top: 2px
    }

    .circle-box .box-title span {
        font-size: 14px
    }

    .circle-box.box-lg {
        height: 240px;
        width: 260px;
        margin-left: auto;
        margin-right: auto
    }

    .circle-box.box-lg>span {
        height: 228px;
        width: 228px
    }

    .circle-box.box-sm {
        width: 56px;
        height: 56px
    }

    .circle-box.box-sm>span {
        width: 48px;
        height: 48px;
        margin: -24px 0 0 -24px
    }

    .circle-box.box-sm>span:before {
        width: calc(100% + 16px);
        height: calc(100% + 16px);
        margin-top: calc(-50% - 8px);
        margin-left: calc(-50% - 8px)
    }

    .circle-box.box-sm img {
        width: 32px
    }
}

.btn-hero {
    min-width: 298px;
    padding: 24px;
    border-radius: 4px;
    box-shadow: 0 6px 16px rgba(0,0,0,.08);
    font-size: 14px
}

.btn-hero,.btn-hero.hero-icon-left {
    text-align: left
}

.btn-hero.hero-icon-right {
    text-align: right
}

.btn-hero>span {
    display: inline-block;
    vertical-align: middle
}

.btn-hero .hero-slogan {
    margin-top: -4px;
    line-height: 22px;
    font-weight: 400;
    color: hsla(0,0%,100%,.7)
}

.btn-hero .hero-slogan b {
    display: block;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff
}

.btn-hero .hero-icon {
    position: relative;
    width: 72px;
    height: 72px;
    margin: -11px 0
}

.btn-hero .hero-icon img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    height: 32px;
    width: 32px
}

.btn-hero.btn-light-blue .hero-icon img,.btn-hero .hero-icon img.product {
    width: 34px
}

.btn-hero .hero-icon img.system-antares {
    width: 38px;
    height: auto
}

.btn-hero .hero-icon i:before {
    vertical-align: text-bottom
}

.hero-right {
    text-align: right
}

.hero-center {
    text-align: center
}

.btn-hero .hero-icon+.hero-slogan {
    margin-left: 13px;
    text-align: left
}

.btn-hero .hero-icon:last-child {
    margin-left: 13px
}

.btn-hero .hero-slogan:first-child {
    text-align: right
}

.btn-hero .hero-slogan:first-child:last-child {
    text-align: center
}

.btn-hero .hero-icon>span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: hsla(0,0%,100%,.1);
    border-radius: 100%;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.btn-hero .hero-icon>span:after,.btn-hero .hero-icon>span:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100%
}

.btn-hero .hero-icon>span:before {
    width: calc(100% + 24px);
    height: calc(100% + 24px);
    margin-top: calc(-50% - 12px);
    margin-left: calc(-50% - 12px);
    background: hsla(0,0%,100%,.04);
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.btn-hero .hero-icon>span:after {
    width: calc(100% + 48px);
    height: calc(100% + 48px);
    margin-top: calc(-50% - 24px);
    margin-left: calc(-50% - 24px);
    background: hsla(0,0%,100%,.02);
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.btn-hero:hover .hero-icon>span {
    width: 80px;
    height: 80px;
    margin-top: -4px;
    margin-left: -4px;
    background: hsla(0,0%,100%,.14)
}

.btn-hero:hover .hero-icon>span:before {
    width: 112px;
    height: 112px;
    margin-top: calc(-50% - 16px);
    margin-left: calc(-50% - 16px);
    background: hsla(0,0%,100%,.06)
}

.btn-hero:hover .hero-icon>span:after {
    width: 144px;
    height: 144px;
    margin-top: calc(-50% - 32px);
    margin-left: calc(-50% - 32px);
    background: hsla(0,0%,100%,.04)
}

.btn .zmdi-long-arrow-right {
    margin-left: 8px!important;
    margin-right: 0!important
}

.btn-sea-blue.btn-outline {
    border: 1px solid #4ec2f7;
    color: #fff
}

.btn-sea-blue.btn-outline:hover {
    border-color: #fff
}

.btn-sea-green {
    background: #48b3b4;
    color: #fff
}

.btn-green:hover,.btn-light-blue:hover,.btn-orange:hover,.btn-purple:hover,.btn-sea-green:hover {
    color: #fff
}

@media (max-width: 767px) {
    .btn-hero {
        padding:16px
    }

    .btn-hero .hero-icon {
        margin: -13px 0
    }

    .btn-hero .hero-slogan {
        font-size: 13px
    }

    .btn-hero .hero-slogan b {
        font-size: 15px
    }
}

@media (min-width: 580px) {
    .btn-hero+.btn-hero {
        margin-left:13px
    }
}

@media (max-width: 579px) {
    .hero-right {
        margin-top:0;
        text-align: left;
        height: 78px
    }

    .hero-right .hero-slogan:first-child {
        text-align: left;
        padding-left: 89px;
        margin-top: 0
    }

    .hero-right .hero-icon:last-child {
        position: absolute;
        left: 16px;
        margin-right: 16px;
        margin-left: 0
    }
}

@media (max-width: 1199px) and (min-width:992px) {
    .page-banner .section-image>.row>.col-md-6:first-of-type {
        width:47%
    }

    .page-banner .section-image>.row>.col-md-6:last-of-type {
        width: 53%
    }
}

.flying-boxes {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%
}

.flying-box,.flying-boxes {
    position: absolute
}

.flying-box.flying-center-left {
    background: url(../img/flying-box-cl.png);
    width: 200px;
    height: 200px;
    background-size: cover;
}

.flying-box.flying-center-right {
    background: url(../img/flying-box-cr.png);
    width: 200px;
    height: 200px;
    background-size: cover;
}

.flying-box.flying-top {
    background: url(../img/flying-box-t.png);
    width: 108px;
    height: 108px;
    background-size: cover;
}

.flying-box.flying-bottom {
    background: url(../img/flying-box-b.png);
    width: 108px;
    height: 108px;
    background-size: cover;
}

.page-banner .flying-center-left {
    left: 27%;
    top: 28%;
    transform: scale(.6)
}

.page-banner .flying-center-right {
    right: 26.5%;
    top: 29%;
    left: auto;
    transform: scale(.6)
}

.layer {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0
}

.page-banner .flying-top {
    right: 37.5%;
    left: auto;
    top: 10.5%;
    transform: scale(.6)
}

.page-banner .flying-bottom {
    left: 42.6%;
    top: 60%;
    transform: scale(.6)
}

.section-get-started .flying-center-left {
    left: -1%!important;
    top: -38%!important
}

.section-get-started .flying-center-right {
    right: -1%!important;
    top: -24%!important;
    left: auto!important
}

.section-get-started .flying-top {
    right: 35%!important;
    left: auto!important;
    top: -48%!important
}

@media (min-width: 768px) and (max-width:1199px) {
    .page-banner .flying-center-left.animated,.section-get-started .flying-center-left {
        left:-7%!important
    }

    .page-banner .flying-center-right.animated,.section-get-started .flying-center-right {
        right: -7.5%!important
    }
}

@media (max-width: 768px) {
    .flying-boxes {
        display:none
    }
}

.no-visible {
    visibility: hidden
}

.machine-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.incredible-machine {
    position: relative;
    left: 50%;
    margin: -63px 0 80px -588px;
    width: 1176px;
    height: 430px
}

.conveyor {
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 1;
    margin-left: -580px;
    width: 1160px;
    height: 132px;
    background: url(../img/machine/conveyor.png) no-repeat;
    background-size: 100%
}

.machine-one,.machine-two {
    position: absolute;
    width: 340px;
    height: 412px;
    bottom: -44px;
    z-index: 2
}

.machine-one {
    left: 180px
}

.machine-two {
    right: 163px
}

.machine {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 2
}

.machine-one .machine {
    background: url(../img/machine/machine-one.png) no-repeat top;
    background-size: 100%
}

.machine-two .machine {
    background: url(../img/machine/machine-two-new.png) no-repeat top;
    background-size: 100%
}

.pipe {
    position: absolute;
    top: 123px;
    z-index: 1;
    width: 57px;
    height: 124px
}

.pipe-left {
    left: -7px;
    background: url(../img/machine/pipe-left.png) no-repeat;
    background-size: 100%
}

.pipe-right {
    right: 8px;
    background: url(../img/machine/pipe-right.png) no-repeat;
    background-size: 100%
}

.machine-name {
    color: #363b46;
    font-weight: 800;
    text-transform: uppercase;
    margin-top: 14px;
    display: block;
    margin-left: -11px
}

.machine-screen {
    position: absolute;
    top: 123px;
    left: 58px;
    width: 208px;
    padding-left: 102px
}

.machine-screen .icon {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 102px
}

.machine-screen .icon img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

.machine-screen .check-list {
    list-style: none;
    margin: 7px 0 0;
    padding: 0;
    text-align: left
}

.machine-screen .check-list li {
    position: relative;
    padding: 5px 0 5px 20px;
    font-size: 11px;
    line-height: 12px;
    color: #9ac2da
}

.machine-screen .check-list span {
    position: absolute;
    left: 0;
    top: 5px;
    display: block;
    margin: 0;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    border: 1px solid #4096e6
}

.machine-screen .check-list span:before {
    animation: none;
    -webkit-transform: scaleX(-1) rotate(137deg);
    transform: scaleX(-1) rotate(137deg);
    border-right: 2px solid #5bc758;
    border-top: 2px solid #5bc758;
    height: 12px;
    width: 7px;
    top: 1px;
    left: -1px
}

.package-end {
    right: -217px;
    top: 135px;
    width: 188px;
    background: url(../img/machine/package-end.png) no-repeat;
    background-size: 100%
}

.package-end,.package-middle {
    position: absolute;
    height: 100px
}

.package-middle {
    top: 136px;
    right: -86px;
    width: 100px
}

.package-middle .package {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/machine/package-middle.png) no-repeat;
    background-size: 100%
}

.package-group {
    position: absolute;
    right: -141px;
    bottom: -8px;
    z-index: 2;
    width: 182px;
    height: 101px;
    background: url(../img/machine/package-group.png) no-repeat;
    background-size: 100%
}

.power-supply {
    position: absolute;
    bottom: 3px;
    left: -143px;
    z-index: 2;
    width: 181px;
    height: 90px;
    background: url(../img/machine/power-supply.png) no-repeat;
    background-size: 100%
}

@media (min-width: 1200px) {
    .package-new {
        display:none
    }

    .machine-arm {
        position: absolute;
        left: -363px;
        top: -99px;
        height: 286px;
        width: 498px
    }

    .machine-arm .arm {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(../img/machine/arm.png) no-repeat;
        background-size: 100%
    }

    .machine-arm .arm:before {
        content: '';
        position: absolute;
        height: 30px;
        top: 4px;
        width: 300%;
        left: -300%;
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#dae3ed),color-stop(100%,#bcc3cc));
        background: -webkit-linear-gradient(90deg,#bcc3cc,#dae3ed);
        background: linear-gradient(0deg,#bcc3cc,#dae3ed);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dae3ed',endColorstr='#bcc3cc',GradientType=0)
    }
}

@media (max-width: 1199px) {
    .machine-arm {
        display:none
    }

    .package-new {
        position: absolute;
        top: 160px;
        width: 76px;
        height: 76px;
        background: url(../img/machine/package-new.png) no-repeat;
        background-size: 100%
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .machine-one {
        left:197px
    }

    .machine-two {
        right: 186px
    }

    .pipe-left {
        left: 3px
    }

    .pipe-right {
        right: 18px
    }

    .package-new {
        left: -116px
    }

    .package-middle {
        right: -56px
    }

    .package-group {
        right: -132px
    }

    .package-end {
        right: -86px
    }
}

@media (max-width: 991px) {
    .incredible-machine {
        margin-top:-70px;
        margin-bottom: 54px
    }

    .machine-one {
        left: 253px
    }

    .machine-two {
        right: 239px
    }

    .pipe-left {
        left: 14px
    }

    .pipe-right {
        right: 28px
    }

    .package-new {
        left: -82px
    }

    .package-middle {
        right: -37px
    }

    .package-group {
        right: -74px
    }

    .package-end {
        right: -16px
    }
}

@media (max-width: 767px) {
    .incredible-machine {
        zoom:.7
    }

    @-moz-document url-prefix() {
        .incredible-machine {
            -moz-transform: scale(.7);
            margin-top: -116px;
            margin-bottom: -25px
        }
    }
}

.mb-0 {
    margin-bottom: 0!important
}

/*! Flickity v2.0.5
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
    position: relative
}

.flickity-enabled:focus {
    outline: none
}

.flickity-viewport {
    position: relative;
    height: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.flickity-prev-next-button {
    position: absolute;
    top: 50%;
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 50%;
    background: #fff;
    background: hsla(0,0%,100%,.75);
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.flickity-prev-next-button:hover {
    background: #fff
}

.flickity-prev-next-button:focus {
    outline: none;
    box-shadow: 0 0 0 5px #09f
}

.flickity-prev-next-button:active {
    opacity: .6
}

.flickity-prev-next-button.previous {
    left: 10px
}

.flickity-prev-next-button.next {
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px
}

.flickity-prev-next-button:disabled {
    opacity: .3;
    cursor: auto
}

.flickity-prev-next-button svg {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%
}

.flickity-prev-next-button .arrow {
    fill: #333
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: .25;
    cursor: pointer
}

.flickity-page-dots .dot.is-selected {
    opacity: 1
}

.systems-antares-sm {
    width: 133px;
    height: 128px;
    background-position: -15px -5px
}

.systems-antares-sm-color,.systems-antares-sm:before {
    width: 133px;
    height: 128px;
    background-position: -155px -5px
}

.systems-blesta-sm {
    background-image: url(../img/systems/logo_blesta-bw.svg)
}

.systems-blesta-sm:before {
    background-image: url(../img/systems/logo_blesta.svg)
}

.systems-cpanel-sm {
    background-image: url(../img/systems/logo_cpanel-bw.svg)
}

.systems-cpanel-sm-color,.systems-cpanel-sm:before {
    background-image: url(../img/systems/logo_cpanel.svg)
}

.systems-direct_admin-sm {
    background-image: url(../img/systems/logo_directadmin-bw.svg)
}

.systems-direct_admin-sm-color,.systems-direct_admin-sm:before {
    background-image: url(../img/systems/logo_directadmin.svg)
}

.systems-drupal-sm {
    background-image: url(../img/systems/logo_drupal-bw.svg)
}

.systems-drupal-sm-color,.systems-drupal-sm:before {
    background-image: url(../img/systems/logo_drupal.svg)
}

.systems-easy_dcim-sm {
    background-image: url(../img/systems/logo_easydcim-bg.svg)
}

.systems-easy_dcim-sm-color,.systems-easy_dcim-sm:before {
    background-image: url(../img/systems/logo_easydcim.svg)
}

.systems-joomla-sm {
    background-image: url(../img/systems/logo_joomla-bw.svg)
}

.systems-joomla-sm-color,.systems-joomla-sm:before {
    background-image: url(../img/systems/logo_joomla.svg)
}

.systems-odin-sm {
    width: 133px;
    height: 128px;
    background-position: -564px -143px
}

.systems-odin-sm-color,.systems-odin-sm:before {
    width: 133px;
    height: 128px;
    background-position: -708px -143px
}

.systems-onapp-sm {
    background-image: url(../img/systems/logo_onapp-bw.png)
}

.systems-onapp-sm-color,.systems-onapp-sm:before {
    background-image: url(../img/systems/logo_onapp.png)
}

.systems-plesk-sm {
    background-image: url(../img/systems/logo_plesk-bw.svg)
}

.systems-plesk-sm-color,.systems-plesk-sm:before {
    background-image: url(../img/systems/logo_plesk.svg)
}

.systems-ubersmith-sm {
    background-image: url(../img/systems/logo_ubermsith-bw.svg)
}

.systems-ubersmith-sm:before {
    background-image: url(../img/systems/logo_ubermsith.svg)
}

.systems-clientexec-sm {
    background-image: url(../img/systems/logo_clientexec-bw.svg)
}

.systems-clientexec-sm:before {
    background-image: url(../img/systems/logo_clientexec.svg)
}

.systems-woocommerce-sm {
    background-image: url(../img/systems/logo_woocommerce-bw.png)
}

.systems-woocommerce-sm:before {
    background-image: url(../img/systems/logo_woocommerce.png)
}

.systems-whmcs-sm {
    background-image: url(../img/systems/logo_whmcs-bw.png)
}

.systems-whmcs-sm-color,.systems-whmcs-sm:before {
    background-image: url(../img/systems/logo_whmcs.png)
}

.systems-wordpress-sm {
    width: 133px;
    height: 128px;
    background-position: -286px -281px
}

.systems-wordpress-sm,.systems-wordpress-sm-color,.systems-wordpress-sm:before {
    background-image: url(../img/systems/logo_wordpress-bw.svg)
}

.systems-ingram_micro-sm {
    width: 133px;
    height: 128px;
    background-position: -559px -281px
}

.systems-ingram_micro-sm-color,.systems-ingram_micro-sm:before {
    width: 133px;
    height: 128px;
    background-position: -697px -281px
}

.partners-boxes .panel.systems {
    text-align: center
}

.partners-boxes stop,.partners-boxes svg path,.partners-boxes svg stop,.partners-boxes svg stop offset,.partners-boxes svg stop stop-color {
    -webkit-transition: .15s linear;
    transition: .15s linear
}

#paint6_linear_107_825 stop [stop-color="#00AEDC"],#paint6_linear_107_825 stop [stop-color="#6ECFEC"] {
    transition: .15s linear
}

.partners-boxes svg .st0 {
    opacity: .6;
    fill: #828282
}

.partners-boxes svg .st1 {
    fill: #c8c8c8
}

.partners-boxes svg .st2 {
    opacity: .6;
    fill: #d6d6d6
}

.partners-boxes svg .st3 {
    fill: #202020
}

.partners-boxes svg .st4 {
    fill: rgba(45,44,45,.6)
}

.partners-boxes svg .st5 {
    fill: hsla(0,0%,60%,.6)
}

.partners-boxes svg .st6 {
    fill: rgba(73,73,73,.6)
}

.partners-boxes svg .st7 {
    fill: hsla(0,0%,53%,.6)
}

.partners-boxes svg .st8,.partners-boxes svg .st9 {
    fill: rgba(81,81,81,.6)
}

.partners-boxes svg .st10 {
    fill: #a8b0b8
}

.partners-boxes svg .st11,.partners-boxes svg .st12,.partners-boxes svg .st13,.partners-boxes svg .st14,.partners-boxes svg .st15 {
    fill: #c8c8c8
}

.partners-boxes svg .st18 {
    fill: #c1c4c6
}

.partners-boxes svg .st23 {
    fill: #787f86
}

.partners-boxes svg .st24 {
    fill: #c8d1d8
}

.partners-boxes svg .st25 {
    fill: #a8b1b8
}

.partners-boxes svg .st26 {
    fill: #868e95
}

.partners-boxes .systems-whmcs:hover svg .st0 {
    opacity: 1;
    fill: #7ac042
}

.partners-boxes .systems-whmcs:hover svg.svg-icon-desktop .st1 {
    fill: #043855;
    opacity: 1
}

.partners-boxes .systems-ubersmith:hover svg .st1 {
    fill: #f09724
}

.partners-boxes .systems-ubersmith:hover svg.svg-icon-mobile .st4 {
    fill: #172560
}

.partners-boxes .systems-whmcs:hover svg .st2 {
    opacity: 1;
    fill: #d9dbdc
}

.partners-boxes .systems-cpanel:hover svg .st1 {
    fill: #ff6c2c
}

.partners-boxes .systems-plesk:hover svg .st4 {
    fill: #231f20
}

.partners-boxes .systems-clientexec:hover svg .st4 {
    fill: #000
}

.partners-boxes .systems-plesk:hover svg .st5 {
    fill: #55bde7
}

.partners-boxes .systems-blesta:hover svg .st6 {
    fill: #0075b2
}

.partners-boxes .systems-blesta:hover svg .st7 {
    fill: #6ab31d
}

.partners-boxes .systems-direct_admin:hover svg .st4 {
    fill: #34383c
}

.partners-boxes .systems-ubersmith:hover svg .st4 {
    fill: #2e3072
}

.partners-boxes .systems-direct_admin:hover svg .st8 {
    fill: #31b7e9
}

.partners-boxes .systems-direct_admin:hover svg .st9 {
    fill: #0682b4
}

.partners-boxes .systems-easy_DCIM:hover svg .st4 {
    fill: #414042
}

.partners-boxes .systems-easy_DCIM:hover svg .st10 {
    fill: #3780e6
}

.partners-boxes .systems-ubersmith:hover svg .st10 {
    fill: #7f7f80
}

.partners-boxes .systems-onapp:hover svg #paint0_linear_745_340 .stop-color {
    stop-color: #88d4ee!important
}

.partners-boxes .systems-onapp:hover svg #paint0_linear_745_340 .stop-color1 {
    stop-color: #00b2de!important
}

.partners-boxes .systems-onapp:hover svg #paint0_linear_745_340 .stop-color2 {
    stop-color: #007393!important
}

.partners-boxes .systems-onapp:hover #paint1_linear_745_340 .stop-color {
    stop-color: #88d4ee!important
}

.partners-boxes .systems-onapp:hover #paint1_linear_745_340 .stop-color1 {
    stop-color: #00b2de!important
}

.partners-boxes .systems-onapp:hover #paint1_linear_745_340 .stop-color2 {
    stop-color: #007393!important
}

.partners-boxes .systems-onapp:hover #paint2_linear_745_340 .stop-color {
    stop-color: #6ecfec!important
}

.partners-boxes .systems-onapp:hover #paint2_linear_745_340 .stop-color1,.partners-boxes .systems-onapp:hover #paint3_linear_745_340 .stop-color,.partners-boxes .systems-onapp:hover #paint3_linear_745_340 .stop-color1 {
    stop-color: #00aedc!important
}

.partners-boxes .systems-onapp:hover #paint4_linear_745_340 .stop-color {
    stop-color: #c2c4c6!important
}

.partners-boxes .systems-onapp:hover #paint4_linear_745_340 .stop-color1 {
    stop-color: #f2f3f4!important
}

.partners-boxes .systems-onapp:hover #paint5_linear_745_340 .stop-color {
    stop-color: #a4a6a9!important
}

.partners-boxes .systems-onapp:hover #paint5_linear_745_340 .stop-color1 {
    stop-color: #f2f1f2!important
}

.partners-boxes .systems-onapp:hover #paint6_linear_745_340 .stop-color {
    stop-color: #6ecfec!important
}

.partners-boxes .systems-onapp:hover #paint6_linear_745_340 .stop-color1 {
    stop-color: #00aedc!important
}

.partners-boxes .systems-onapp:hover #paint7_linear_745_340 .stop-color {
    stop-color: #88d4ee!important
}

.partners-boxes .systems-onapp:hover #paint7_linear_745_340 .stop-color1 {
    stop-color: #00b2de!important
}

.partners-boxes .systems-onapp:hover #paint7_linear_745_340 .stop-color2 {
    stop-color: #007393!important
}

.partners-boxes .systems-onapp:hover svg .st4 {
    fill: #4b4647;
    opacity: 1
}

.partners-boxes .systems-clientexec:hover svg .st10 {
    fill: #359fc1
}

.partners-boxes .systems-clientexec:hover svg .st16 {
    fill: #faa73a
}

.partners-boxes .systems-clientexec:hover svg .st17 {
    fill: #e74d3c
}

.partners-boxes .systems-magento:hover svg .st18 {
    fill: #fab37c
}

.partners-boxes .systems-magento:hover svg .st10 {
    fill: #ec4918
}

.partners-boxes .systems-magento:hover svg .st4 {
    fill: #171113
}

.partners-boxes .systems-presta_shop:hover svg .st4 {
    fill: #27245d
}

.partners-boxes .systems-presta_shop:hover svg .st10 {
    fill: #e2066f
}

.partners-boxes .systems-presta_shop:hover svg .st2 {
    fill: #a0dbe8
}

.partners-boxes .systems-presta_shop:hover svg .st6 {
    fill: #9f2255
}

.partners-boxes .systems-woocommerce:hover svg .st4 {
    fill: #000
}

.partners-boxes .systems-woocommerce:hover svg .st10 {
    fill: #7f54b3
}

.partners-boxes .systems-wordpress:hover svg .st4 {
    fill: #444140
}

.partners-boxes .systems-wordpress:hover svg .st10 {
    fill: #00759b;
    opacity: 1
}

.partners-boxes .systems-joomla:hover svg .st4 {
    fill: #3b3a40
}

.partners-boxes .systems-joomla:hover svg .st19 {
    fill: #7ac143
}

.partners-boxes .systems-joomla:hover svg .st20 {
    fill: #f9a541
}

.partners-boxes .systems-joomla:hover svg .st21 {
    fill: #f44321
}

.partners-boxes .systems-joomla:hover svg .st22 {
    fill: #5091cd
}

.partners-boxes .systems-drupal:hover svg .st10 {
    fill: #009cde
}

.partners-boxes .systems-ingram_micro:hover svg .st4 {
    fill: #2376b7
}

.partners-boxes .systems-go_daddy:hover svg .st1 {
    fill: #1bdbdb
}

.partners-boxes .systems-virtuozzo:hover svg .st4 {
    fill: #000
}

.content-item.systems-virtuozzo-sm:hover svg .st10,.partners-boxes .systems-virtuozzo:hover svg .st10 {
    fill: #cb333b
}

.partners-boxes .systems-zendesk:hover svg .st1 {
    fill: #03363d
}

.partners-boxes .systems-proxmox:hover svg .st1 {
    fill: #e57000
}

.partners-boxes .systems-proxmox:hover svg .st4 {
    fill: #000
}

.partners-boxes .systems-gogetssl:hover svg .st1 {
    fill: #db8410
}

.partners-boxes .systems-gogetssl:hover svg .st4 {
    fill: #777278
}

.partners-boxes .systems-epages:hover svg .st1 {
    fill: #d51317
}

.partners-boxes .systems-epages:hover svg .st4 {
    fill: #2c2926
}

.partners-boxes .systems-open_srs:hover svg .st4 {
    fill: #04034a
}

.partners-boxes .systems-open_srs:hover svg .st10 {
    fill: #00c6e1
}

.partners-boxes .systems-brixly:hover svg .st4.st1 {
    fill: #3b4b58
}

.partners-boxes .systems-brixly:hover svg .st4 {
    fill: #495f6e
}

.partners-boxes .systems-brixly:hover svg .st8 {
    fill: #12110c
}

.partners-boxes .systems-nazwa_pl:hover svg .st1 {
    fill: #ff5200
}

.partners-boxes .systems-nazwa_pl:hover svg .st4 {
    fill: #000
}

.partners-boxes .systems-nazwa_pl:hover svg .st8 {
    fill: #666
}

.partners-boxes .systems-liquid_web:hover svg .st1 {
    fill: #949494
}

.partners-boxes .systems-liquid_web:hover svg .st4 {
    fill: #59595b
}

.partners-boxes .systems-vultr:hover svg .st23 {
    fill: #142149
}

.partners-boxes .systems-vultr:hover svg .st24 {
    fill: #c9f4ff
}

.partners-boxes .systems-vultr:hover svg .st25 {
    fill: #51b9ff
}

.partners-boxes .systems-vultr:hover svg .st26 {
    fill: #007bfc
}

.partners-boxes .systems-liquid_web:hover svg #paint0_linear_745_242 .stop-color,.partners-boxes .systems-liquid_web:hover svg #paint1_linear_745_242 .stop-color,.partners-boxes .systems-liquid_web:hover svg #paint2_linear_745_242 .stop-color,.partners-boxes .systems-liquid_web:hover svg #paint3_linear_745_242 .stop-color,.partners-boxes .systems-liquid_web:hover svg #paint4_linear_745_242 .stop-color {
    stop-color: #2cc4f2!important
}

.partners-boxes .systems-liquid_web:hover svg #paint0_linear_745_242 .stop-color1,.partners-boxes .systems-liquid_web:hover svg #paint1_linear_745_242 .stop-color1,.partners-boxes .systems-liquid_web:hover svg #paint2_linear_745_242 .stop-color1,.partners-boxes .systems-liquid_web:hover svg #paint3_linear_745_242 .stop-color1,.partners-boxes .systems-liquid_web:hover svg #paint4_linear_745_242 .stop-color1 {
    stop-color: #08b3e2!important
}

.partners-boxes .systems-liquid_web:hover svg #paint0_linear_745_242 .stop-color2,.partners-boxes .systems-liquid_web:hover svg #paint1_linear_745_242 .stop-color2,.partners-boxes .systems-liquid_web:hover svg #paint2_linear_745_242 .stop-color2,.partners-boxes .systems-liquid_web:hover svg #paint3_linear_745_242 .stop-color2,.partners-boxes .systems-liquid_web:hover svg #paint4_linear_745_242 .stop-color2 {
    stop-color: #0096da!important
}

.section-slider .partners-boxes .systems.m-t-2 svg {
    margin-top: 2px
}

.section-slider .partners-boxes .systems.m-t-4 svg {
    margin-top: 4px
}

.content-item.systems {
    width: 80px;
    height: 80px;
    background-image: none
}

.content-item.systems:before {
    display: none
}

.content-item svg {
    background-image: none;
    transition: .15s linear;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto
}

.content-item svg g,.content-item svg path,.content-item svg polygon,.content-item svg polyline,.content-item svg stop {
    -webkit-transition: .15s linear;
    transition: .15s linear
}

.content-item-plesk:hover .img-color,.partners-boxes .svg-icon-mobile:hover .img-color {
    fill: #55bde7
}

.content-item.content-item-plesk:hover svg g,.partners-boxes .svg-icon-mobile:hover g {
    opacity: 1
}

.content-item.systems-direct_admin-sm:hover svg .img-color,.partners-boxes .systems-direct_admin:hover svg .img-color {
    fill: #0a83b5
}

.content-item.systems-direct_admin-sm:hover svg .img-color-1,.partners-boxes .systems-direct_admin:hover svg .img-color-1 {
    fill: #31b7e9
}

.content-item.systems-direct_admin-sm:hover svg g,.partners-boxes .systems-direct_admin:hover:hover svg g {
    opacity: 1
}

.content-item.systems-cpanel-sm:hover svg path,.partners-boxes .systems-cpanel:hover path {
    fill: #ed6c36;
    opacity: 1
}

.content-item.systems-wordpress-sm:hover svg path,.partners-boxes .systems-wordpress:hover svg path {
    fill: #464443;
    opacity: 1
}

.content-item.systems-blesta-sm:hover svg g,.partners-boxes .systems-blesta:hover svg g {
    opacity: 1
}

.content-item.systems-blesta-sm:hover svg g path,.partners-boxes .systems-blesta:hover svg g path {
    fill: #6bb42d
}

.content-item.systems-blesta-sm:hover svg g g path,.partners-boxes .systems-blesta:hover svg g g path {
    fill: #0376b3;
    opacity: 1
}

.content-item.systems-ubersmith-sm:hover svg path,.partners-boxes .systems-ubersmith:hover svg path {
    opacity: 1;
    fill: #172560
}

.content-item.systems-ubersmith-sm:hover svg .img-color,.partners-boxes .systems-ubersmith:hover svg .img-color {
    fill: #ef8212
}

.content-item.systems-magento-sm:hover svg g,.partners-boxes .systems-magento:hover svg g {
    opacity: 1
}

.content-item.systems-magento-sm:hover svg .img-color,.partners-boxes .systems-magento:hover svg .img-color {
    fill: #ec4918
}

.content-item.systems-magento-sm:hover svg .img-color-1,.partners-boxes .systems-magento:hover svg .img-color-1 {
    fill: #fab37c;
    opacity: .3
}

.content-item.systems-joomla-sm:hover svg g,.partners-boxes .systems-joomla:hover svg g {
    opacity: 1
}

.content-item.systems-joomla-sm:hover svg .img-color,.partners-boxes .systems-joomla:hover svg .img-color {
    fill: #7ac143
}

.content-item.systems-joomla-sm:hover svg .img-color-1,.partners-boxes .systems-joomla:hover svg .img-color-1 {
    fill: #f9a541
}

.content-item.systems-joomla-sm:hover svg .img-color-2,.partners-boxes .systems-joomla:hover svg .img-color-2 {
    fill: #f44321
}

.content-item.systems-joomla-sm:hover svg .img-color-3,.partners-boxes .systems-joomla:hover svg .img-color-3 {
    fill: #5091cd
}

.content-item.systems-drupal-sm:hover svg g,.partners-boxes .systems-drupal:hover svg g {
    opacity: 1
}

.content-item.systems-drupal-sm:hover svg path,.partners-boxes .systems-drupal:hover svg path {
    fill: #009cde
}

.content-item.systems-clientexec-sm svg {
    width: 100%
}

.content-item.systems-clientexec-sm:hover svg .img-color,.partners-boxes .systems-clientexec:hover svg .img-color {
    fill: #279dce
}

.content-item.systems-clientexec-sm:hover svg g,.content-item.systems-easy_dcim-sm:hover svg g,.partners-boxes .systems-clientexec:hover svg g,.partners-boxes .systems-easy_DCIM:hover svg g {
    opacity: 1
}

.content-item.systems-easy_dcim-sm:hover svg .img-color,.partners-boxes .systems-easy_DCIM:hover svg .img-color {
    fill: #3d8eff
}

.content-item.systems-easy_dcim-sm:hover svg .img-color-1,.partners-boxes .systems-easy_DCIM:hover svg .img-color-1 {
    fill: #3780e6
}

.content-item.systems-easy_dcim-sm:hover svg .img-color-2,.partners-boxes .systems-easy_DCIM:hover svg .img-color-2 {
    fill: #3f4557
}

.content-item.systems-presta_shop-sm:hover svg g,.partners-boxes .systems-presta_shop:hover svg g {
    opacity: 1
}

.content-item.systems-presta_shop-sm:hover svg .img-color,.partners-boxes .systems-presta_shop:hover svg .img-color {
    fill: #a0dbe8
}

.content-item.systems-presta_shop-sm:hover svg .img-color-1,.partners-boxes .systems-presta_shop:hover svg .img-color-1 {
    fill: #525353
}

.content-item.systems-presta_shop-sm:hover svg .img-color-2,.partners-boxes .systems-presta_shop:hover svg .img-color-2 {
    fill: #aa9678
}

.content-item.systems-presta_shop-sm:hover svg .img-color-3,.content-item.systems-presta_shop-sm:hover svg .img-color-4,.partners-boxes .systems-presta_shop:hover svg .img-color-3,.partners-boxes .systems-presta_shop:hover svg .img-color-4 {
    fill: #c0b098
}

.content-item.systems-presta_shop-sm:hover svg .img-color-5,.partners-boxes .systems-presta_shop:hover svg .img-color-5 {
    fill: #aa9678
}

.content-item.systems-presta_shop-sm:hover svg .img-color-7,.partners-boxes .systems-presta_shop:hover svg .img-color-7 {
    fill: #8b7460
}

.content-item.systems-presta_shop-sm:hover svg .img-color-9,.partners-boxes .systems-presta_shop:hover svg .img-color-9 {
    fill: #e2066f
}

.content-item.systems-presta_shop-sm:hover svg .img-color-10,.partners-boxes .systems-presta_shop:hover svg .img-color-10 {
    fill: #fbb040
}

.content-item.systems-whmcs-sm svg .st0,.partners-boxes .svg-icon-mobile .st0 {
    opacity: .6
}

.content-item.systems-whmcs-sm svg .st1 {
    fill: hsla(0,0%,51%,.6)
}

.partners-boxes .systems-whmcs .svg-icon-mobile .st1 {
    fill: #828282
}

.content-item.systems-whmcs-sm:hover svg .st0,.partners-boxes .systems-whmcs:hover .svg-icon-mobile .st0 {
    fill: #73cb0b;
    opacity: 1
}

.partners-boxes .systems-whmcs:hover .svg-icon-mobile .st4 {
    fill: #7ac042
}

.content-item.systems-whmcs-sm:hover svg .st1 {
    fill: #73cb0b
}

.content-item.systems-whmcs-sm svg .st2 {
    fill: hsla(0,0%,84%,.6);
    enable-background: new
}

.partners-boxes .systems-whmcs .svg-icon-mobile .st4 {
    fill: hsla(0,0%,53%,.6)
}

.content-item.systems-onapp-sm .st0,.partners-boxes .systems-onapp .svg-icon-mobile .st0 {
    opacity: .6
}

.content-item.systems-onapp-sm .st1,.partners-boxes .systems-onapp .svg-icon-mobile .st1 {
    fill: url(#SVGID_1_)
}

.content-item.systems-onapp-sm .st1,.content-item.systems-onapp-sm .st2,.content-item.systems-onapp-sm .st3,.content-item.systems-onapp-sm .st4,.partners-boxes .systems-onapp .svg-icon-mobile .st1,.partners-boxes .systems-onapp .svg-icon-mobile .st2,.partners-boxes .systems-onapp .svg-icon-mobile .st3,.partners-boxes .systems-onapp .svg-icon-mobile .st4 {
    fill-rule: evenodd;
    clip-rule: evenodd
}

.content-item.systems-onapp-sm .st2,.partners-boxes .systems-onapp .svg-icon-mobile .st2 {
    fill: url(#SVGID_2_)
}

.content-item.systems-onapp-sm .st3,.partners-boxes .systems-onapp .svg-icon-mobile .st3 {
    fill: url(#SVGID_3_)
}

.content-item.systems-onapp-sm .st4,.partners-boxes .systems-onapp .svg-icon-mobile .st4 {
    fill: url(#SVGID_4_)
}

.content-item.systems-onapp-sm:hover svg g,.content-item.systems-onapp-sm:hover svg path,.partners-boxes .systems-onapp:hover .svg-icon-mobile g,.partners-boxes .systems-onapp:hover .svg-icon-mobile path {
    opacity: 1
}

.content-item.systems-onapp-sm:hover svg #SVGID_1_ stop[style="stop-color:#A9A9A9"],.partners-boxes .systems-onapp:hover .svg-icon-mobile #SVGID_1_ stop[style="stop-color:#A9A9A9"] {
    stop-color: #c2c4c6!important
}

.content-item.systems-onapp-sm:hover svg #SVGID_1_ stop[style="stop-color:#EDEDED"],.partners-boxes .systems-onapp:hover .svg-icon-mobile #SVGID_1_ stop[style="stop-color:#EDEDED"] {
    stop-color: #f2f3f4!important
}

.content-item.systems-onapp-sm:hover svg #SVGID_2_ stop[style="stop-color:#AEAEAE"],.partners-boxes .systems-onapp:hover .svg-icon-mobile #SVGID_2_ stop[style="stop-color:#AEAEAE"] {
    stop-color: #a4a6a9!important
}

.content-item.systems-onapp-sm:hover svg #SVGID_2_ stop[style="stop-color:#EDEDED"],.partners-boxes .systems-onapp:hover .svg-icon-mobile #SVGID_2_ stop[style="stop-color:#EDEDED"] {
    stop-color: #f2f1f2!important
}

.content-item.systems-onapp-sm:hover svg #SVGID_3_ stop[style="stop-color:#9A9A9A"],.partners-boxes .systems-onapp:hover .svg-icon-mobile #SVGID_3_ stop[style="stop-color:#9A9A9A"] {
    stop-color: #6ecfec!important
}

.content-item.systems-onapp-sm:hover svg #SVGID_3_ stop[style="stop-color:#4F4F4F"],.partners-boxes .systems-onapp:hover .svg-icon-mobile #SVGID_3_ stop[style="stop-color:#4F4F4F"] {
    stop-color: #00aedc!important
}

.content-item.systems-onapp-sm:hover svg #SVGID_4_ stop[style="stop-color:#9A9A9A"],.partners-boxes .systems-onapp:hover .svg-icon-mobile #SVGID_4_ stop[style="stop-color:#9A9A9A"] {
    stop-color: #88d4ee!important
}

.content-item.systems-onapp-sm:hover svg #SVGID_4_ stop[style="stop-color:#4F4F4F"],.partners-boxes .systems-onapp:hover .svg-icon-mobile #SVGID_4_ stop[style="stop-color:#4F4F4F"] {
    stop-color: #007393!important
}

.content-item.systems-onapp-sm .st4,.partners-boxes .systems-onapp svg.svg-icon-mobile .st4 {
    fill: url(#SVGID_4_)
}

.content-item.systems-woocommerce-sm .st0,.partners-boxes .systems-woocommerce .st0 {
    opacity: .6;
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #898989
}

.content-item.systems-woocommerce-sm:hover svg .st0,.partners-boxes .systems-woocommerce:hover svg .st0 {
    opacity: 1;
    fill: #7f54b3
}

.content-item.systems-easy_dcim-sm svg .st0,.partners-boxes .systems-easy_DCIM svg .st0 {
    fill: #a8b0b8
}

.content-item.systems-easy_dcim-sm svg .st1,.partners-boxes .systems-easy_DCIM svg .st1 {
    fill: #fff
}

.content-item.systems-easy_dcim-sm svg .st2,.partners-boxes .systems-easy_DCIM svg .st2 {
    fill: #dcdfe2
}

.content-item.systems-easy_dcim-sm svg .st3,.partners-boxes .systems-easy_DCIM svg .st3 {
    fill: #c4cace
}

.content-item.systems-easy_dcim-sm:hover svg .st0,.partners-boxes .systems-easy_DCIM:hover svg.svg-icon-mobile .st0 {
    fill: #3780e6;
    opacity: 1
}

.content-item.systems-easy_dcim-sm:hover svg .st1,.partners-boxes .systems-easy_DCIM:hover svg .st1 {
    fill: #fff
}

.content-item.systems-easy_dcim-sm:hover svg .st2,.partners-boxes .systems-easy_DCIM:hover svg .st2 {
    fill: #e0e0e0
}

.content-item.systems-easy_dcim-sm:hover svg .st3,.partners-boxes .systems-easy_DCIM:hover svg .st3 {
    fill: #ccc
}

.content-item.systems-virtuozzo-sm .st10 {
    fill: hsla(0,0%,42%,.6)
}

.content-item.systems-plesk-sm .st4 {
    fill: rgba(32,32,32,.6)
}

.content-item.systems-plesk-sm:hover .st4 {
    fill: #202020
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance:none) {
        .content-item svg {
            width:55px
        }
    }
}

@media(max-width: 767px) {
    .content-item.systems {
        height:50px
    }

    .content-item svg {
        width: 34px;
        height: 34px;
        margin: auto
    }
}

.section-slider .partners-boxes .svg-icon-mobile {
    display: none
}

@media(min-width: 768px) {
    .partners-boxes .panel.systems svg {
        width:100%
    }

    .content-item.systems.systems-direct_admin-sm {
        margin-left: 8px
    }

    @-moz-document url-prefix() {
        .partners-boxes .panel.systems svg {
            width: unset
        }
    }
}

@media(min-width: 580px) {
    .section-image .partners-boxes .svg-icon-mobile {
        display:none
    }
}

@media(max-width: 579px) {
    .section-image .partners-boxes .svg-icon-desktop {
        display:none
    }

    .section-image .partners-boxes .svg-icon-mobile {
        display: block;
        width: 50px;
        height: 50px;
        margin: 15px auto
    }

    .section-slider .partners-boxes .panel.systems svg {
        width: 100%
    }
}

.systems-dediserve {
    width: 360px;
    height: 160px;
    background-position: -373px -450px
}

.systems-dediserve-color,.systems-dediserve:before {
    width: 360px;
    height: 160px;
    background-position: -743px -450px
}

.systems-odin {
    width: 360px;
    height: 160px;
    background-position: -1111px -1127px
}

.systems-odin-color,.systems-odin:before {
    width: 360px;
    height: 160px;
    background-position: -1px -1297px
}

.partners-boxes a i.systems-open_srs {
    margin-top: -70px
}

@-moz-document url-prefix() {
    .partners-boxes a i.systems-open_srs {
        margin-top: -75px
    }
}

.systems-spam_experts {
    width: 360px;
    height: 160px;
    background-image: url(../img/software-development/logo-gogetss-bw.png);
    background-repeat: no-repeat;
    background-size: contain
}

.systems-spam_experts-color,.systems-spam_experts:before {
    width: 360px;
    height: 160px;
    background-image: url(../img/software-development/logo-gogetssl.png);
    background-repeat: no-repeat;
    background-size: contain
}

.partners-boxes a i.systems-epages {
    margin-top: -72px
}

@-moz-document url-prefix() {
    .partners-boxes a i.systems-epages {
        margin-top: -76px
    }
}

.btn-linkedin {
    background: #00b2c9;
    background-image: -webkit-linear-gradient(160deg,#50daf2,#00b2c9);
    background-image: linear-gradient(160deg,#50daf2,#00b2c9)
}

.bg-primary-dark {
    background: #165d3a;
    background-image: -webkit-linear-gradient(160deg,#3d8655,#165d3a);
    background-image: linear-gradient(160deg,#3d8655,#165d3a)
}

.bg-primary-dark .section-desc,.section-stats.bg-primary-dark .desc {
    color: rgba(224,239,221,.9)
}

.bg-primary,.btn-primary {
    background: #4fb250;
    background-image: -webkit-linear-gradient(160deg,#74e565,#4fb250);
    background-image: linear-gradient(160deg,#74e565,#4fb250)
}

.bg-primary>span:before {
    background: hsla(0,0%,100%,.04)
}

.btn-primary:after {
    background-image: -webkit-linear-gradient(160deg,#77eb67,#58c759);
    background-image: linear-gradient(160deg,#77eb67,#58c759)
}

.bg-secondary-dark {
    background: #5f352a;
    background-image: -webkit-linear-gradient(160deg,#9a5a4c,#5f352a);
    background-image: linear-gradient(160deg,#9a5a4c,#5f352a)
}

.bg-secondary-dark .section-desc,.section-stats.bg-secondary-dark .desc {
    color: hsla(27,29%,86%,.9)
}

.bg-secondary,.btn-secondary {
    background-image: -webkit-linear-gradient(160deg,#ff8e2b,#ff6c2c);
    background-image: linear-gradient(160deg,#ff8e2b,#ff6c2c)
}

.bg-dark-blue,.enterprise-page .page-banner,.home-page .page-banner,.page-bg,.section-blue {
    background: #00387d;
    background-image: -webkit-linear-gradient(160deg,#005cce,#00387d);
    background-image: linear-gradient(160deg,#005cce,#00387d)
}

.bg-light-blue,.btn-light-blue {
    background: #40a3e5;
    background-image: -webkit-linear-gradient(160deg,#57cbf2,#40a3e5);
    background-image: linear-gradient(160deg,#57cbf2,#40a3e5)
}

.btn-light-blue:after {
    background-image: -webkit-linear-gradient(160deg,#69d9ff,#4daef0);
    background-image: linear-gradient(160deg,#69d9ff,#4daef0)
}

.btn-light-blue:active:before,.btn-light-blue:focus:before {
    background: #40a3e5
}

.bg-antares-dark,.software-development .page-banner.bg-antares-dark {
    background: #004696;
    background-image: -webkit-linear-gradient(160deg,#267dc3,#04f696);
    background-image: linear-gradient(160deg,#267dc3,#004696)
}

.bg-antares,.btn-antares {
    background: #0092d6;
    background-image: -webkit-linear-gradient(160deg,#29c6ff,#0092d6);
    background-image: linear-gradient(160deg,#29c6ff,#0092d6)
}

.bg-antares-dark .section-desc,.bg-antares-dark.section-stats .desc,.bg-antares.panel-image.panel-wide p,.btn-antares .hero-slogan {
    color: rgba(235,249,255,.9)
}

.btn-antares:after {
    background-image: -webkit-linear-gradient(160deg,#52d1ff,#00a4f0);
    background-image: linear-gradient(160deg,#52d1ff,#00a4f0)
}

.panel.bg-antares {
    margin: 16px 0 -16px
}

.btn-antares:active:before,.btn-antares:focus:before {
    background: #0092d6
}

.bg-onapp-dark {
    background: #004c82;
    background-image: -webkit-linear-gradient(160deg,#0084bd,#004c82);
    background-image: linear-gradient(160deg,#0084bd,#004c82)
}

.bg-onapp,.btn-onapp {
    background: #0088c2;
    background-image: -webkit-linear-gradient(160deg,#0fbfff,#0088c2);
    background-image: linear-gradient(160deg,#00b2ff,#0088c2)
}

.bg-onapp-dark .section-desc,.bg-onapp-dark.section-stats .desc,.btn-onapp .hero-slogan {
    color: rgba(239,250,255,.9)
}

.btn-onapp:after {
    background-image: -webkit-linear-gradient(160deg,#57c9fa,#29a4d9);
    background-image: linear-gradient(160deg,#57c9fa,#29a4d9)
}

.btn-onapp:active:before,.btn-onapp:focus:before {
    background: #0088c2
}

.bg-easydcim-dark {
    background: #174b96;
    background-image: -webkit-linear-gradient(160deg,#3e77c7,#174b96);
    background-image: linear-gradient(160deg,#3e77c7,#174b96)
}

.bg-easydcim,.btn-easydcim {
    background: #4882d4;
    background-image: -webkit-linear-gradient(160deg,#69a7ff,#4882d4);
    background-image: linear-gradient(160deg,#69a7ff,#4882d4)
}

.bg-easydcim-dark .section-desc,.bg-easydcim-dark.section-stats .desc,.btn-easydcim .hero-slogan {
    color: rgba(236,246,251,.9)
}

.bg-easydcim.circle-box>span {
    background: hsla(0,0%,100%,.04)
}

.bg-easydcim.circle-box>span:before {
    background: hsla(0,0%,100%,.02)
}

.btn-easydcim:after {
    background-image: -webkit-linear-gradient(160deg,#82b6ff,#5491e8);
    background-image: linear-gradient(160deg,#82b6ff,#5491e8)
}

.btn-easydcim:active:before,.btn-easydcim:focus:before {
    background: #4882d4
}

.bg-blesta-dark {
    background: #0f527b;
    background-image: -webkit-linear-gradient(160deg,#177ebd,#0f527b);
    background-image: linear-gradient(160deg,#177ebd,#0f527b)
}

.bg-blesta,.btn-blesta {
    background: #3383b5;
    background-image: -webkit-linear-gradient(160deg,#48b6fb,#3383b5);
    background-image: linear-gradient(160deg,#48b6fb,#3383b5)
}

.bg-blesta-dark .section-desc,.bg-blesta-dark.section-stats .desc,.btn-blesta .hero-slogan {
    color: rgba(211,242,255,.9)
}

.btn-blesta:after {
    background-image: -webkit-linear-gradient(160deg,#52bdff,#3890c7);
    background-image: linear-gradient(160deg,#52bdff,#3890c7)
}

.btn-blesta:active:before,.btn-blesta:focus:before {
    background: #3383b5
}

.bg-directadmin-dark {
    background: #065875;
    background-image: -webkit-linear-gradient(160deg,#0289b9,#065875);
    background-image: linear-gradient(160deg,#0289b9,#065875)
}

.bg-directadmin,.btn-directadmin {
    background: #2292bb;
    background-image: -webkit-linear-gradient(160deg,#42beea,#2292bb);
    background-image: linear-gradient(160deg,#42beea,#2292bb)
}

.bg-directadmin-dark .section-desc,.bg-directadmin-dark.section-stats .desc,.btn-directadmin .hero-slogan {
    color: rgba(224,246,255,.9)
}

.bg-directadmin-dark .section-title {
    margin-right: -5px
}

.btn-directadmin:after {
    background-image: -webkit-linear-gradient(160deg,#54c6f0,#29a0cc);
    background-image: linear-gradient(160deg,#54c6f0,#29a0cc)
}

.btn-directadmin:active:before,.btn-directadmin:focus:before {
    background: #2292bb
}

.bg-wordpress-dark {
    background: #3b4b5d;
    background-image: -webkit-linear-gradient(160deg,#5d7690,#3b4b5d);
    background-image: linear-gradient(160deg,#5d7690,#3b4b5d)
}

.bg-wordpress,.btn-wordpress {
    background: #677d94;
    background-image: -webkit-linear-gradient(160deg,#94adc5,#677d94);
    background-image: linear-gradient(160deg,#94adc5,#677d94)
}

.bg-wordpress-dark .section-desc,.bg-wordpress-dark.section-stats .desc,.btn-wordpress .hero-slogan {
    color: rgba(243,251,255,.9)
}

.bg-wordpress.circle-box>span {
    background: hsla(0,0%,100%,.04)
}

.bg-wordpress.circle-box>span:before {
    background: hsla(0,0%,100%,.02)
}

.btn-wordpress .hero-icon>span {
    background: hsla(0,0%,100%,.07)
}

.btn-wordpress .hero-icon>span:before {
    background: hsla(0,0%,100%,.03)
}

.btn-wordpress .hero-icon>span:after {
    background: hsla(0,0%,100%,.01)
}

.btn-wordpress:after {
    background-image: -webkit-linear-gradient(160deg,#a3bfd9,#7088a1);
    background-image: linear-gradient(160deg,#a3bfd9,#7088a1)
}

.btn-wordpress:active:before,.btn-wordpress:focus:before {
    background: #677d94
}

.bg-presta-dark {
    background: #3b2f8a;
    background-image: -webkit-linear-gradient(160deg,#574aa8,#3b2f8a);
    background-image: linear-gradient(160deg,#574aa8,#3b2f8a)
}

.bg-presta,.btn-presta {
    background: #7061d2;
    background-image: -webkit-linear-gradient(160deg,#9b8bff,#7061d2);
    background-image: linear-gradient(160deg,#9b8bff,#7061d2)
}

.bg-presta-dark .section-desc,.bg-presta-dark.section-stats .desc,.btn-presta .hero-slogan {
    color: rgba(227,223,255,.9)
}

.btn-presta .hero-icon>span {
    background: hsla(0,0%,100%,.07)
}

.btn-presta .hero-icon>span:before {
    background: hsla(0,0%,100%,.03)
}

.btn-presta .hero-icon>span:after {
    background: hsla(0,0%,100%,.01)
}

.bg-presta.circle-box>span {
    background: hsla(0,0%,100%,.04)
}

.bg-presta.circle-box>span:before {
    background: hsla(0,0%,100%,.02)
}

.btn-presta:after {
    background-image: -webkit-linear-gradient(160deg,#a091ff,#7968e3);
    background-image: linear-gradient(160deg,#a091ff,#7968e3)
}

.btn-presta:active:before,.btn-presta:focus:before {
    background: #7061d2
}

.bg-drupal-dark {
    background: #064771;
    background-image: -webkit-linear-gradient(160deg,#0f6faf,#064771);
    background-image: linear-gradient(160deg,#0f6faf,#064771)
}

.bg-drupal,.btn-drupal {
    background: #0680cc;
    background-image: -webkit-linear-gradient(160deg,#5fbbf5,#0680cc);
    background-image: linear-gradient(160deg,#5fbbf5,#0680cc)
}

.bg-drupal-dark .section-desc,.bg-drupal-dark.section-stats .desc,.btn-drupal .hero-slogan {
    color: rgba(231,248,255,.9)
}

.btn-drupal:after {
    background-image: -webkit-linear-gradient(160deg,#69c5ff,#078adb);
    background-image: linear-gradient(160deg,#69c5ff,#078adb)
}

.btn-drupal:active:before,.btn-drupal:focus:before {
    background: #0680cc
}

.bg-odin-dark {
    background: #602b2b;
    background-image: -webkit-linear-gradient(160deg,#994343,#602b2b);
    background-image: linear-gradient(160deg,#994343,#602b2b)
}

.bg-odin,.btn-odin {
    background: #b94949;
    background-image: -webkit-linear-gradient(160deg,#ec6969,#b94949);
    background-image: linear-gradient(160deg,#ec6969,#b94949)
}

.bg-odin-dark .section-desc,.bg-odin-dark.section-stats .desc,.btn-odin .hero-slogan {
    color: hsla(0,33%,94%,.9)
}

.btn-odin:after {
    background-image: -webkit-linear-gradient(160deg,#ff8282,#c94d4d);
    background-image: linear-gradient(160deg,#ff8282,#c94d4d)
}

.btn-odin:active:before,.btn-odin:focus:before {
    background: #b94949
}

.bg-plesk-dark {
    background: #304658;
    background-image: -webkit-linear-gradient(160deg,#587d9c,#304658);
    background-image: linear-gradient(160deg,#587d9c,#304658)
}

.bg-plesk,.btn-plesk {
    background: #5094b7;
    background-image: -webkit-linear-gradient(160deg,#72bfe4,#5094b7);
    background-image: linear-gradient(160deg,#72bfe4,#5094b7)
}

.bg-plesk-dark .section-desc,.bg-plesk-dark.section-stats .desc,.btn-plesk .hero-slogan {
    color: rgba(227,239,245,.9)
}

.btn-plesk:after {
    background-image: -webkit-linear-gradient(160deg,#78caf0,#59a4c9);
    background-image: linear-gradient(160deg,#78caf0,#59a4c9)
}

.btn-plesk:active:before,.btn-plesk:focus:before {
    background: #5094b7
}

.bg-joomla-dark {
    background: #712e2e;
    background-image: -webkit-linear-gradient(160deg,#a75252,#712e2e);
    background-image: linear-gradient(160deg,#a75252,#712e2e)
}

.bg-joomla,.btn-joomla {
    background: #c15454;
    background-image: -webkit-linear-gradient(160deg,#f36666,#c15454);
    background-image: linear-gradient(160deg,#f36666,#c15454)
}

.bg-joomla-dark .section-desc,.bg-joomla-dark.section-stats .desc,.btn-joomla .hero-slogan {
    color: hsla(0,35%,92%,.9)
}

.btn-joomla:after {
    background-image: -webkit-linear-gradient(160deg,#fc6a6a,#d95f5f);
    background-image: linear-gradient(160deg,#fc6a6a,#d95f5f)
}

.btn-joomla:active:before,.btn-joomla:focus:before {
    background: #c15454
}

.bg-cpanel-dark {
    background: #653f2d;
    background-image: -webkit-linear-gradient(160deg,#945c49,#653f2d);
    background-image: linear-gradient(160deg,#945c49,#653f2d)
}

.bg-cpanel,.btn-cpanel {
    background: #fa772a;
    background-image: -webkit-linear-gradient(160deg,#ff9558,#fa772a);
    background-image: linear-gradient(160deg,#ff9558,#fa772a)
}

.bg-cpanel-dark .section-desc,.bg-cpanel-dark.section-stats .desc {
    color: rgba(255,242,232,.9)
}

.btn-cpanel:after {
    background-image: -webkit-linear-gradient(160deg,#ff985c,#ff7f36);
    background-image: linear-gradient(160deg,#ff985c,#ff7f36)
}

.btn-cpanel:active:before,.btn-cpanel:focus:before {
    background: #fa772a
}

.bg-teal-dark {
    background: #00528c;
    background-image: -webkit-linear-gradient(160deg,#007fb5,#00528c);
    background-image: linear-gradient(160deg,#007fb5,#00528c)
}

.bg-teal,.btn-teal {
    background: #26b58f;
    background-image: -webkit-linear-gradient(160deg,#41d9b0,#26b58f);
    background-image: linear-gradient(160deg,#41d9b0,#26b58f)
}

.btn-teal,.btn-teal:active,.btn-teal:focus,.btn-teal:hover {
    color: #fff
}

.btn-teal:after {
    background-image: -webkit-linear-gradient(160deg,#46ebbf,#2ac79d);
    background-image: linear-gradient(160deg,#46ebbf,#2ac79d)
}

.btn-teal:active:before,.btn-teal:focus:before {
    background: #26b58f
}

.bg-purple-dark,.section-purple {
    background: #4b2a98;
    background-image: -webkit-linear-gradient(160deg,#6e59c9,#4b2a98);
    background-image: linear-gradient(160deg,#6e59c9,#4b2a98)
}

.bg-purple,.btn-purple {
    background: #8259d4;
    background-image: -webkit-linear-gradient(160deg,#ab8efb,#8259d4);
    background-image: linear-gradient(160deg,#ab8efb,#8259d4)
}

.btn-purple {
    color: #fff
}

.bg-purple-dark .section-desc,.bg-purple-dark.section-stats .desc,.section-purple .section-desc {
    color: rgba(237,229,255,.9)
}

.bg-purple.circle-box>span {
    background: hsla(0,0%,100%,.04)
}

.bg-purple.circle-box>span:before {
    background: hsla(0,0%,100%,.02)
}

.btn-purple:after {
    background-image: -webkit-linear-gradient(160deg,#b89eff,#8d60e5);
    background-image: linear-gradient(160deg,#b89eff,#8d60e5)
}

.btn-purple:active:before,.btn-purple:focus:before {
    background: #8259d4
}

.bg-orange,.btn-orange {
    background: #f5843d;
    background-image: -webkit-linear-gradient(160deg,#ffa14f,#f5843d);
    background-image: linear-gradient(160deg,#ffa14f,#f5843d)
}

.btn-orange {
    color: #fff
}

.bg-orange.circle-box>span {
    background: hsla(0,0%,100%,.04)
}

.bg-orange.circle-box>span:before {
    background: hsla(0,0%,100%,.02)
}

.btn-orange:after {
    background-image: -webkit-linear-gradient(160deg,#ffab61,#ff8f4a);
    background-image: linear-gradient(160deg,#ffab61,#ff8f4a)
}

.btn-orange:active:before,.btn-orange:focus:before {
    background: #f5843d
}

.bg-whmcs-dark {
    background: #653f2d;
    background-image: -webkit-linear-gradient(160deg,#1d649c,#144163);
    background-image: linear-gradient(160deg,#1d649c,#144163)
}

.bg-whmcs,.btn-whmcs {
    background: #fa772a;
    background-image: -webkit-linear-gradient(160deg,#39adea,#0081c5);
    background-image: linear-gradient(160deg,#39adea,#0081c5)
}

.bg-whmcs-dark .section-desc,.bg-whmcs-dark.section-stats .desc {
    color: rgba(239,247,251,.9)
}

.btn-whmcs:after {
    background-image: -webkit-linear-gradient(160deg,#3bb6f7,#008bd6);
    background-image: linear-gradient(160deg,#3bb6f7,#008bd6)
}

.bg-woocommerce,.btn-whmcs:active:before,.btn-whmcs:focus:before {
    background: #fa772a
}

.bg-woocommerce {
    background-image: -webkit-linear-gradient(160deg,#624882,#3a2653);
    background-image: linear-gradient(160deg,#624882,#3a2653)
}

.bg-woocommerce-box {
    background-image: -webkit-linear-gradient(160deg,#ae74f4,#7f54b3);
    background-image: linear-gradient(160deg,#ae74f4,#7f54b3)
}

.bg-ubersmith {
    background-image: -webkit-linear-gradient(160deg,#aa702c,#7b4d1c);
    background-image: linear-gradient(160deg,#aa702c,#7b4d1c)
}

.bg-ubersmith-box {
    background-image: -webkit-linear-gradient(160deg,#ffa22a,#ed8d11);
    background-image: linear-gradient(160deg,#ffa22a,#ed8d11)
}

.bg-clientexec {
    background-image: -webkit-linear-gradient(160deg,#2c4b88,#183171);
    background-image: linear-gradient(160deg,#2c4b88,#183171)
}

.bg-clientexec-box {
    background-image: -webkit-linear-gradient(160deg,#668cef,#486ed3);
    background-image: linear-gradient(160deg,#668cef,#486ed3)
}

.bg-gold,.btn-gold {
    background: #fa772a;
    background-image: -webkit-linear-gradient(160deg,#e9b163,#d1935d);
    background-image: linear-gradient(160deg,#e9b163,#d1935d)
}

.btn-gold:after {
    background-image: -webkit-linear-gradient(160deg,#ffc16b,#eba567);
    background-image: linear-gradient(160deg,#ffc16b,#eba567)
}

.btn-gold:active:before,.btn-gold:focus:before {
    background: #fa772a
}

.btn-easydcim,.btn-easydcim:active,.btn-easydcim:focus,.btn-easydcim:hover,.btn-gold,.btn-gold:active,.btn-gold:focus,.btn-gold:hover,.btn-mc,.btn-mc:active,.btn-mc:focus,.btn-mc:hover {
    color: #fff
}

.btn-mc {
    background: #725bf1;
    background: -webkit-linear-gradient(290deg,#725bf1,#5140bb);
    background: linear-gradient(160deg,#725bf1,#5140bb)
}

.btn-mc:after {
    background-image: -webkit-linear-gradient(290deg,#8675e4,#5949bd);
    background-image: linear-gradient(160deg,#8675e4,#5949bd)
}

.bg-dark-orange {
    background: #5f352a;
    background-image: -webkit-linear-gradient(160deg,#9a5a4c,#5f352a);
    background-image: linear-gradient(160deg,#9a5a4c,#5f352a)
}

.bg-dark-orange .list-styled>li:before {
    color: #ffa14f
}

.bg-dark-teal {
    background: #0c5d47;
    background-image: -webkit-linear-gradient(160deg,#249476,#0c5d47);
    background-image: linear-gradient(160deg,#249476,#0c5d47)
}

.bg-dark-teal .list-styled>li:before {
    color: #41d9b0
}

.bg-premium-assistance-dark {
    background: #5d4228;
    background-image: -webkit-linear-gradient(160deg,#866c4d,#5d3928);
    background-image: linear-gradient(160deg,#866c4d,#5d3928)
}

.bg-premium-assistance-dark .list-styled>li:before {
    color: #e4bc67
}

.bg-premium-assistance,.btn-premium-assistance {
    background: #c19349;
    background-image: -webkit-linear-gradient(160deg,#e4bc67,#c19349);
    background-image: linear-gradient(160deg,#e4bc67,#c19349)
}

.panel-image p+ul {
    margin-top: 16px
}

.panel-image p+ul>li {
    padding: 2px 0 2px 32px
}

.panel-image-sm .panel-body {
    padding: 24px
}

.banner-section .list-styled>li {
    color: #fff;
    font-size: 16px
}

@-moz-document url-prefix() {
    .circle-box,.panel,.testimmonial {
        box-shadow: 0 6px 14px rgba(0,0,0,.1)
    }
}

.eu-founds {
    text-align: center;
    margin-bottom: 24px
}

.eu-founds img {
    max-width: 100%
}

.page-notification {
    position: fixed;
    top: -100%;
    z-index: 102;
    width: 100%;
    padding: 16px 0;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#8e83e2),color-stop(100%,#7b6edd));
    background: -webkit-linear-gradient(110deg,#6757d8,#8e83e2);
    background: linear-gradient(340deg,#6757d8,#8e83e2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6757D8',endColorstr='#8e83e2',GradientType=0)
}

.page-notification .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
    position: relative
}

.page-notification .container:after,.page-notification .container:before {
    display: none
}

.page-notification .notification-body i {
    width: 24px;
    height: 24px;
    font-size: 24px;
    margin-right: 16px;
    position: absolute;
    top: 2px;
    left: 0
}

.page-notification .notification-body p {
    margin: 0;
    position: relative
}

.page-notification .notification-body span {
    padding-left: 36px;
    display: inline-block
}

.page-notification .notification-body span span {
    padding: 0
}

.page-notification .notification-body ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -16px 0 -16px 16px;
    padding: 0;
    list-style: none
}

.page-notification .notification-body ul li {
    position: relative;
    padding: 0 16px 0 24px
}

.page-notification .notification-body ul li:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    left: 0;
    top: 50%;
    margin-top: -3px;
    background: hsla(0,0%,100%,.3);
    border-radius: 100%
}

.page-notification .notification-body ul li a {
    color: #fff;
    font-weight: 700;
    padding: 16px 0;
    flex-shrink: 0;
    display: flex
}

.page-notification .notification-body ul li a:hover {
    color: hsla(0,0%,100%,.7)
}

.page-notification .notification-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: -10px 0
}

@media (max-width: 559px) {
    .page-notification .notification-body .promo-banner-code-main {
        padding:4px
    }
}

@media (max-width: 1199px) {
    .page-notification .notification-body {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .page-notification .notification-body ul {
        margin: 0 0 -11px
    }

    .page-notification .notification-actions {
        margin-top: -8px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (min-width: 768px) and (max-width:1199px) {
    .page-notification .notification-body ul li:first-of-type {
        padding-left:0
    }

    .page-notification .notification-body ul li:first-of-type:before {
        display: none
    }
}

@media(min-width: 768px) {
    .page-notification .notification-actions {
        margin-right:-14px
    }
}

@media (max-width: 767px) {
    .page-notification .notification-body p {
        font-size:14px
    }

    .page-notification .notification-body p i {
        display: none
    }

    .page-notification .notification-body span {
        padding-left: 0
    }

    .page-notification .notification-body p {
        margin: 0
    }

    .page-notification .notification-body ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 5px 0 -5px
    }

    .page-notification .notification-body ul li:before {
        margin-top: -2px
    }

    .page-notification .notification-body ul li a {
        font-size: 13px;
        padding: 6px 0
    }
}

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio:0) {
    @media {
        .section-boxes .row:before,.section-news .row:before {
            display:none
        }

        .section-boxes .row .panel,.section-news .row .panel {
            width: 100%;
            height: auto
        }

        .section-boxes .row>div,.section-news .row>div {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .circle-box,.panel,.testimmonial {
            box-shadow: 0 6px 14px rgba(0,0,0,.1)
        }
    }
}

@media (-ms-high-contrast:none) and (max-width: 998px) {
    .section-boxes [class*=col-] {
        width:100%
    }

    .panel-image.panel-wide .panel-header {
        -ms-flex-preferred-size: 43.33%;
        flex-basis: 43.33%
    }
}

@media (-ms-high-contrast:none) and (max-width: 768px) {
    .incredible-machine {
        margin-top:-46px;
        margin-left: -418px
    }

    .panel-image.panel-wide .panel-header {
        -ms-flex-preferred-size: 27.33%;
        flex-basis: 27.33%
    }
}

.accordion-item .item-body {
    display: none
}

#order-checkout-form .tabs {
    margin-top: -8px
}

.bg-antares-dark,.software-development .page-banner.bg-antares-dark {
    background: #26b58f;
    background-image: -webkit-linear-gradient(160deg,#267dc3,#04f696);
    background-image: linear-gradient(160deg,#22aa86,#198064)
}

.badge-warning-fill {
    background: #ff8e2b!important;
    border: 0!important;
    color: #fff!important
}