:root {
    --white: #fff;

    /*fonts*/
    --font-base: 'Proxima Nova Light', Arial, Helvetica, sans-serif;
    --font-base-oblique: 'Proxima Nova Light Italic', Arial, Helvetica, sans-serif;
    --font-base-book: 'Proxima Nova Rg', Arial, Helvetica, sans-serif;
    --font-base-roman: 'Proxima Nova Rg', Arial, Helvetica, sans-serif;
    --font-base-medium: 'Proxima Nova Medium', Arial, Helvetica, sans-serif;
    --font-base-medium-oblique: 'Proxima Nova Medium Italic', Arial, Helvetica, sans-serif;
    --font-base-heavy: 'Proxima Nova Semibold', Arial, Helvetica, sans-serif;
    --font-base-heavy-oblique: 'Proxima Nova Semibold Italic', Arial, Helvetica, sans-serif; /* once */
    --font-base-black: 'Proxima Nova Bold', Arial, Helvetica, sans-serif;
    --font-base-black-roman: 'Proxima Nova Rg', Arial, Helvetica, sans-serif;
    --font-secondary-light-italic: 'Proxima Nova Rg Italic', Arial, Helvetica, sans-serif; /* once */

    --letter-spacing-dec-5: -4px;
    --letter-spacing-dec-4: -3px;
    --letter-spacing-dec-2: -1.5px;
    --letter-spacing-dec-1: -0.5px;
    --letter-spacing-inc-1: 1px;
    --letter-spacing-inc-2: 2px;
    --letter-spacing-inc-3: 3px;
    --letter-spacing-inc-4: 4px;
}

/* Proxima Nova begin */

/*! Generated by Fontspring (https://www.fontspring.com) on January 19, 2021
*
* Fully installable fonts can be purchased at http://www.fontspring.com
*
* The fonts included in this stylesheet are subject to the End User License you purchased
* from Fontspring. The fonts are protected under domestic and international trademark and
* copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
* distributing this font software.
*
* (c) 2010-2021 Fontspring
*
*
*/

@font-face {
    font-display: swap;
    font-family: 'Proxima Nova Light';
    src: url('../fonts/proxima-nova/proximanova-light-webfont.eot');
    src: local('Proxima Nova Light'), local('ProximaNova-Light'),
    url('../fonts/proxima-nova/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proxima-nova/proximanova-light-webfont.woff2') format('woff2'),
    url('../fonts/proxima-nova/proximanova-light-webfont.woff') format('woff'),
    url('../fonts/proxima-nova/proximanova-light-webfont.ttf') format('truetype'),
    url('../fonts/proxima-nova/proximanova-light-webfont.svg#proxima_novalight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'Proxima Nova Light';
    src: url('../fonts/proxima-nova/proximanova-lightit-webfont.eot');
    src: local('Proxima Nova Light Italic'), local('ProximaNova-LightIt'),
    url('../fonts/proxima-nova/proximanova-lightit-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proxima-nova/proximanova-lightit-webfont.woff2') format('woff2'),
    url('../fonts/proxima-nova/proximanova-lightit-webfont.woff') format('woff'),
    url('../fonts/proxima-nova/proximanova-lightit-webfont.ttf') format('truetype'),
    url('../fonts/proxima-nova/proximanova-lightit-webfont.svg#proxima_novalight_italic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-display: swap;
    font-family: 'Proxima Nova Light Italic';
    src: url('../fonts/proxima-nova/proximanova-lightit-webfont.eot');
    src: local('Proxima Nova Light Italic'), local('ProximaNova-LightIt'),
    url('../fonts/proxima-nova/proximanova-lightit-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proxima-nova/proximanova-lightit-webfont.woff2') format('woff2'),
    url('../fonts/proxima-nova/proximanova-lightit-webfont.woff') format('woff'),
    url('../fonts/proxima-nova/proximanova-lightit-webfont.ttf') format('truetype'),
    url('../fonts/proxima-nova/proximanova-lightit-webfont.svg#proxima_novalight_italic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-display: swap;
    font-family: 'Proxima Nova Rg';
    src: url('../fonts/proxima-nova/proximanova-regular-webfont.eot');
    src: local('Proxima Nova Regular'), local('ProximaNova-Regular'),
    url('../fonts/proxima-nova/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proxima-nova/proximanova-regular-webfont.woff2') format('woff2'),
    url('../fonts/proxima-nova/proximanova-regular-webfont.woff') format('woff'),
    url('../fonts/proxima-nova/proximanova-regular-webfont.ttf') format('truetype'),
    url('../fonts/proxima-nova/proximanova-regular-webfont.svg#proxima_novaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'Proxima Nova Rg';
    src: url('../fonts/proxima-nova/proximanova-regularit-webfont.eot');
    src: local('Proxima Nova Regular Italic'), local('ProximaNova-RegularIt'),
    url('../fonts/proxima-nova/proximanova-regularit-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proxima-nova/proximanova-regularit-webfont.woff2') format('woff2'),
    url('../fonts/proxima-nova/proximanova-regularit-webfont.woff') format('woff'),
    url('../fonts/proxima-nova/proximanova-regularit-webfont.ttf') format('truetype'),
    url('../fonts/proxima-nova/proximanova-regularit-webfont.svg#proxima_novaitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-display: swap;
    font-family: 'Proxima Nova Rg';
    src: url('../fonts/proxima-nova/proximanova-bold-webfont.eot');
    src: local('Proxima Nova Bold'), local('ProximaNova-Bold'),
    url('../fonts/proxima-nova/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proxima-nova/proximanova-bold-webfont.woff2') format('woff2'),
    url('../fonts/proxima-nova/proximanova-bold-webfont.woff') format('woff'),
    url('../fonts/proxima-nova/proximanova-bold-webfont.ttf') format('truetype'),
    url('../fonts/proxima-nova/proximanova-bold-webfont.svg#proxima_novabold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'Proxima Nova Rg';
    src: url('../fonts/proxima-nova/proximanova-boldit-webfont.eot');
    src: local('Proxima Nova Bold Italic'), local('ProximaNova-BoldIt'),
    url('../fonts/proxima-nova/proximanova-boldit-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proxima-nova/proximanova-boldit-webfont.woff2') format('woff2'),
    url('../fonts/proxima-nova/proximanova-boldit-webfont.woff') format('woff'),
    url('../fonts/proxima-nova/proximanova-boldit-webfont.ttf') format('truetype'),
    url('../fonts/proxima-nova/proximanova-boldit-webfont.svg#proxima_novabold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-display: swap;
    font-family: 'Proxima Nova Rg Italic';
    src: url('../fonts/proxima-nova/proximanova-regularit-webfont.eot');
    src: local('Proxima Nova Regular Italic'), local('ProximaNova-RegularIt'),
    url('../fonts/proxima-nova/proximanova-regularit-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proxima-nova/proximanova-regularit-webfont.woff2') format('woff2'),
    url('../fonts/proxima-nova/proximanova-regularit-webfont.woff') format('woff'),
    url('../fonts/proxima-nova/proximanova-regularit-webfont.ttf') format('truetype'),
    url('../fonts/proxima-nova/proximanova-regularit-webfont.svg#proxima_novaitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-display: swap;
    font-family: 'Proxima Nova Medium';
    src: url('../fonts/proxima-nova/proximanova-medium-webfont.eot');
    src: local('Proxima Nova Medium'), local('ProximaNova-Medium'),
    url('../fonts/proxima-nova/proximanova-medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proxima-nova/proximanova-medium-webfont.woff2') format('woff2'),
    url('../fonts/proxima-nova/proximanova-medium-webfont.woff') format('woff'),
    url('../fonts/proxima-nova/proximanova-medium-webfont.ttf') format('truetype'),
    url('../fonts/proxima-nova/proximanova-medium-webfont.svg#proxima_novamedium') format('svg');
}

@font-face {
    font-display: swap;
    font-family: 'Proxima Nova Medium';
    src: url('../fonts/proxima-nova/proximanova-mediumit-webfont.eot');
    src: local('Proxima Nova Medium Italic'), local('ProximaNova-MediumIt'),
    url('../fonts/proxima-nova/proximanova-mediumit-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proxima-nova/proximanova-mediumit-webfont.woff2') format('woff2'),
    url('../fonts/proxima-nova/proximanova-mediumit-webfont.woff') format('woff'),
    url('../fonts/proxima-nova/proximanova-mediumit-webfont.ttf') format('truetype'),
    url('../fonts/proxima-nova/proximanova-mediumit-webfont.svg#proxima_novamedium_italic') format('svg');
    font-style: italic;
}

@font-face {
    font-display: swap;
    font-family: 'Proxima Nova Medium Italic';
    src: url('../fonts/proxima-nova/proximanova-mediumit-webfont.eot');
    src: local('Proxima Nova Medium Italic'), local('ProximaNova-MediumIt'),
    url('../fonts/proxima-nova/proximanova-mediumit-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proxima-nova/proximanova-mediumit-webfont.woff2') format('woff2'),
    url('../fonts/proxima-nova/proximanova-mediumit-webfont.woff') format('woff'),
    url('../fonts/proxima-nova/proximanova-mediumit-webfont.ttf') format('truetype'),
    url('../fonts/proxima-nova/proximanova-mediumit-webfont.svg#proxima_novamedium_italic') format('svg');
    font-style: italic;
}

@font-face {
    font-display: swap;
    font-family: 'Proxima Nova Semibold';
    src: url('../fonts/proxima-nova/proximanova-semibold-webfont.eot');
    src: local('Proxima Nova Semibold'), local('ProximaNova-Semibold'),
    url('../fonts/proxima-nova/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proxima-nova/proximanova-semibold-webfont.woff2') format('woff2'),
    url('../fonts/proxima-nova/proximanova-semibold-webfont.woff') format('woff'),
    url('../fonts/proxima-nova/proximanova-semibold-webfont.ttf') format('truetype'),
    url('../fonts/proxima-nova/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'Proxima Nova Semibold';
    src: url('../fonts/proxima-nova/proximanova-semiboldit-webfont.eot');
    src: local('Proxima Nova Semibold Italic'), local('ProximaNova-SemiboldIt'),
    url('../fonts/proxima-nova/proximanova-semiboldit-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proxima-nova/proximanova-semiboldit-webfont.woff2') format('woff2'),
    url('../fonts/proxima-nova/proximanova-semiboldit-webfont.woff') format('woff'),
    url('../fonts/proxima-nova/proximanova-semiboldit-webfont.ttf') format('truetype'),
    url('../fonts/proxima-nova/proximanova-semiboldit-webfont.svg#proxima_novasemibold_italic') format('svg');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-display: swap;
    font-family: 'Proxima Nova Semibold Italic';
    src: url('../fonts/proxima-nova/proximanova-semiboldit-webfont.eot');
    src: local('Proxima Nova Semibold Italic'), local('ProximaNova-SemiboldIt'),
    url('../fonts/proxima-nova/proximanova-semiboldit-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proxima-nova/proximanova-semiboldit-webfont.woff2') format('woff2'),
    url('../fonts/proxima-nova/proximanova-semiboldit-webfont.woff') format('woff'),
    url('../fonts/proxima-nova/proximanova-semiboldit-webfont.ttf') format('truetype'),
    url('../fonts/proxima-nova/proximanova-semiboldit-webfont.svg#proxima_novasemibold_italic') format('svg');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-display: swap;
    font-family: 'Proxima Nova Bold';
    src: url('../fonts/proxima-nova/proximanova-bold-webfont.eot');
    src: local('Proxima Nova Bold'), local('ProximaNova-Bold'),
    url('../fonts/proxima-nova/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proxima-nova/proximanova-bold-webfont.woff2') format('woff2'),
    url('../fonts/proxima-nova/proximanova-bold-webfont.woff') format('woff'),
    url('../fonts/proxima-nova/proximanova-bold-webfont.ttf') format('truetype'),
    url('../fonts/proxima-nova/proximanova-bold-webfont.svg#proxima_novabold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'Proxima Nova Bold';
    src: url('../fonts/proxima-nova/proximanova-boldit-webfont.eot');
    src: local('Proxima Nova Bold Italic'), local('ProximaNova-BoldIt'),
    url('../fonts/proxima-nova/proximanova-boldit-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proxima-nova/proximanova-boldit-webfont.woff2') format('woff2'),
    url('../fonts/proxima-nova/proximanova-boldit-webfont.woff') format('woff'),
    url('../fonts/proxima-nova/proximanova-boldit-webfont.ttf') format('truetype'),
    url('../fonts/proxima-nova/proximanova-boldit-webfont.svg#proxima_novabold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}


@font-face {
    font-family: 'SSPika';
    src: url('../fonts/ss-pika.eot?1');
    src: url('../fonts/ss-pika.eot?1#iefix') format('embedded-opentype'), url('../fonts/ss-pika.svg?1') format('svg'), url('../fonts/ss-pika.woff?1') format('woff'), url('../fonts/ss-pika.ttf?1') format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'SSStandard';
    src: url('../fonts/ss-standard.eot?1');
    src: url('../fonts/ss-standard.eot?1#iefix') format('embedded-opentype'), url('../fonts/ss-standard.svg?1') format('svg'), url('../fonts/ss-standard.woff?1') format('woff'), url('../fonts/ss-standard.ttf?1') format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "SSSocial";
    src: url('../fonts/ss-social-circle.eot?1');
    src: url('../fonts/ss-social-circle.eot?1#iefix') format('embedded-opentype'), url('../fonts/ss-social-circle.svg?1') format('svg'), url('../fonts/ss-social-circle.woff?1') format('woff'), url('../fonts/ss-social-circle.ttf?1') format('truetype');
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?mhzbn8');
    src: url('../fonts/icomoon.eot?mhzbn8#iefix') format('embedded-opentype'), url('../fonts/icomoon.woff?mhzbn8') format('woff'), url('../fonts/icomoon.ttf?mhzbn8') format('truetype'), url('../fonts/icomoon.svg?mhzbn8#icomoon') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'icons-new';
    src: url('../fonts/icons-new.eot?-83zdjk');
    src: url('../fonts/icons-new.eot?#iefix-83zdjk') format('embedded-opentype'), url('../fonts/icons-new.woff?-83zdjk') format('woff'), url('../fonts/icons-new.ttf?-83zdjk') format('truetype'), url('../fonts/icons-new.svg?-83zdjk#icomoon') format('svg');
    font-weight: normal;
    font-style: normal
}

[class^="ico-"], [class*=" ico-"] {
    font-family: 'icons-new';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ico-arrow-down:before {
    content: "\e600"
}

.ico-binoculars:before {
    content: "\e601"
}

.ico-browser:before {
    content: "\e602"
}

.ico-chat-edit:before {
    content: "\e603"
}

.ico-code:before {
    content: "\e604"
}

.ico-html5:before {
    content: "\e605"
}

.ico-mails:before {
    content: "\e606"
}

.ico-speech:before {
    content: "\e607"
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-twitter:before {
    content: "\e604"
}

.icon-desktop:before {
    content: "\e600"
}

.icon-mobile:before {
    content: "\e601"
}

.icon-pen:before {
    content: "\e602"
}

.icon-rocket:before {
    content: "\e603"
}

.icon-certificate:before {
    content: "\e621"
}

.icon-piggy:before {
    content: "\e622"
}

.icon-settings2:before {
    content: "\e623"
}

.icon-devices:before {
    content: "\e610"
}

.icon-drupal:before {
    content: "\e611"
}

.icon-postgresql:before {
    content: "\e612"
}

.icon-email:before {
    content: "\e613"
}

.icon-html5:before {
    content: "\e614"
}

.icon-joomla:before {
    content: "\e615"
}

.icon-js:before {
    content: "\e616"
}

.icon-mongodb:before {
    content: "\e617"
}

.icon-yii:before {
    content: "\e618"
}

.icon-magento:before {
    content: "\e619"
}

.icon-mysql:before {
    content: "\e61a"
}

.icon-polygon:before {
    content: "\e61b"
}

.icon-sf:before {
    content: "\e61c"
}

.icon-shopify:before {
    content: "\e61d"
}

.icon-bootstrap:before {
    content: "\e61e"
}

.icon-wp:before {
    content: "\e61f"
}

.icon-zend:before {
    content: "\e620"
}

.icon-brush:before {
    content: "\e605"
}

.icon-cssmania:before {
    content: "\e606"
}

.icon-download:before {
    content: "\e607"
}

.icon-excite:before {
    content: "\e608"
}

.icon-graph:before {
    content: "\e609"
}

.icon-maersk:before {
    content: "\e60a"
}

.icon-mazda:before {
    content: "\e60b"
}

.icon-new:before {
    content: "\e60c"
}

.icon-outlet:before {
    content: "\e60d"
}

.icon-settings:before {
    content: "\e60e"
}

.icon-smashing:before {
    content: "\e60f"
}

.icon-css3:before {
    content: "\e62d"
}

.icon-laravel:before {
    content: "\e900"
}

.icon-phalcon:before {
    content: "\e902"
}

.icon-redis:before {
    content: "\e905"
}

.icon-jquery:before {
    content: "\e903"
}

.icon-angularjs:before {
    content: "\e901"
}

.icon-reactjs:before {
    content: "\e904"
}

@font-face {
    font-family: 'icomoon2';
    src: url('../fonts/icomoon2.eot?ge5ruy');
    src: url('../fonts/icomoon2.eot?ge5ruy#iefix') format('embedded-opentype'), url('../fonts/icomoon2.ttf?ge5ruy') format('truetype'), url('../fonts/icomoon2.woff?ge5ruy') format('woff'), url('../fonts/icomoon2.svg?ge5ruy#icomoon2') format('svg');
    font-weight: normal;
    font-style: normal
}

[class^=".icon-Icon-"], [class*=" .icon-Icon-"] {
    font-family: 'icomoon2' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-Icon-Drupal-2:before {
    content: "\e900"
}

html {
    height: 100%
}

* {
    box-sizing: border-box
}

body {
    margin: 0;
    color: #505050;
    /*font: 16px/20px var(--font-base);*/
    font: 16px/20px 'Poppins';
    background: #fff;
    min-width: 1000px;
    padding-top: 67px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: none
}

a {
    text-decoration: none;
    transition: color .2s ease, background .2s ease, opacity .2s ease, border-color .2s ease;
    color: #0086da
}

a:active {
    background-color: transparent
}

img {
    border: 0
}

q {
    quotes: none
}

q:before {
    content: ''
}

q:after {
    content: ''
}

form, fieldset {
    margin: 0;
    padding: 0;
    border-style: none
}

input, textarea, select {
    color: #505050
}

::-webkit-input-placeholder {
    color: #999
}

::-moz-placeholder {
    color: #999;
    opacity: 1
}

:-ms-input-placeholder {
    color: #999
}

header, footer, article, section, hgroup, nav, figure {
    display: block
}

figure {
    margin: 0;
    padding: 0
}

table, caption, tbody, tfoot, thead, tr, th, td {
    border-collapse: collapse;
    border-spacing: 0
}

abbr {
    border-bottom: 1px dotted #828282;
    text-decoration: none
}

mark {
    background: 0
}

.box {
    background: #fff
}

b {
    font-family: var(--font-base-black);
    font-weight: normal
}

sup {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    line-height: 16px
}

.chat-popup {
    display: none !important
}

::-ms-clear {
    display: none !important
}

::-ms-reveal {
    display: none !important
}

.offer a:after, .product h3 span:before, .contacts span:before, .contacts a:before, #nav .drop-parent:after, .intro .prev:after, .intro .next:after, .calendar-caption .prev:after, .calendar-caption .next:after, .quote-box .prev:after, .quote-box .next:after, .offer h3 span:after, .dev-info a:after, .dev-info a:before, .dev-info .psd2html h2:after, .dev-info .psd2html h2:before, .dev-info .more:after, .info .note a:after, .contacts .email:before, .contacts .chat:before, .social-network a:after, .layout-switcher li a:before, .info-btn:after, .add-info .note-btn:before, .navbar a:before, .navbar a:after, .item-selected .price:after, .order-sum .price:after, .attach-list .remove:after, .paging .prev:after, .paging .next:after, .offer-list a:before, .services .columns h3:before, .post-info:before, .info-post a:before, .post-blog figure:before, .prev-page:after, .next-page:after, .order-sum .notes tbody b:before, /*.nav .all:after,*/ .code-title .drop:before, .btn-calculate:before, .cms-scope .sub-title:before, .popup .close:after, .chat-box .close:after, .chat-form .submit:after, .chat-orders a:before, .css-popup table span:after, .css-popup .notes:before, .checkout-box .price:after, .intro .learn-more:before, .order-info .close:after, .order-info:before {
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased
}

.header-holder:after, .details .file:after, .payment-box .area:after, .services .container:after, .count-box .messages:after, .slider:after, .faq:after, .main-title:after, .blog-comment .area:after, .process-holder:after, .client-box .container:after, .paging:after, .post .btn-holder:after, .post-info:after, .edit-box:after, .bill-order dl:after, .footer-holder:after, #footer .nav:after, .social-network:after, .contact-popup form:after, .jcf-list-holder:after, .row:after, .login-form .area:after, .info .items:after, .order .container:after, .add-info:after, .top-choice:after, .pay-tabset:after, .cms-tabs:after, .quote-form .row:after, .details:after, .inform-list:after {
    display: block;
    clear: both;
    content: ''
}

.dev-info .more:after, .info .note a:after {
    content: '▻';
    display: inline-block;
    vertical-align: top;
    font: 8px/14px 'SSStandard'
}

.login-form input[type="submit"], .dev-info .all span, .btn, .paging .prev, .paging .next, .btn2, .btn-extend, .btn-calculate, .order .navbar .back {
    height: 32px;
    font: 11px/33px var(--font-base-black);
    background: #0094e0;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzAwOTRlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzAwODVkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: linear-gradient(to bottom, #0094e0 1%, #0085da 99%);
    text-align: center;
    border-radius: 2px;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .69);
    text-transform: uppercase;
    position: relative;
    padding: 0 20px;
    display: inline-block;
    vertical-align: top;
    color: #fff
}

.login-form input[type="submit"]:hover, .dev-info .all span:hover, .btn:hover, .paging .prev:hover, .paging .next:hover, .btn2:hover, .btn-extend:hover, .btn-calculate:hover, .order .navbar .back:hover {
    background: #0086da;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwODZkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDg2ZGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to bottom, #0086da 0, #0086da 100%)
}

.btn:hover, .btn2:hover, .btn-extend:hover, .btn-calculate:hover {
    color: #fff
}

.btn2 {
    float: right;
    padding: 0 20px;
    background: #8a9295;
    letter-spacing: 1px;
    margin: 0 0 0 12px;
    background: #98a0a3;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk4YTBhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4YTkyOTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to bottom, #98a0a3 0, #8a9295 100%);
    transition: none
}

.btn:hover, .btn2:hover, .btn-extend:hover, .btn-calculate:hover {
    color: #fff
}

.btn2:hover {
    background: #979fa2
}

.btn input[type=submit], .continue input[type=submit], .btn2 input[type=submit], .chat-form .submit input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -999em;
    overflow: hidden;
    border: 0;
    cursor: pointer;
    line-height: 0;
    font-size: 0;
    background: 0;
    z-index: 9;
    background: url(../images/transparent5.png)
}

.navbar .back:before, .continue:after {
    content: '▻';
    padding: 0 0 0 5px;
    display: inline-block;
    vertical-align: top;
    font: 8px/12px 'SSStandard';
    margin: 20px 0 0
}

.continue.alt:after {
    display: none
}

.continue span {
    display: inline-block;
    vertical-align: top
}

.btn3, .btn3:active {
    font: 14px/46px var(--font-base-black);
    color: #fff;
    padding: 0 30px;
    height: 46px;
    border-radius: 3px;
    display: inline-block;
    vertical-align: top;
    background: #ee4335;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlNDMzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZDNhMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to bottom, #ee4335 0, #cd3a2d 100%);
    cursor: pointer;
    border: 0
}

.btn3:hover {
    color: #fff;
    background: #ef4335;
    transition: none
}

.btn-red {
    display: inline-block;
    vertical-align: top;
    font: 18px/20px var(--font-base-black);
    letter-spacing: -0.5px;
    text-transform: uppercase;
    text-shadow: 0 1px #af3127;
    background: #ee4335;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlNDMzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2M5MzkyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYzJkMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to bottom, rgba(238, 67, 53, 1) 0, rgba(201, 57, 45, 1) 50%, rgba(188, 45, 45, 1) 100%);
    background-size: auto 200%;
    transition: background-position .4s linear;
    color: #fff;
    border-radius: 2px;
    margin: 0 0 10px;
    padding: 19px 38px 21px;
    box-shadow: 0 2px rgba(0, 0, 0, 0.15)
}

.btn-red:hover {
    background-position: 0 100%;
    color: #fff
}

.main-container .btn-red {
    box-shadow: 0;
    height: 61px;
    font-size: 19px;
    line-height: 27px;
    padding: 17px 26px;
    min-width: 335px;
    letter-spacing: 1px;
    border-radius: 4px;
    background: #eb4234;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViNDIzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2NjMzkyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYzE1MDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to bottom, rgba(235, 66, 52, 1) 0, rgba(204, 57, 45, 1) 50%, rgba(204, 21, 8, 1) 100%);
    background-size: auto 200%;
    transition: background-position .4s linear
}

.main-container .btn-red:hover {
    background: #eb4234;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViNDIzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2NjMzkyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYzE1MDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to bottom, rgba(235, 66, 52, 1) 0, rgba(204, 57, 45, 1) 50%, rgba(204, 21, 8, 1) 100%);
    background-size: auto 200%;
    background-position: 0 100%
}

.chat-form .submit input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -999em;
    overflow: hidden;
    border: 0;
    cursor: pointer;
    line-height: 0;
    font-size: 0;
    background: 0;
    z-index: 9;
    background: url(../images/transparent5.png)
}

.hidden {
    display: none !important
}

.non-display {
    position: absolute;
    left: -9999px;
    top: -9999px
}

input.btn {
    outline: 0;
    border: 0;
    cursor: pointer
}

input[type='text'], input[type='password'], input[type='email'], input[type='tel'], input[type='number'], .jcf-select-area {
    box-shadow: 0 1px 0 0 #b1b1b0;
    border-radius: 2px;
    border: 1px solid #e5e7e7;
    padding: 9px 12px;
    background: #fff;
    vertical-align: middle;
    font: 16px var(--font-base);
    width: 100%;
    margin: 0 0 22px;
    display: block;
    outline: 0;
    cursor: text;
    -webkit-appearance: none
}

.jcf-select-area {
    color: #505050
}

input[type='submit'] {
    -webkit-appearance: none
}

.jcf-checkbox {
    display: inline-block;
    vertical-align: middle;
    margin: 0 9px 0 0;
    width: 22px;
    height: 22px;
    position: relative;
    border: 1px solid #b6c3ca;
    background: #fff;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGY4ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to bottom, #fff 1%, #f8f8f8 100%);
    border-radius: 2px;
    padding: 5px
}

.text-active {
    color: #505050 !important
}

.blog-comment .area input[type="checkbox"], .blog-comment .area input[type="radio"] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 0;
    height: 0
}

.blog-comment .area .chk-btn {
    margin-top: -2px
}

.error input[type='text'], .error input[type='password'], .error input[type='tel'], .error input[type='email'], .error input[type='number'], .error textarea {
    border-color: #de574b !important;
    box-shadow: 0 0 2px 0 #de574b !important
}

.jcf-select-area {
    margin: 0;
    padding-right: 32px;
    cursor: default;
    height: 39px;
    text-align: left !important;
    position: relative;
    overflow: hidden;
    letter-spacing: 1px;
    border: 0;
    box-shadow: none
}

.select-text-holder {
    display: block;
    height: 19px;
    position: relative;
    width: 100%
}

.jcf-select-area-text {
    position: absolute;
    left: 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

select {
    height: 39px !important
}

.jcf-select {
    width: 100%;
    display: block;
    position: relative;
    margin: 0 0 22px
}

.jcf-select-area:before {
    font: 8px/14px 'SSStandard';
    content: '';
    position: absolute;
    top: 14px;
    right: 13px;
    color: #474f52;
    z-index: 9;
    width: 13px;
    text-align: right
}

.jcf-select-list {
    z-index: 999
}

.jcf-list-holder {
    box-shadow: 0 1px 0 0 #b1b1b0;
    border-radius: 2px;
    border: solid #e5e7e7;
    border-width: 0 1px 1px;
    letter-spacing: 1px
}

.select-drop-flipped .jcf-list-holder {
    border-width: 1px 1px 0;
    box-shadow: 0 -1px 0 0 #b1b1b0
}

.jcf-select-list ul {
    border-radius: 2px;
    margin: -3px 0 0;
    padding: 0;
    list-style: none;
    float: left;
    width: 100%;
    background: #fff;
    overflow: hidden
}

.select-drop-flipped ul {
    margin: 0 0 -3px
}

.jcf-select-list a {
    cursor: pointer;
    display: block;
    color: #505050;
    padding: 5px 12px;
    margin: 1px 0 -1px
}

.jcf-select-list .option-selected a, .jcf-select-list a:hover {
    color: #fff;
    background: #0086da
}

.jcf-radio, .jcf-checkbox {
    display: inline-block;
    vertical-align: middle;
    margin: 0 9px 0 0;
    width: 8px;
    height: 8px;
    position: relative;
    border: 1px solid #b6c3ca;
    background: #fff;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGY4ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to bottom, #fff 1%, #f8f8f8 100%);
    border-radius: 18px;
    padding: 5px
}

.jcf-checkbox-state-disabled {
    background: #e4e4e4 !important
}

.jcf-checkbox-state-disabled + input + label {
    color: #828282 !important
}

.jcf-radio-state-checked span {
    border-radius: 8px;
    background: #0085da;
    width: 8px;
    height: 8px;
    display: block !important
}

.jcf-checkbox {
    border-radius: 2px
}

.jcf-checkbox-state-checked:after {
    left: 0;
    top: 0;
    position: absolute;
    color: #0085da;
    content: '✓';
    font: 12px/23px 'SSStandard';
    text-align: center;
    height: 100%;
    width: 100%
}

.jcf-checkbox-state-focus, .jcf-radio-state-focus, .jcf-select-state-focus .jcf-select-area, .text-active {
    color: #505050 !important
}

textarea {
    overflow: auto;
    min-width: 100%;
    max-width: 100%;
    box-shadow: 0 1px 0 0 #b1b1b0;
    border-radius: 2px;
    border: 1px solid #e5e7e7;
    padding: 9px 12px;
    background: #fff;
    vertical-align: middle;
    font: 16px var(--font-base);
    width: 100%;
    margin: 0 0 26px;
    display: block;
    outline: 0;
    -webkit-appearance: none
}

.chat-form textarea {
    width: 100% !important
}

input[type="checkbox"] {
    width: 16px;
    height: 15px;
    padding: 0;
    margin: 0
}

label {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle
}

.top-choice, .details, .add-email, .table-box, .post, .edit-holder, .post-blog, .article-frame, .count-box, #content, .payment-box, .examples .item > a, .product-list span, .thank-box, .contact-us, .b2b {
    box-shadow: 0 1px 0 0 #cdd1d2;
    background: #fff;
    border-radius: 5px
}

.reset-btn, .reset-btn:active {
    background: 0;
    border: 0;
    color: #0086da;
    cursor: pointer;
    font: 13px/18px var(--font-base-roman);
    padding: 0;
    position: absolute;
    right: -3px;
    top: -31px;
    z-index: 9
}

.reset-btn:hover {
    color: #454d50
}

.note-form {
    background: #008fde;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: block;
    padding: 12px 0;
    text-align: center;
    font: 11px/16px var(--font-base-medium-oblique);
    color: #fff;
    margin: 3px 0 22px
}

.note-form.wrong {
    background: #d03b2e
}

.menu {
    display: none
}

.menu:active, .menu {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 31px;
    height: 31px;
    background: rgba(0, 0, 0, .5);
    border-radius: 3px;
    text-indent: -9999px;
    overflow: hidden
}

.menu:before, .menu:after, .menu span {
    background: #fff;
    border-radius: 4px;
    position: absolute;
    top: 16px;
    left: 25%;
    right: 25%;
    height: 3px;
    margin-top: -2px;
    transition: all .2s linear
}

.menu:before, .menu:after {
    content: '';
    top: 10px
}

.menu:after {
    top: 22px
}

.active-panel .menu span {
    opacity: 0
}

.menu:hover {
    opacity: .9
}

.active-panel .menu:after, .active-panel .menu:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 16px;
    left: 15%;
    right: 15%
}

.close-btn:after, .active-panel .menu:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.header-holder {
    width: 981px;
    margin: 0 auto;
    min-height: 67px;
    text-align: center
}

/*.logo {*/
/*    float: left;*/
/*    margin: 17px 17px 0 0;*/
/*    background: url(../images/logo-getdevdone-white.svg) no-repeat; !* 180 x 32*!*/
/*    width: 180px;*/
/*    height: 32px;*/
/*    text-indent: -999em;*/
/*    overflow: hidden*/
/*}*/

/*.logo a {*/
/*    display: block;*/
/*    height: 100%*/
/*}*/

.banner {
    position: absolute;
    top: -3px;
    right: 0;
    width: 165px;
    height: 71px;
    z-index: 101;
    display: none
}

.banner a {
    display: block;
    height: 100%;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/bg-emailcraft.png) no-repeat
}

.banner .need-design {
    background: url(../images/bg-design.png) no-repeat
}

.banner .win {
    background: url(../images/bg-win.png) no-repeat
}

.contacts {
    margin: 25px 0 0;
    float: left;
    font-style: normal;
    font-size: 13px;
    line-height: 20px
}

.contacts a:before {
    text-indent: 0;
    float: left
}

.contacts span:before, .contacts .tel-link:before, .contacts a:before {
    font: 12px/18px 'SSPika';
    content: '📞';
    padding: 1px 5px 0 0;
    z-index: -1;
    display: inline-block;
    vertical-align: top
}

.contacts .contact:before {
    content: '✉';
    font-family: 'SSStandard';
    padding-top: 2px
}

.contacts .chat:before {
    content: '💬';
    font-family: 'SSStandard'
}

.contacts .addr:before {
    content: ''
}

.contacts a {
    color: #c8cacb
}

.contacts a:not(.tel-link) {
    margin: 0 10px 0 0;
    float: left;
    text-indent: -999em;
    outline: 0;
    position: relative;
    width: 11px;
    height: 14px
}

.contacts span, .contacts .tel-link {
    display: inline-block;
    vertical-align: top;
    position: relative
}

.contacts a span {
    float: none;
    margin: 0;
    padding: 0
}

.contacts a:hover {
    text-decoration: none;
    color: #fff
}

#nav {
    margin: 0 0 0 -50px;
    border-right: 1px solid rgba(255, 255, 255, .1);
    float: right;
    letter-spacing: 1px;
    font: 13px/67px var(--font-base-roman);
}

#nav ul {
    float: left;
    box-sizing: content-box;
    border-right: 1px solid #35393b;
    margin: 0 0 0 -1px;
    padding: 0;
    list-style: none
}

#nav li {
    float: left;
    position: relative
}

#nav .login-box {
    position: relative;
    z-index: 2
}

#nav li > a {
    position: relative;
    float: left;
    color: #fff;
    padding: 0 14px;
    height: 67px;
    z-index: 2;
    clear: both;
    opacity: .9999
}

#nav > ul > li > a {
    text-transform: uppercase
}

#nav > ul > .hover > a:not(.order-link), #nav > ul > li > a:hover, #nav > ul > .active > a {
    background: #35393b;
    text-decoration: none;
    color: #c8cacb
}

#nav .order-link:hover {
    background: #0086da;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMzQ5ZWUwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjMDA4NmRhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwODZkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: linear-gradient(135deg, #349ee0 0, #0086da 40%, #0086da 100%);
    text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
    color: #fff;
    font-family: var(--font-base-black)
}

.alt-page #nav li > a {
    padding-left: 14px;
    padding-right: 14px
}

.alt-page #nav .order-link, .alt-page #nav .order-link:hover {
    background: #ee4335;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlNDMzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZDNhMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to bottom, #ee4335 0, #cd3a2d 100%)
}

#nav .drop-holder {
    position: relative;
    float: left
}

.drop-parent {
    padding: 0 39px 0 19px;
    color: #fff;
    cursor: default;
    float: left;
    opacity: .9999;
    position: relative;
    transition: all .4s ease
}

.alt-page .drop-parent {
    padding-left: 15px;
    padding-right: 35px
}

.hover .drop-parent {
    background: #35393b;
    color: #c8cacb
}

#nav .drop-parent:after {
    position: absolute;
    right: 20px;
    top: 29px;
    content: '';
    font: 8px/12px 'SSStandard'
}

#nav ul ul {
    text-align: left;
    white-space: nowrap;
    text-shadow: none;
    letter-spacing: 0;
    float: left;
    position: relative;
    left: -50%;
    padding: 6px 12px;
    border-radius: 2px;
    font: 16px/20px var(--font-base-roman);
    box-shadow: 0 2px 70px 0 rgba(0, 0, 0, .3);
    background: #f5f5f4;
    border: 0;
    z-index: 5
}

#nav .drop {
    text-align: center;
    top: 78px;
    position: absolute;
    left: -9999px;
    opacity: 0;
    transition: opacity .4s ease
}

#nav ul ul li.last {
    border-bottom: 1px dotted #a3a6a8
}

#nav ul ul li.last:first-child {
    border: 0
}

.login-form {
    transition: opacity .1s ease
}

#nav .hover .drop {
    left: 50%;
    opacity: 1;
    z-index: 5
}

#nav ul ul li {
    float: none;
    border-top: 1px dotted #a3a6a8
}

#nav ul ul li:first-child {
    border: 0
}

#nav ul ul a {
    height: auto;
    color: #000;
    float: none;
    display: block;
    padding: 10px 18px 9px;
    border-bottom: 1px solid transparent;
    margin: 0 0 -1px
}

#nav ul ul a:hover {
    background: #fff;
    color: #000;
    padding-bottom: 9px;
    border-color: #a3a6a8
}

#nav ul ul:after, .login-form:after {
    bottom: 100%;
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(218, 225, 229, 0);
    border-bottom-color: #f5f5f4;
    border-width: 8px;
    left: 50%;
    margin-left: -8px
}

.login-form:after {
    left: 263px
}

#nav ul ul:before {
    position: absolute;
    top: -22px;
    left: 0;
    height: 22px;
    width: 100%;
    content: '';
    background: url(../images/transparent5.png)
}

#nav .red-box {
    position: absolute;
    top: 100%;
    left: 50%;
    font-size: 14px;
    line-height: 16px;
    background: #ce3a2e;
    width: 100%;
    transform: translateX(-50%);
    color: #fff;
    margin-top: 4px;
    padding: 9px 5px 7px;
    border-radius: 3px;
    height: auto;
    text-transform: none;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5)
}

#nav > ul > .hover > a.red-box {
    background: #ce3a2e;
    color: #fff
}

#nav .red-box:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 100%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 5px 4px;
    border-color: transparent transparent #ce3a2e
}

.login-form {
    opacity: 0;
    letter-spacing: 0;
    text-shadow: none;
    border-radius: 2px;
    position: absolute;
    top: -999em;
    right: -1px;
    background: #f5f5f4;
    padding: 27px 30px 30px;
    width: 307px;
    box-shadow: 0 2px 70px 0 rgba(0, 0, 0, .3);
    line-height: 18px
}

.active .login-form {
    opacity: 1;
    top: 78px
}

.login-form label {
    display: block;
    text-align: left;
    margin: 0 0 13px;
    font: 16px/20px var(--font-base-roman);
    color: #505050
}

.login-form input[type="password"] {
    height: 39px
}

.login-form .area {
    position: relative;
    padding: 6px 0 0;
    width: 100%
}

.login-form input[type="submit"] {
    float: right;
    width: 78px;
    padding: 0;
    border: 0;
    cursor: pointer
}

.login-form .area label input[type="checkbox"] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 0;
    height: 0
}

.login-form .jcf-checkbox {
    float: left;
    margin: 7px 9px 0 0
}

.login-form .area label {
    float: left;
    margin: 6px 0 0;
    color: #828282
}

.btn-chat, .btn-chat:active {
    background: url(../images/btn-chat.png?4) 100% 0 no-repeat;
    width: 36px;
    height: 135px;
    position: fixed;
    top: 340px;
    right: 0;
    z-index: 99;
    text-indent: -999em;
    overflow: hidden;
    transition: all 0s ease
}

h2 {
    margin: 0 0 16px;
    /*font: 21px/26px var(--font-base-black);*/
    font: 21px/26px 'Poppins';
    font-weight: 700;
    color: #000
}

h3 {
    letter-spacing: 1px;
    text-transform: uppercase;
    font: 13px/18px var(--font-base-black);
    margin: 0 0 5px
}

p {
    margin: 0 0 5px
}

blockquote {
    position: relative;
    margin: 0 0 10px 28px;
    font-family: var(--font-base-medium-oblique);
}

blockquote p {
    margin: 0
}

blockquote:before {
    content: '“';
    font: 16px/20px 'SSPika';
    position: absolute;
    top: 2px;
    left: -28px;
    color: #b4b4b4
}

.intro-area, .intro {
    background: #02062f;
    text-shadow: 0 2px 0 rgba(0, 0, 0, .3);
    position: relative;
    height: 481px;
    overflow: hidden;
    color: #fff;
    font-size: 21px;
    line-height: 26px
}

.intro-area .section .content-holder, .intro-area {
    letter-spacing: -1px;
    font-size: 20px;
    line-height: 29px
}

.intro:before {
    content: '';
    position: absolute;
    top: 0;
    right: 50%;
    width: 50%;
    height: 100%;
    background: #eeebe4;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWJlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY1ZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to bottom, rgba(238, 235, 228, 1) 0, rgba(244, 245, 240, 1) 100%)
}

.intro-area .text-section {
    margin: 0 auto;
    color: #000;
    letter-spacing: -2px;
    text-shadow: none;
    max-width: 1200px;
    padding: 60px 20px 39px;
    text-align: center;
    font: 48px/1.13 var(--font-base-medium);
}

.intro-area .color-blue {
    color: #085fb8
}

.intro-area .color-green {
    color: #229f55
}

.intro-area .color-orange {
    color: #ef5f38
}

.intro-area .text-section mark {
    background: #f7cf39;
    padding: 0 4px;
    display: inline-block;
    line-height: 1
}

.intro .photo {
    margin: 0 -362px
}

.intro .photo img {
    display: block;
    width: 100%;
    height: auto
}

.intro .prev, .intro .next {
    position: absolute;
    top: 218px;
    left: 10px;
    z-index: 99;
    text-indent: -999em;
    width: 34px;
    height: 40px;
    outline: 0;
    text-shadow: none;
    color: #fff;
    opacity: 1
}

.intro .prev:hover, .intro .next:hover {
    opacity: .5;
    text-decoration: none
}

.intro .prev:after, .intro .next:after {
    font: 36px/50px 'SSStandard';
    text-indent: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '◅';
    text-align: center
}

.intro .next {
    left: auto;
    right: 34px
}

.intro .next:after {
    content: '▻'
}

.intro .section {
    position: absolute;
    top: 0;
    left: 50%;
    width: 980px;
    margin-left: -490px;
    z-index: 2
}

.intro-area .section {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin: 0 0 1px
}

.intro .section.slide-active {
    z-index: 3
}

.intro .content-holder {
    width: 530px;
    position: absolute;
    top: 83px;
    left: 0;
    z-index: 2
}

.intro-area h1, .intro h1 {
    margin: 0 0 15px;
    font-size: 48px;
    line-height: 54px;
    letter-spacing: -2px;
    font-weight: normal
}

.intro-area .sub-title {
    display: block;
    margin: 0 0 27px;
    color: #fff;
    font: 30px/34px var(--font-base);
}

.intro-area h1 + .sub-title {
    margin-top: -10px
}

.intro-area .content-holder p a, .intro-area .sub-title a {
    color: #fff
}

.intro-area .content-holder p a:hover, .intro-area .sub-title a:hover {
    opacity: .7
}

.intro-area .more:hover, .intro .more:hover {
    background: rgba(255, 255, 255, .1);
    text-decoration: none
}

.intro-area .or, .intro-area .more + span, .intro-area .learn-more, .intro-area .more, .intro .or, .intro .more + span, .intro .learn-more, .intro .more {
    display: inline-block;
    vertical-align: middle;
    text-shadow: none;
    font: 11px/17px var(--font-base-book);
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase
}

.intro-area .more + span, .intro-area .or, .intro .or, .intro .more + span {
    margin: 0 14px
}

.intro-area .learn-more:after, .intro .learn-more:after {
    content: '▻';
    font: 9px/14px 'SSPika';
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 6px
}

.intro-area .more, .intro .more {
    border-radius: 2px;
    border: 1px solid rgba(255, 255, 255, .5);
    text-align: center;
    height: 50px;
    background: rgba(255, 255, 255, .0);
    letter-spacing: 1px;
    position: relative;
    padding: 0 20px;
    line-height: 48px;
    font: 11px/48px var(--font-base-book);
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase
}

.dev-info {
    text-align: center;
    background: #ededeb;
    padding: 42px 8px 28px;
    line-height: 18px;
    font-size: 13px
}

.dev-holder {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden
}

.dev-info h1 {
    letter-spacing: 2px;
    margin: 0 auto 6px;
    text-transform: uppercase;
    font: 24px/28px var(--font-base-black);
    color: #000;
    width: 1000px
}

.dev-info article {
    display: inline-block;
    vertical-align: top;
    padding: 0 9px 20px;
    width: 25%;
    font-size: 13px;
    letter-spacing: 0
}

.dev-info article > a {
    position: relative;
    min-height: 224px;
    background: #f8f8f8;
    border-radius: 5px;
    box-shadow: 0 1px 0 #cdd1d2;
    transition: background .2s ease
}

.dev-info article > a:hover {
    background: #fff
}

.dev-info a {
    display: block;
    color: #4c515a;
    position: relative;
    z-index: 2;
    padding: 78px 0 43px
}

.dev-info a:after, .dev-info a:before, .dev-info .psd2html h2:after, .dev-info .psd2html h2:before {
    color: #c1c7ca;
    font: 30px/36px 'SSStandard';
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.dev-info .psd2html a:after {
    content: '';
    top: 28px;
    margin-left: -31px;
    font-size: 18px;
    line-height: 22px
}

.dev-info .psd2html a:before {
    top: 29px;
    margin-left: -13px;
    font-size: 12px;
    line-height: 18px;
    content: '➡'
}

.dev-info .psd2html h2:after {
    top: 23px;
    margin-left: 12px;
    content: '';
    font-size: 33px;
    line-height: 40px
}

.dev-info .psd2html h2:before {
    content: '<>';
    font: 9px/14px var(--font-base-black);
    top: 29px;
    margin-left: 12px;
    width: 18px;
    text-align: center
}

.dev-info .mobile a:after {
    content: '💻';
    top: 27px
}

.dev-info .mobile a:before {
    top: 14px;
    content: '📱'
}

.dev-info .cms a:after {
    content: '⚙';
    top: 24px;
    margin-left: -32px;
    font-size: 32px;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg)
}

.dev-info .cms a:before {
    top: 25px;
    margin-left: 15px;
    font-size: 29px;
    content: ''
}

.dev-info .email a:after {
    content: '✉';
    top: 25px;
    margin-left: 2px;
    font-size: 29px
}

.dev-info a:hover {
    text-decoration: none
}

.dev-info h2 {
    margin: 0 0 10px;
    font: 16px/20px var(--font-base-black)
}

.dev-info .all {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    background: #cbc9c9;
    border-radius: 0 0 5px 5px;
    font: 11px/37px var(--font-base-black);
    padding: 12px;
    opacity: 0;
    height: 56px;
    transition: opacity .2s ease
}

.dev-info article:hover .all {
    opacity: 1
}

.dev-info .all span {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 10px
}

.dev-info p {
    margin: 0 0 13px
}

.dev-info p sup {
    font-size: 10px;
    line-height: 14px
}

.dev-info b {
    font-family: var(--font-base-heavy);
}

.dev-info .more {
    color: #0086da;
    font-family: var(--font-base-heavy);
    position: absolute;
    bottom: 22px;
    left: 0;
    width: 100%;
    text-align: center
}

.dev-info .more:after {
    padding: 3px 0 0 2px
}

.dev-info .more span {
    color: #0086da
}

.dev-info .container {
    display: block;
    margin: 0 auto;
    max-width: 1000px;
    font-size: 0;
    letter-spacing: -4px;
    text-align: center
}

.dev-info .container:after {
    content: "";
    clear: both;
    display: block
}

.dev-info .container .column {
    float: left;
    width: 50%;
    text-align: left
}

.dev-info .container .column:first-child {
    text-align: right
}

.dev-info .container .column article {
    text-align: center;
    font-size: 13px;
    letter-spacing: 0
}

.dev-info h1 {
    width: auto;
    max-width: 1000px;
    margin: 0 auto 24px
}

.product {
    position: relative;
    color: #000;
    width: 1000px;
    margin: 0 auto;
    text-align: center;
    padding: 47px 0 45px
}

.dev-info + .product {
    background-position: -4px 227px
}

.product h3 {
    margin: 0 0 37px;
    color: #000;
    font: 24px/36px var(--font-base-black);
    letter-spacing: 2px
}

.product h3 span:before {
    padding: 0 5px 0 0;
    color: #fdb300;
    font: 16px 'SSPika';
    content: '💼'
}

.product h3 .agcy:before {
    color: #ee3728;
    font-size: 17px;
    content: '🏢'
}

.product h3 .freelancer:before {
    color: #fd6b00;
    font-size: 17px;
    content: '👤'
}

.product blockquote {
    font-size: 16px;
    line-height: 20px;
    font-family: var(--font-base-roman);
    margin: 0;
    position: absolute;
    top: 346px;
    left: -171px;
    width: 1000px;
    text-align: center
}

.product footer {
    font-size: 13px;
    font-style: normal;
    color: #aeb6ba;
    display: block;
    margin: 0 0 3px
}

.product footer span, .testimonials footer span {
    color: #0086da
}

.product p {
    margin: 0
}

.product p sup {
    font-size: 10px;
    line-height: 10px
}

.logos {
    position: relative;
    margin: 0 0 41px;
    background: url(../images/bg-product.jpg?2) -4px 50% no-repeat
}

.logos img {
    display: block;
    margin: 0 auto
}

.info {
    background: #ee3728;
    color: #fff;
    text-align: center;
    padding: 42px 0;
    overflow: hidden
}

.alt-page .info {
    padding: 42px 0 21px
}

.info-holder {
    width: 1000px;
    margin: 0 auto;
    padding: 0
}

.info h3 {
    font: 24px/28px var(--font-base-black);
    margin: 0 0 34px;
    text-transform: uppercase
}

.info h3 sup {
    font-family: var(--font-base-heavy);
}

.alt-page .info h3 {
    font-size: 32px;
    line-height: 36px
}

.back-coupling {
    font-size: 16px;
    line-height: 20px;
    margin: -1px 0 37px;
    padding: 0;
    list-style: none;
    min-height: 20px;
    position: relative
}

.back-coupling li {
    position: absolute;
    width: 100%
}

.back-coupling span {
    display: inline-block;
    vertical-align: top;
    background: url(../images/flags.png) no-repeat;
    width: 18px;
    height: 13px;
    margin: 4px 4px 0 5px;
    border: 1px solid #8c2018
}

.back-coupling .flag-ad {
    background-position: -16px 0
}

.back-coupling .flag-ae {
    background-position: -32px 0
}

.back-coupling .flag-af {
    background-position: -48px 0
}

.back-coupling .flag-ag {
    background-position: -64px 0
}

.back-coupling .flag-ai {
    background-position: -80px 0
}

.back-coupling .flag-al {
    background-position: -96px 0
}

.back-coupling .flag-am {
    background-position: -112px 0
}

.back-coupling .flag-an {
    background-position: -128px 0
}

.back-coupling .flag-ao {
    background-position: -144px 0
}

.back-coupling .flag-ar {
    background-position: -160px 0
}

.back-coupling .flag-as {
    background-position: -176px 0
}

.back-coupling .flag-at {
    background-position: -192px 0
}

.back-coupling .flag-au {
    background-position: -208px 0
}

.back-coupling .flag-aw {
    background-position: -224px 0
}

.back-coupling .flag-az {
    background-position: -240px 0
}

.back-coupling .flag-ba {
    background-position: 0 -11px
}

.back-coupling .flag-bb {
    background-position: -16px -11px
}

.back-coupling .flag-bd {
    background-position: -32px -11px
}

.back-coupling .flag-be {
    background-position: -48px -11px
}

.back-coupling .flag-bf {
    background-position: -64px -11px
}

.back-coupling .flag-bg {
    background-position: -80px -11px
}

.back-coupling .flag-bh {
    background-position: -96px -11px
}

.back-coupling .flag-bi {
    background-position: -112px -11px
}

.back-coupling .flag-bj {
    background-position: -128px -11px
}

.back-coupling .flag-bm {
    background-position: -144px -11px
}

.back-coupling .flag-bn {
    background-position: -160px -11px
}

.back-coupling .flag-bo {
    background-position: -176px -11px
}

.back-coupling .flag-br {
    background-position: -192px -11px
}

.back-coupling .flag-bs {
    background-position: -208px -11px
}

.back-coupling .flag-bt {
    background-position: -224px -11px
}

.back-coupling .flag-bv {
    background-position: -240px -11px
}

.back-coupling .flag-bw {
    background-position: 0 -22px
}

.back-coupling .flag-by {
    background-position: -16px -22px
}

.back-coupling .flag-bz {
    background-position: -32px -22px
}

.back-coupling .flag-ca {
    background-position: -48px -22px
}

.back-coupling .flag-catalonia {
    background-position: -64px -22px
}

.back-coupling .flag-cd {
    background-position: -80px -22px
}

.back-coupling .flag-cf {
    background-position: -96px -22px
}

.back-coupling .flag-cg {
    background-position: -112px -22px
}

.back-coupling .flag-ch {
    background-position: -128px -22px
}

.back-coupling .flag-ci {
    background-position: -144px -22px
}

.back-coupling .flag-ck {
    background-position: -160px -22px
}

.back-coupling .flag-cl {
    background-position: -176px -22px
}

.back-coupling .flag-cm {
    background-position: -192px -22px
}

.back-coupling .flag-cn {
    background-position: -208px -22px
}

.back-coupling .flag-co {
    background-position: -224px -22px
}

.back-coupling .flag-cr {
    background-position: -240px -22px
}

.back-coupling .flag-cu {
    background-position: 0 -33px
}

.back-coupling .flag-cv {
    background-position: -16px -33px
}

.back-coupling .flag-cy {
    background-position: -32px -33px
}

.back-coupling .flag-cz {
    background-position: -48px -33px
}

.back-coupling .flag-de {
    background-position: -64px -33px
}

.back-coupling .flag-dj {
    background-position: -80px -33px
}

.back-coupling .flag-dk {
    background-position: -96px -33px
}

.back-coupling .flag-dm {
    background-position: -112px -33px
}

.back-coupling .flag-do {
    background-position: -128px -33px
}

.back-coupling .flag-dz {
    background-position: -144px -33px
}

.back-coupling .flag-ec {
    background-position: -160px -33px
}

.back-coupling .flag-ee {
    background-position: -176px -33px
}

.back-coupling .flag-eg {
    background-position: -192px -33px
}

.back-coupling .flag-eh {
    background-position: -208px -33px
}

.back-coupling .flag-england {
    background-position: -224px -33px
}

.back-coupling .flag-er {
    background-position: -240px -33px
}

.back-coupling .flag-es {
    background-position: 0 -44px
}

.back-coupling .flag-et {
    background-position: -16px -44px
}

.back-coupling .flag-eu {
    background-position: -32px -44px
}

.back-coupling .flag-fi {
    background-position: -48px -44px
}

.back-coupling .flag-fj {
    background-position: -64px -44px
}

.back-coupling .flag-fk {
    background-position: -80px -44px
}

.back-coupling .flag-fm {
    background-position: -96px -44px
}

.back-coupling .flag-fo {
    background-position: -112px -44px
}

.back-coupling .flag-fr {
    background-position: -128px -44px
}

.back-coupling .flag-ga {
    background-position: -144px -44px
}

.back-coupling .flag-gb {
    background-position: -160px -44px
}

.back-coupling .flag-gd {
    background-position: -176px -44px
}

.back-coupling .flag-ge {
    background-position: -192px -44px
}

.back-coupling .flag-gf {
    background-position: -208px -44px
}

.back-coupling .flag-gh {
    background-position: -224px -44px
}

.back-coupling .flag-gi {
    background-position: -240px -44px
}

.back-coupling .flag-gl {
    background-position: 0 -55px
}

.back-coupling .flag-gm {
    background-position: -16px -55px
}

.back-coupling .flag-gn {
    background-position: -32px -55px
}

.back-coupling .flag-gp {
    background-position: -48px -55px
}

.back-coupling .flag-gq {
    background-position: -64px -55px
}

.back-coupling .flag-gr {
    background-position: -80px -55px
}

.back-coupling .flag-gs {
    background-position: -96px -55px
}

.back-coupling .flag-gt {
    background-position: -112px -55px
}

.back-coupling .flag-gu {
    background-position: -128px -55px
}

.back-coupling .flag-gw {
    background-position: -144px -55px
}

.back-coupling .flag-gy {
    background-position: -160px -55px
}

.back-coupling .flag-hk {
    background-position: -176px -55px
}

.back-coupling .flag-hm {
    background-position: -192px -55px
}

.back-coupling .flag-hn {
    background-position: -208px -55px
}

.back-coupling .flag-hr {
    background-position: -224px -55px
}

.back-coupling .flag-ht {
    background-position: -240px -55px
}

.back-coupling .flag-hu {
    background-position: 0 -66px
}

.back-coupling .flag-id {
    background-position: -16px -66px
}

.back-coupling .flag-ie {
    background-position: -32px -66px
}

.back-coupling .flag-il {
    background-position: -48px -66px
}

.back-coupling .flag-in {
    background-position: -64px -66px
}

.back-coupling .flag-io {
    background-position: -80px -66px
}

.back-coupling .flag-iq {
    background-position: -96px -66px
}

.back-coupling .flag-ir {
    background-position: -112px -66px
}

.back-coupling .flag-is {
    background-position: -128px -66px
}

.back-coupling .flag-it {
    background-position: -144px -66px
}

.back-coupling .flag-jm {
    background-position: -160px -66px
}

.back-coupling .flag-jo {
    background-position: -176px -66px
}

.back-coupling .flag-jp {
    background-position: -192px -66px
}

.back-coupling .flag-ke {
    background-position: -208px -66px
}

.back-coupling .flag-kg {
    background-position: -224px -66px
}

.back-coupling .flag-kh {
    background-position: -240px -66px
}

.back-coupling .flag-ki {
    background-position: 0 -77px
}

.back-coupling .flag-km {
    background-position: -16px -77px
}

.back-coupling .flag-kn {
    background-position: -32px -77px
}

.back-coupling .flag-kp {
    background-position: -48px -77px
}

.back-coupling .flag-kr {
    background-position: -64px -77px
}

.back-coupling .flag-kw {
    background-position: -80px -77px
}

.back-coupling .flag-ky {
    background-position: -96px -77px
}

.back-coupling .flag-kz {
    background-position: -112px -77px
}

.back-coupling .flag-la {
    background-position: -128px -77px
}

.back-coupling .flag-lb {
    background-position: -144px -77px
}

.back-coupling .flag-lc {
    background-position: -160px -77px
}

.back-coupling .flag-li {
    background-position: -176px -77px
}

.back-coupling .flag-lk {
    background-position: -192px -77px
}

.back-coupling .flag-lr {
    background-position: -208px -77px
}

.back-coupling .flag-ls {
    background-position: -224px -77px
}

.back-coupling .flag-lt {
    background-position: -240px -77px
}

.back-coupling .flag-lu {
    background-position: 0 -88px
}

.back-coupling .flag-lv {
    background-position: -16px -88px
}

.back-coupling .flag-ly {
    background-position: -32px -88px
}

.back-coupling .flag-ma {
    background-position: -48px -88px
}

.back-coupling .flag-mc {
    background-position: -64px -88px
}

.back-coupling .flag-md {
    background-position: -80px -88px
}

.back-coupling .flag-me {
    background-position: -96px -88px
}

.back-coupling .flag-mg {
    background-position: -112px -88px
}

.back-coupling .flag-mh {
    background-position: -128px -88px
}

.back-coupling .flag-mk {
    background-position: -144px -88px
}

.back-coupling .flag-ml {
    background-position: -160px -88px
}

.back-coupling .flag-mm {
    background-position: -176px -88px
}

.back-coupling .flag-mn {
    background-position: -192px -88px
}

.back-coupling .flag-mo {
    background-position: -208px -88px
}

.back-coupling .flag-mp {
    background-position: -224px -88px
}

.back-coupling .flag-mq {
    background-position: -240px -88px
}

.back-coupling .flag-mr {
    background-position: 0 -99px
}

.back-coupling .flag-ms {
    background-position: -16px -99px
}

.back-coupling .flag-mt {
    background-position: -32px -99px
}

.back-coupling .flag-mu {
    background-position: -48px -99px
}

.back-coupling .flag-mv {
    background-position: -64px -99px
}

.back-coupling .flag-mw {
    background-position: -80px -99px
}

.back-coupling .flag-mx {
    background-position: -96px -99px
}

.back-coupling .flag-my {
    background-position: -112px -99px
}

.back-coupling .flag-mz {
    background-position: -128px -99px
}

.back-coupling .flag-na {
    background-position: -144px -99px
}

.back-coupling .flag-nc {
    background-position: -160px -99px
}

.back-coupling .flag-ne {
    background-position: -176px -99px
}

.back-coupling .flag-nf {
    background-position: -192px -99px
}

.back-coupling .flag-ng {
    background-position: -208px -99px
}

.back-coupling .flag-ni {
    background-position: -224px -99px
}

.back-coupling .flag-nl {
    background-position: -240px -99px
}

.back-coupling .flag-no {
    background-position: 0 -110px
}

.back-coupling .flag-np {
    background-position: -16px -110px
}

.back-coupling .flag-nr {
    background-position: -32px -110px
}

.back-coupling .flag-nu {
    background-position: -48px -110px
}

.back-coupling .flag-nz {
    background-position: -64px -110px
}

.back-coupling .flag-om {
    background-position: -80px -110px
}

.back-coupling .flag-pa {
    background-position: -96px -110px
}

.back-coupling .flag-pe {
    background-position: -112px -110px
}

.back-coupling .flag-pf {
    background-position: -128px -110px
}

.back-coupling .flag-pg {
    background-position: -144px -110px
}

.back-coupling .flag-ph {
    background-position: -160px -110px
}

.back-coupling .flag-pk {
    background-position: -176px -110px
}

.back-coupling .flag-pl {
    background-position: -192px -110px
}

.back-coupling .flag-pm {
    background-position: -208px -110px
}

.back-coupling .flag-pn {
    background-position: -224px -110px
}

.back-coupling .flag-pr {
    background-position: -240px -110px
}

.back-coupling .flag-ps {
    background-position: 0 -121px
}

.back-coupling .flag-pt {
    background-position: -16px -121px
}

.back-coupling .flag-pw {
    background-position: -32px -121px
}

.back-coupling .flag-py {
    background-position: -48px -121px
}

.back-coupling .flag-qa {
    background-position: -64px -121px
}

.back-coupling .flag-re {
    background-position: -80px -121px
}

.back-coupling .flag-ro {
    background-position: -96px -121px
}

.back-coupling .flag-rs {
    background-position: -112px -121px
}

.back-coupling .flag-ru {
    background-position: -128px -121px
}

.back-coupling .flag-rw {
    background-position: -144px -121px
}

.back-coupling .flag-sa {
    background-position: -160px -121px
}

.back-coupling .flag-sb {
    background-position: -176px -121px
}

.back-coupling .flag-sc {
    background-position: -192px -121px
}

.back-coupling .flag-scotland {
    background-position: -208px -121px
}

.back-coupling .flag-sd {
    background-position: -224px -121px
}

.back-coupling .flag-se {
    background-position: -240px -121px
}

.back-coupling .flag-sg {
    background-position: 0 -132px
}

.back-coupling .flag-sh {
    background-position: -16px -132px
}

.back-coupling .flag-si {
    background-position: -32px -132px
}

.back-coupling .flag-sk {
    background-position: -48px -132px
}

.back-coupling .flag-sl {
    background-position: -64px -132px
}

.back-coupling .flag-sm {
    background-position: -80px -132px
}

.back-coupling .flag-sn {
    background-position: -96px -132px
}

.back-coupling .flag-so {
    background-position: -112px -132px
}

.back-coupling .flag-sr {
    background-position: -128px -132px
}

.back-coupling .flag-st {
    background-position: -144px -132px
}

.back-coupling .flag-sv {
    background-position: -160px -132px
}

.back-coupling .flag-sy {
    background-position: -176px -132px
}

.back-coupling .flag-sz {
    background-position: -192px -132px
}

.back-coupling .flag-tc {
    background-position: -208px -132px
}

.back-coupling .flag-td {
    background-position: -224px -132px
}

.back-coupling .flag-tf {
    background-position: -240px -132px
}

.back-coupling .flag-tg {
    background-position: 0 -143px
}

.back-coupling .flag-th {
    background-position: -16px -143px
}

.back-coupling .flag-tj {
    background-position: -32px -143px
}

.back-coupling .flag-tk {
    background-position: -48px -143px
}

.back-coupling .flag-tl {
    background-position: -64px -143px
}

.back-coupling .flag-tm {
    background-position: -80px -143px
}

.back-coupling .flag-tn {
    background-position: -96px -143px
}

.back-coupling .flag-to {
    background-position: -112px -143px
}

.back-coupling .flag-tr {
    background-position: -128px -143px
}

.back-coupling .flag-tt {
    background-position: -144px -143px
}

.back-coupling .flag-tv {
    background-position: -160px -143px
}

.back-coupling .flag-tw {
    background-position: -176px -143px
}

.back-coupling .flag-tz {
    background-position: -192px -143px
}

.back-coupling .flag-ua {
    background-position: -208px -143px
}

.back-coupling .flag-ug {
    background-position: -224px -143px
}

.back-coupling .flag-um {
    background-position: -240px -143px
}

.back-coupling .flag-us {
    background-position: 0 -154px
}

.back-coupling .flag-uy {
    background-position: -16px -154px
}

.back-coupling .flag-uz {
    background-position: -32px -154px
}

.back-coupling .flag-va {
    background-position: -48px -154px
}

.back-coupling .flag-vc {
    background-position: -64px -154px
}

.back-coupling .flag-ve {
    background-position: -80px -154px
}

.back-coupling .flag-vg {
    background-position: -96px -154px
}

.back-coupling .flag-vi {
    background-position: -112px -154px
}

.back-coupling .flag-vn {
    background-position: -128px -154px
}

.back-coupling .flag-vu {
    background-position: -144px -154px
}

.back-coupling .flag-wales {
    background-position: -160px -154px
}

.back-coupling .flag-wf {
    background-position: -176px -154px
}

.back-coupling .flag-ws {
    background-position: -192px -154px
}

.back-coupling .flag-ye {
    background-position: -208px -154px
}

.back-coupling .flag-yt {
    background-position: -224px -154px
}

.back-coupling .flag-za {
    background-position: -240px -154px
}

.back-coupling .flag-zm {
    background-position: 0 -165px
}

.back-coupling .flag-zw {
    background-position: -16px -165px
}

.back-coupling .flag-ss {
    background-position: -32px -165px
}

.info .items {
    color: #8c2018;
    text-transform: uppercase;
    margin: 0;
    padding: 5px 0 22px;
    list-style: none;
    font-size: 0;
    letter-spacing: -4px
}

.items + .btn {
    background: #fff;
    color: #0086da;
    margin: 26px 0 0;
    transition: background .4s linear
}

.items b {
    text-transform: none;
    display: block;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 0;
    margin: 0 0 2px
}

.items li {
    display: inline-block;
    vertical-align: top;
    padding: 104px 14px 0;
    margin: 0;
    width: 248px;
    border-left: 1px solid #d53124;
    letter-spacing: 1px;
    position: relative;
    font: 11px/14px var(--font-base-black)
}

.items li:after {
    position: absolute;
    top: 0;
    left: 50%;
    width: 150px;
    margin: 0 0 0 -75px;
    height: 91px;
    content: "";
    background: url(../images/sprite-example.png?3) -450px 0 no-repeat
}

.b-page .items li, .alt-page .items li {
    width: 33.3334%;
    box-sizing: border-box
}

.items .pro:after {
    background-position: -600px 0
}

.items .message:after {
    background-position: -750px 0
}

.items .inter:after {
    background-position: -900px 0
}

.items .ride:after {
    background-position: -300px 0
}

.items .countries:after {
    background-position: -1050px 0
}

.items .music:after {
    background-position: -1200px 0
}

.items .hrs:after {
    background-position: -1350px 0
}

.items .ecommerce:after {
    background-position: 0 0
}

.items .cms-item:after {
    background-position: -1500px 0
}

.items .hands:after {
    background-position: -150px 0
}

.items .infrastructure:after {
    background-position: -1650px 0
}

.items .cost:after {
    background-position: -1800px 0
}

.items .world-dev:after {
    background-position: -1950px 0
}

.items li:first-child {
    border: 0
}

.info .note {
    color: #8c2018;
    font-size: 16px;
    line-height: 20px;
    display: inline-block;
    vertical-align: top;
    margin: 17px 0 0
}

.info .note a {
    color: #fff
}

.info .note a:after {
    padding: 6px 0 0 5px;
    line-height: 12px
}

.info .note a:hover {
    text-decoration: none;
    color: #fce1df
}

.testimonials:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.03) 0, rgba(0, 0, 0, 0) 100%);
    z-index: 10
}

.contact-popup input[type='submit'] {
    border: 0;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    font: 13px/50px var(--font-base-black) !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .2);
    float: left;
    height: 50px !important;
    padding: 0 30px !important;
    background: #dd3e31;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmNDMzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOTM5MmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to bottom, #ef4335 0, #c9392d 100%);
    color: #fff;
    border-radius: 2px;
    margin: 0 0 0 30px;
    position: relative;
    transition: none;
    box-shadow: none !important;
    white-space: nowrap
}

.contact-popup input[type='submit']:hover {
    background: #ef4335;
    color: #fff
}

.item-selected .price:after, .order-sum .price:after, .css-popup table span:after, .css-popup .notes:before, .checkout-box .price:after {
    font: 12px/16px 'SSStandard';
    text-indent: 0;
    content: '✓';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.checkout-box .change-log .price.added {
    color: #0086da
}

.checkout-box .change-log .price.deleted {
    color: #e12424
}

.checkout-box .change-log .price.deleted:after {
    content: '␡'
}

.details {
    position: relative;
    background: #f5f5f5;
    padding: 27px 30px 30px
}

.details .field-holder {
    padding: 0 222px 0 0
}

.details .cell {
    float: left;
    padding: 0 30px 22px 0;
    width: 33%
}

.details .cell:first-child {
    width: 34%
}

.details label {
    margin: 0 0 13px
}

.details .cell input {
    margin: 0
}

.details input.qt {
    width: 56px
}

.textarea-box textarea {
    padding: 9px 12px;
    height: 297px;
    min-height: 297px;
    box-shadow: none !important;
    border: 0;
    border-radius: 2px 2px 0 0;
    font: 16px/22px var(--font-base-roman);
    margin: 0;
    resize: none
}

.details .section, .a-phone .section {
    background: #ededeb;
    border-radius: 2px;
    border: 1px solid #dedfdf;
    box-shadow: 0 1px 0 0 #b1b1b1;
    margin: 0 30px 0 0
}

.a-phone .section {
    margin: 0 0 30px
}

.client-box .details .section {
    margin: 0
}

.textarea-box textarea {
    padding: 9px 12px;
    height: 297px;
    min-height: 297px;
    box-shadow: none !important;
    border: 0;
    border-radius: 2px 2px 0 0;
    font: 16px/22px var(--font-base-roman);
    margin: 0;
    resize: none
}

.file {
    color: #505050;
    position: relative;
    padding: 12px;
    min-height: 31px
}

.attach-list {
    margin: 0;
    padding: 0 0 0 12px;
    list-style: none;
    line-height: 36px;
    font-size: 13px;
    position: relative;
    z-index: 2;
    color: #828282;
    overflow: hidden
}

.attach-list li {
    overflow: hidden;
    float: left;
    margin: 12px 12px 0 0;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    padding: 0 34px 0 12px;
    position: relative
}

.attach-list li span {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 33%;
    background: rgba(0, 0, 0, .07);
    z-index: -1;
    content: ''
}

.attach-list .remove {
    position: absolute;
    width: 12px;
    height: 12px;
    top: 11px;
    right: 10px;
    text-indent: -999em;
    outline: 0;
    color: #828282
}

.chat-box .remove, .contact-popup .remove {
    top: 7px
}

.attach-list .remove:after {
    font: 12px/12px 'SSPika';
    content: '␡';
    position: absolute;
    top: 3px;
    left: 0;
    height: 100%;
    width: 100%;
    text-indent: 0
}

.file ul {
    padding: 5px 2px;
    text-transform: uppercase;
    font: 9px/21px var(--font-base-heavy);
    margin: 0;
    list-style: none;
    border-radius: 2px;
    background: #fff;
    display: inline-block;
    vertical-align: top;
    position: relative
}

.contact-popup .file ul {
    width: 95%;
    float: left
}

.file-bar:after {
    right: 100%;
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 4px;
    top: 50%;
    margin-top: -4px
}

.file .file-btn {
    float: left;
    width: 8px;
    height: 16px;
    background: url(../images/main.png?2) -144px 0 no-repeat;
    margin: 7px 8px 0 0;
    text-indent: -9999px;
    overflow: hidden
}

.file li {
    position: relative;
    float: left;
    margin: 0 -1px 0 0;
    padding: 0 9px 0 10px
}

.file li:after {
    content: '';
    width: 1px;
    height: 9px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -5px;
    background: #505050
}

.file li:last-child:after {
    display: none
}

.file a {
    color: #505050
}

.file a:hover {
    color: #000
}

.file-bar .drag-drop {
    font: 9px/19px var(--font-base-heavy);
    text-transform: uppercase;
    border: 1px dashed #b1b1b1;
    padding: 0 9px;
    height: 21px;
    width: 102px;
    box-shadow: none;
    float: left;
    cursor: default;
    background: #f5f5f5;
    white-space: nowrap
}

.contact-us .title {
    font: 11px/14px var(--font-base-black);
    display: block;
    margin: 0 0 8px;
    text-transform: uppercase;
    color: #000
}

.contact-us .contacts a {
    color: #0086da;
    margin: 0 7px 0 0
}

.contact-us .contacts a:hover {
    color: #0098f8
}

.badge label {
    overflow: visible !important;
    float: right !important;
    width: 171px;
    margin-right: -8px !important
}

.summary .badge label {
    width: 200px
}

.badge .drop {
    width: auto;
    padding: 9px;
    bottom: 28px;
    z-index: 10
}

.badge img {
    display: block
}

.badge .link-drop {
    display: inline-block;
    vertical-align: top;
    position: relative
}

.badge .link-drop:hover .drop {
    left: -2px
}

.contact-us .contacts .title {
    margin: 0 0 3px
}

.contact-us .contacts span:before {
    color: #0086da
}

.badge .link-drop b {
    font-family: var(--font-base);
    transition: color .2s ease;
    color: #0086da !important;
    cursor: pointer
}

.badge .link-drop:hover b {
    color: #0098f8 !important
}

.textarea-box {
    position: relative;
    background: #fff;
    padding: 0 0 12px !important;
    border-radius: 0
}

.textarea-box .resize {
    background: url(../images/bg-textarea-box.gif?2) no-repeat;
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
    text-indent: -999em;
    overflow: hidden;
    cursor: nw-resize
}

.textarea-box {
    position: relative;
    background: #fff;
    padding: 0 0 12px !important;
    border-radius: 0
}

.textarea-box .resize {
    background: url(../images/bg-textarea-box.gif?2) no-repeat;
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
    text-indent: -999em;
    overflow: hidden;
    cursor: nw-resize
}

.link-box {
    z-index: 3;
    background: #fff;
    padding: 2px 12px;
    position: absolute;
    left: 0;
    bottom: 12px;
    width: 100%
}

.link-box .txt-holder {
    padding: 0 77px 0 0;
    float: left;
    width: 100%
}

.link-box .btn {
    float: right;
    margin: 0 0 0 -70px
}

.link-box .txt-holder input[type='text'] {
    margin: 0;
    padding: 5px 12px 6px;
    box-shadow: 0 1px 0 0 #b1b1b0;
    border-radius: 2px;
    border: 1px solid #e5e7e7
}

.edit-box label {
    margin: 0 0 13px;
    color: #505050
}

.error:after, .wait-file:after, .error-file:after {
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(208, 59, 46, 0);
    border-bottom-color: #d03b2e;
    border-width: 6px;
    top: 100%;
    left: 24px;
    z-index: 10;
    margin: -61px 0 0
}

.required label, .details .row + label {
    font-family: var(--font-base-black)
}

.error:before, .wait-file:before, .error-file:before {
    white-space: nowrap;
    content: 'Please specify a valid email address ';
    background: #d03b2e;
    padding: 8px 12px;
    color: #fff;
    font: 11px/12px var(--font-base-medium-oblique);
    top: 100%;
    left: 12px;
    position: absolute;
    cursor: default;
    z-index: 10;
    border-radius: 2px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
    margin: -50px 0 0
}

.chat-form .error:before {
    margin: -5px 0 0;
    content: 'Please enter your message'
}

.error.password:before {
    content: "Your passwords don't match. Please re-enter your password"
}

.error.textarea-box:before {
    content: "Please enter your message"
}

.error.textarea:before {
    content: "Please enter your message"
}

.error.name:before {
    content: 'Please enter your name'
}

.error.l-name:before {
    content: 'Please enter your last name'
}

.error.notes:before {
    content: 'Please fill in the message field'
}

.error.tel:before {
    content: 'Please enter your phone number'
}

.error.company:before {
    content: 'Please type your company'
}

.error.expired:before {
    content: 'Sory! This coupon has been expired'
}

.error.used:before {
    content: 'Sory! This coupon has been used'
}

.error.invalid:before {
    content: 'Invalid code'
}

.error.addr:before {
    content: 'Please enter your address'
}

.error.city:before {
    content: 'Please enter your city'
}

.error.zip:before {
    content: 'Please enter a valid ZIP code';
    width: 78px;
    white-space: normal
}

.error.card:before {
    content: 'Please enter your credit card number'
}

.error.state:before {
    content: 'Please enter your state'
}

.error.cvv:before {
    content: 'Please enter your CVV';
    white-space: normal;
    width: 67px
}

.error.expiration:before {
    content: 'Please enter your expiration date';
    white-space: normal;
    width: 108px
}

.wait-file:before, .error-file:before {
    content: 'Please wait till file upload is finished';
    margin: -2px 0 0;
    left: -3px;
    text-transform: none
}

.wait-file:after, .error-file:after {
    margin-top: -13px;
    left: 9px
}

.error-file:before {
    content: 'Please upload your design sources or specify a link to your file(s)'
}

.rating-box {
    max-width: 1000px;
    margin: 0 auto 43px;
    text-align: center;
    color: #505050;
    font-family: var(--font-base-medium);
}

.rating-box div {
    display: inline-block;
    vertical-align: top
}

.rating-box .rating {
    display: block;
    background: url(../images/bg-rating.png?2) no-repeat;
    height: 13px;
    width: 72px;
    margin: 0 auto 8px
}

.rating span {
    background: url(../images/bg-rating.png?2) 0 100% no-repeat;
    display: block;
    height: 13px
}

.example-page {
    padding: 0
}

.example-page .iframe-holder {
    overflow: hidden;
    width: 100%
}

.example-page iframe {
    display: block;
    width: 100% !important
}

.code-title {
    text-align: center;
    padding: 25px 30px;
    background: #40484c;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ4NTA1MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MDQ4NGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #485053 0, #40484c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #485053), color-stop(100%, #40484c));
    background: -webkit-linear-gradient(top, #485053 0, #40484c 100%);
    background: -o-linear-gradient(top, #485053 0, #40484c 100%);
    background: -ms-linear-gradient(top, #485053 0, #40484c 100%);
    background: linear-gradient(to bottom, #485053 0, #40484c 100%);
    position: relative;
    font: 13px/18px var(--font-base-black);
    text-transform: uppercase;
    color: #fff;
    display: block;
    letter-spacing: 1px;
    z-index: 7
}

.code-title .drop {
    display: inline-block;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    z-index: 2;
    padding: 0 17px 15px 0;
    margin-bottom: -15px
}

.code-title .drop:before {
    content: '';
    position: absolute;
    top: 2px;
    right: 0;
    font: 11px 'SSStandard'
}

.code-title .drop li {
    padding: 3px 0
}

.code-title .drop ul {
    cursor: default;
    white-space: nowrap;
    margin: 0;
    padding: 4px 12px;
    list-style: none;
    text-align: left;
    position: absolute;
    top: 30px;
    display: none;
    min-width: 95px;
    background: #f5f5f4;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    right: 0;
    font: 11px/16px var(--font-base-medium);
    text-transform: uppercase;
    -webkit-box-shadow: 0 0 70px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 70px 0 rgba(0, 0, 0, .3)
}

.code-title .hover ul {
    display: block
}

.code-title .drop ul:after {
    bottom: 100%;
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(245, 245, 244, 0);
    border-bottom-color: #f5f5f4;
    border-width: 7px;
    right: 33px
}

.code-title .drop a {
    color: #41494c
}

.code-title .drop a:hover {
    color: #008ddd
}

.code-tabset {
    text-align: center;
    padding: 18px 30px;
    background: #f9fafa url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fff 0, #f4f6f6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f4f6f6));
    background: -webkit-linear-gradient(top, #fff 0, #f4f6f6 100%);
    background: -o-linear-gradient(top, #fff 0, #f4f6f6 100%);
    background: -ms-linear-gradient(top, #fff 0, #f4f6f6 100%);
    background: linear-gradient(to bottom, #fff 0, #f4f6f6 100%)
}

.code-tabset ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    vertical-align: top;
    font: 13px/32px var(--font-base-book);
}

.code-tabset li {
    float: left;
    position: relative;
    padding: 0 12px
}

.code-tabset li:before {
    position: absolute;
    content: '';
    height: 60px;
    left: 0;
    top: -15px;
    width: 1px;
    background: #e1e6e8 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RhZTBlMyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RhZTBlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYWUwZTMiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(218, 224, 227, 0) 0, rgba(218, 224, 227, 1) 50%, rgba(218, 224, 227, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(218, 224, 227, 0)), color-stop(50%, rgba(218, 224, 227, 1)), color-stop(100%, rgba(218, 224, 227, 0)));
    background: -webkit-linear-gradient(top, rgba(218, 224, 227, 0) 0, rgba(218, 224, 227, 1) 50%, rgba(218, 224, 227, 0) 100%);
    background: -o-linear-gradient(top, rgba(218, 224, 227, 0) 0, rgba(218, 224, 227, 1) 50%, rgba(218, 224, 227, 0) 100%);
    background: -ms-linear-gradient(top, rgba(218, 224, 227, 0) 0, rgba(218, 224, 227, 1) 50%, rgba(218, 224, 227, 0) 100%);
    background: linear-gradient(to bottom, rgba(218, 224, 227, 0) 0, rgba(218, 224, 227, 1) 50%, rgba(218, 224, 227, 0) 100%)
}

.code-tabset a {
    color: #000
}

.filter-section {
    max-width: 980px;
    margin: 5px auto 33px;
    font-size: 15px;
    line-height: 1.5
}

.filter-section > .holder {
    text-align: center
}

.filter-section .choose-filter {
    display: none;
    color: #0086da;
    cursor: pointer;
    position: relative;
    padding-right: 20px;
    font: 14px/20px var(--font-base-black);
}

.filter-section .choose-filter:after {
    font: 8px/20px 'SSStandard';
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    color: #474f52;
    -webkit-appearance: none;
    appearance: none;
    pointer-events: none
}

.filter-section .row {
    margin: 0 0 20px
}

.filter-section .row * {
    display: inline-block;
    vertical-align: middle
}

.filter-list li, .filter-section .check-box {
    display: inline-block;
    vertical-align: top;
    margin: 0 11px 0 0
}

.filter-section .title {
    margin: 0 10px 0 0;
    font-weight: bold
}

.filter-section input[type='checkbox'] {
    left: -999px
}

.filter-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.filter-list li {
    margin: 0 3px 7px 0;
    background: #fff;
    width: 120px;
    height: 37px;
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(205, 209, 210, 0.004);
    line-height: 37px;
    cursor: pointer;
    position: relative
}

.filter-list a {
    display: block;
    color: #505050
}

.filter-list label {
    vertical-align: top;
    display: block
}

.filter-list .active, .filter-list .reset, .filter-list .active .custom-select:after {
    background: #349ee0;
    color: #fff
}

.filter-list .active *, .filter-list .reset * {
    color: #fff
}

.filter-list .custom-select:after {
    top: 0;
    right: 0;
    height: 24px;
    line-height: 16px;
    padding-top: 13px;
    border: none !important
}

.filter-list .custom-select {
    margin: 0;
    display: block
}

.filter-list .custom-select .jcf-select {
    margin: 0
}

.filter-list .custom-select .jcf-select-area {
    box-shadow: none;
    border: 0;
    text-align: center !important;
    padding-right: 22px;
    cursor: pointer;
    font-size: 15px;
    height: 37px
}

.filter-list .custom-select .jcf-select-area:before {
    display: none
}

.jcf-list-holder {
    text-align: center
}

.jcf-list-holder {
    box-shadow: none;
    border: 0;
    font-size: 15px
}

.filter-list .custom-select select {
    height: 33px !important;
    padding: 6px 0
}

.filter-list .custom-select select:focus, .filter-list .custom-select select {
    border: none !important;
    box-shadow: none !important;
    width: 120px;
    color: #505050;
    text-align: center;
    cursor: pointer;
    background: 0
}

.filter-list .custom-select option {
    background: #fff;
    color: #505050;
    padding-right: 23px
}

.filter-disabled, .filter-disabled .jcf-select-area-text, .filter-disabled + label {
    pointer-events: none;
    color: silver
}

#footer {
    position: relative;
    z-index: 11;
    padding: 0 0 11px;
    width: 100%
}

#footer:after {
    position: absolute;
    bottom: 56px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #dee0e1;
    content: ''
}

.footer-holder {
    width: 980px;
    margin: 0 auto;
    padding: 30px 0 36px
}

#footer .section {
    float: right;
    width: 206px;
    margin: -1px 0 -3px
}

#footer .nav {
    font: 11px/14px var(--font-base-black);
    text-transform: uppercase;
    letter-spacing: 1px;
    float: left;
    width: 293px;
    margin: -3px 47px 0 0
}

#footer .nav .drop {
    z-index: 0
}

/*.nav ul {*/
/*    float: right;*/
/*    padding: 0;*/
/*    list-style: none;*/
/*    margin: 0*/
/*}*/

/*.nav ul:first-child {*/
/*    float: left*/
/*}*/

#footer .nav li {
    padding: 18px 0 0
}

#footer .nav li:first-child {
    padding: 0
}

/*.nav a {*/
/*    color: #505050;*/
/*    display: inline-block;*/
/*    vertical-align: top*/
/*}*/

/*.nav .tel {*/
/*    color: #828282;*/
/*    letter-spacing: 0*/
/*}*/

/*.nav a, .nav a:active {*/
/*    position: relative;*/
/*    transition: none*/
/*}*/

/*.nav .parent-drop {*/
/*    position: relative;*/
/*    z-index: 9*/
/*}*/

/*.nav .active .all {*/
/*    float: left;*/
/*    padding: 0 10px 4px 11px;*/
/*    border: solid #f5f5f5;*/
/*    border-width: 0 1px 1px 1px;*/
/*    border-radius: 0 0 4px 4px;*/
/*    margin: 0 -11px -5px -12px;*/
/*    position: relative;*/
/*    z-index: 9;*/
/*    background: #fff*/
/*}*/

/*.nav li:after {*/
/*    display: block;*/
/*    clear: both;*/
/*    content: ''*/
/*}*/

/*.nav .drop {*/
/*    border: 1px solid #f5f5f5;*/
/*    border-radius: 4px 4px 4px 0;*/
/*    position: absolute;*/
/*    left: -12px;*/
/*    width: 212px;*/
/*    padding: 9px 10px;*/
/*    display: none;*/
/*    background: #fff;*/
/*    font: 11px/14px var(--font-base-medium);*/
/*    z-index: -1;*/
/*    box-shadow: 0 -1px 0 0 #d6dadc*/
/*}*/

/*.nav ul:first-child .drop {*/
/*    width: 380px*/
/*}*/

/*.nav .active .drop {*/
/*    display: block*/
/*}*/

/*.nav .all:after {*/
/*    display: inline-block;*/
/*    vertical-align: top;*/
/*    color: #0086da;*/
/*    margin: 0 0 0 5px;*/
/*    font: 8px/15px 'SSPika';*/
/*    content: '+'*/
/*}*/

/*.nav .active .all:after {*/
/*    content: '-'*/
/*}*/

/*.nav .all:after:hover {*/
/*    color: #0098f8*/
/*}*/

/*.nav .drop ul {*/
/*    margin: 0;*/
/*    float: right*/
/*}*/

/*.nav .drop ul:first-child {*/
/*    float: left*/
/*}*/

/*.nav .drop ul li {*/
/*    padding: 7px 0 0*/
/*}*/

.tweet {
    line-height: 21px;
    font-size: 13px;
    float: right;
    width: 206px;
    margin: -9px 0 0
}

.tweet h4 {
    float: left;
    text-transform: uppercase;
    margin: 0;
    font: 11px/14px var(--font-base-black);
    letter-spacing: 1px
}

.tweet .date {
    display: inline-block;
    vertical-align: top;
    color: #c4c8ca;
    font: 13px/21px var(--font-base-roman);
}

.tweet .date:first-letter {
    text-transform: uppercase
}

.tweet .date:hover {
    color: #828282
}

.tweet p {
    margin: 2px 0 0;
    -webkit-word-break: break-all;
    -ms-word-break: break-all;
    word-break: break-all
}

#footer .news {
    font-size: 13px;
    line-height: 17px;
    float: left;
    width: 388px;
    position: relative
}

.news .area {
    background: #fff;
    position: relative;
    border-radius: 2px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);
    padding: 0 12px 0 0;
    margin: 0 0 12px;
    overflow: hidden;
    height: 113px
}

.news .area:after {
    bottom: 0;
    left: 0;
    position: absolute;
    height: 38px;
    width: 100%;
    content: '';
    border-radius: 0 0 2px 2px;
    background: #f0f;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 67%, rgba(255, 255, 255, 1) 100%);
    z-index: 2
}

.news .area:before {
    z-index: 2;
    height: 100%;
    width: 38px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 2px 2px 0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 67%, rgba(255, 255, 255, 1) 100%);
    content: ''
}

.news figure {
    float: left;
    margin: 0 20px 0 0;
    position: relative;
    z-index: 3
}

.news figure img {
    vertical-align: top
}

.news .txt {
    overflow: hidden;
    padding: 17px 0 0
}

.news h3 {
    white-space: nowrap;
    text-transform: none;
    margin: 0 0 3px;
    font: 16px/20px var(--font-base-black)
}

.news h3 a:hover {
    text-decoration: none
}

.news p {
    margin: 0
}

.news .date {
    letter-spacing: 1px;
    position: absolute;
    top: 28px;
    left: 24px;
    background: #120d36;
    font: 9px/11px var(--font-base-book);
    width: 35px;
    border-radius: 2px;
    text-align: center;
    padding: 5px 0;
    color: #fff
}

.news .date span {
    display: block;
    font-size: 12px
}

.social-network {
    margin: 0 0 17px
}

.social-network ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.social-network li {
    float: left;
    margin: 0 7px 0 0
}

.social-network a {
    float: left;
    color: #828282;
    text-indent: -999em;
    position: relative;
    text-align: center;
    width: 25px;
    height: 26px;
    outline: 0
}

.social-network a:after {
    content: '';
    font: 25px/34px 'SSSocial';
    text-indent: 0;
    position: absolute;
    top: 0;
    left: 0
}

.social-network a:hover {
    color: #00acdc;
    text-decoration: none
}

.social-network .facebook a:after {
    content: ''
}

.social-network .facebook a:hover {
    color: #3b5998
}

.social-network .linkedin a:after {
    content: ''
}

.social-network .linkedin a:hover {
    color: #0989a9
}

.social-network .rss a:after {
    content: ''
}

.social-network .google a:after {
    content: '\f613'
}

.social-network .google a:hover {
    color: #df4b39
}

.social-network .google a:after {
    content: '\f613'
}

.social-network .google a:hover {
    color: #df4b39
}

.social-network.style02 {
    right: 0
}

.social-network.style02 span, .social-network.style02 ul {
    display: inline-block;
    vertical-align: middle
}

.social-network.style02 span {
    color: #505050;
    margin: -5px 15px 0 0
}

.social-network.style02 li {
    margin-right: 8px
}

.social-network.style02 a {
    width: 30px;
    height: 30px;
    color: #2aa9e0
}

.social-network.style02 a:hover {
    opacity: .7
}

.social-network.style02 .facebook a {
    color: #2a60bb
}

.social-network.style02 .linkedin a {
    color: #02669a
}

.social-network.style02 .rss a {
    color: #fd6800
}

.social-network.style02 .google a {
    color: #df4b39
}

.social-network.style02 a:after {
    font-size: 30px
}

.thank-box {
    color: #505050;
    max-width: 874px;
    margin: 30px auto 47px;
    padding: 28px 30px 27px
}

.thank-box p b {
    font-family: var(--font-base-black);
    font-weight: normal
}

.thank-box p b strong {
    font-weight: normal;
    color: #dc3e31
}

.thank-contact {
    text-align: center;
    padding: 39px 30px 22px
}

.thank-contact p {
    margin: 0 0 19px
}

.thank-custom, .thank-quote-free {
    text-align: center;
    padding: 39px 30px 23px
}

.thank-custom p, .thank-quote-free p {
    margin: 0 0 18px
}

.thank-custom h3, .thank-quote-free h3 {
    font: 22px/26px var(--font-base-black);
    text-transform: none
}

.thank-custom .notes, .thank-quote-free .notes {
    display: block;
    font: 12px var(--font-secondary-light-italic);
}

.btn-deposite {
    margin: 0 0 18px;
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    letter-spacing: 1px;
    font: 13px/50px var(--font-base-black) !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .2);
    height: 50px !important;
    padding: 0 30px !important;
    background: #dd3e31;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmNDMzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOTM5MmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ef4335 0, #c9392d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ef4335), color-stop(100%, #c9392d));
    background: -webkit-linear-gradient(top, #ef4335 0, #c9392d 100%);
    background: -o-linear-gradient(top, #ef4335 0, #c9392d 100%);
    background: -ms-linear-gradient(top, #ef4335 0, #c9392d 100%);
    background: linear-gradient(to bottom, #ef4335 0, #c9392d 100%);
    color: #fff;
    border-radius: 2px;
    position: relative;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    white-space: nowrap
}

.btn-deposite:hover {
    background: #ef4335;
    color: #fff
}

.thank-custom .contact-info {
    font-size: 14px;
    line-height: 20px
}

.thank-box .text-box {
    text-align: center;
    color: #a5a5a5;
    font-size: 16px;
    line-height: 1.4;
    margin: -7px -5px -13px
}

.thank-box .text-box .title {
    color: #505050;
    display: block;
    margin: 0 0 11px
}

.thank-box .text-box p {
    margin-bottom: 10px
}

.thank-box .social-network {
    position: relative;
    padding: 18px 0 0;
    margin: 0;
    border-top: 1px solid #e6e6e6
}

.thank-box .social-network:after, .thank-box .social-network:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 50%;
    right: 0;
    height: 1px;
    background: #e6e6e6 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #e6e6e6 0, #fff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e6e6e6), color-stop(100%, #fff));
    background: -webkit-linear-gradient(left, #e6e6e6 0, #fff 100%);
    background: -o-linear-gradient(left, #e6e6e6 0, #fff 100%);
    background: -ms-linear-gradient(left, #e6e6e6 0, #fff 100%);
    background: linear-gradient(to right, #e6e6e6 0, #fff 100%)
}

.thank-box .social-network:before {
    right: 50%;
    left: 0;
    background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #fff 0, #e6e6e6 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fff), color-stop(100%, #e6e6e6));
    background: -webkit-linear-gradient(left, #fff 0, #e6e6e6 100%);
    background: -o-linear-gradient(left, #fff 0, #e6e6e6 100%);
    background: -ms-linear-gradient(left, #fff 0, #e6e6e6 100%);
    background: linear-gradient(to right, #fff 0, #e6e6e6 100%)
}

.social-network .google a:after {
    content: '\f613'
}

.social-network .google a:hover {
    color: #df4b39
}

.add {
    width: 980px;
    overflow: hidden;
    margin: 0 auto
}

.add:after {
    display: block;
    clear: both;
    content: ''
}

.add .copyright {
    float: left;
    font-size: 11px;
    padding: 1px 0 0
}

.add .copyright a {
    color: #8a9295
}

.add .copyright a:hover {
    color: #505050
}

.like {
    float: right;
    margin: 0 -15px 0 5px;
    padding: 0;
    list-style: none
}

.like li {
    float: left;
    margin: 0 0 0 16px
}

.like li #___plusone_0 {
    width: 100px !important
}

footer nav.section .active {
    position: relative;
    z-index: 10
}

footer nav.section .drop {
    bottom: 14px
}

.required, .client-box .password {
    position: relative;
    padding: 0 0 22px
}

.cell2 {
    float: left;
    width: 50%;
    padding: 0 15px 22px 0
}

.cell2 + .cell2 {
    padding: 0 0 22px 15px
}

.contact-us {
    overflow: hidden;
    width: 694px;
    margin: 30px auto 47px;
    background: #fff;
    padding: 0 30px 30px
}

.contact-us fieldset {
    float: left;
    width: 100%
}

.contact-us .details {
    box-shadow: none;
    margin: 0 -30px 30px;
    padding: 27px 30px 30px;
    border-radius: 5px 5px 0 0
}

.contact-us input.btn {
    float: right;
    width: 80px;
    padding: 0;
    margin: 0 0 0 -80px
}

.contact-us .section {
    margin: 0
}

.contact-us textarea {
    height: 165px;
    min-height: 165px
}

.contact-us .contacts {
    margin: -2px 92px 0 0
}

.contact-us .contacts span {
    margin: 0 3px 0 0
}

.popup, .popup-holder {
    width: 510px;
    border-radius: 5px;
    background: #fff;
    position: relative;
    padding: 30px 30px 24px;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, .1);
    z-index: 99
}

.popup-holder {
    width: auto
}

.popup .close, .order-section .column .close, .popup .resize-window, .chat-box .close, .order-info .close {
    position: absolute;
    top: 12px;
    right: 12px;
    text-indent: -999em;
    outline: 0;
    width: 12px;
    height: 12px;
    color: #505050;
    cursor: pointer
}

.popup .resize-window {
    right: 37px
}

.order-section .column .close:after, .popup .close:after, .chat-box .close:after, .popup .resize-window:after, .css-popup .no:after, .order-info .close:after {
    content: '␡';
    font: 13px/13px 'SSStandard';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: 0
}

.popup .resize-window:after {
    content: ''
}

.cms-popup {
    width: 550px;
    max-width: 90%;
    padding: 30px 30px 26px
}

.cms-popup.alt {
    padding: 15px 30px 21px;
    min-height: 506px
}

.cms-popup .intro-txt {
    border-bottom: 1px dotted #aeafae;
    margin: 0 -30px 22px;
    padding: 0 30px 18px;
    position: relative
}

.cms-popup .intro-txt.alt {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .08);
    padding: 0 30px 20px
}

.cms-popup .intro-txt .title {
    width: 223px;
    height: 47px;
    text-indent: -999em;
    overflow: hidden;
    display: block;
    margin: 0 0 6px;
    background: url(../images/cms-sprite.png?2) no-repeat
}

.cms-popup .intro-txt .joomla {
    background-position: 0 -52px
}

.cms-popup .intro-txt .magento {
    background-position: 0 -104px
}

.cms-popup .intro-txt .drupal {
    background-position: 0 -156px
}

.cms-popup .intro-txt .wp {
    background-position: 0 -208px
}

.cms-popup .title, .popup.holidays .title {
    font: 24px/30px var(--font-base-black);
    color: #505050;
    display: block;
    margin: 0 0 10px
}

.cms-scope {
    margin: 0 0 11px;
    padding: 0;
    list-style: none;
    color: #505050
}

.cms-scope > li {
    padding: 10px 0 0 0
}

.cms-scope > li:first-child {
    padding: 0
}

.cms-scope .sub-title {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    color: #0086da;
    font-family: var(--font-base-black);
    font-weight: normal
}

.cms-scope .sub-title:hover {
    color: #0098f8
}

.cms-scope .sub-title:before {
    margin: 5px 7px 0 0
}

.cms-scope .list li:after {
    background: #3b3f48
}

.cms-scope .active .list {
    display: block;
    margin: 0
}

.cms-popup .cms-scope + p {
    font-size: 13px;
    line-height: 17px;
    margin: 0
}

.cms-tabs {
    margin: 0 -30px 30px;
    padding: 0 30px 16px;
    list-style: none;
    border-bottom: 1px dotted #aeafae;
    font-family: var(--font-base-medium);
}

.cms-tabs li {
    float: left;
    padding: 0 12px;
    position: relative;
    border-left: 1px solid #a8a8a8;
    height: 16px
}

.cms-tabs a {
    float: left;
    margin: -2px 0;
    color: #44a1ea
}

.cms-tabs .active a {
    color: #505050
}

.cms-tabs li:first-child {
    border: 0;
    padding-left: 0
}

.popup-white {
    width: 462px;
    padding: 42px 40px 15px;
    text-align: center;
    font: 16px/25px Arial, Helvetica, sans-serif
}

.popup-white h2 {
    margin: 0 0 20px;
    letter-spacing: 3px;
    color: #454d50;
    text-transform: uppercase;
    font: 17px/24px var(--font-base-black) !important
}

.popup-white .img-holder {
    margin: 0 0 11px;
    background: url('../images/bg-easter-holder.png') no-repeat 41% 41%
}

.popup-white p {
    margin: 0 0 13px
}

.popup-white p a {
    color: #3083b7;
    text-decoration: underline
}

.popup-white p a:hover {
    text-decoration: none
}

.popup-white .close {
    top: 10px;
    right: 10px;
    color: #b0b4b5
}

.popup-white .close:after {
    font-size: 11px;
    line-height: 11px
}

.popup-white .text-row {
    max-width: 222px;
    position: relative;
    margin: 0 auto 28px
}

.popup-white .text-row:before {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    content: "";
    background: #dbdcdc
}

.popup-white .text-row em {
    position: relative;
    padding: 0 16px;
    letter-spacing: 1px;
    background: #fff;
    display: inline-block;
    vertical-align: bottom;
    font: 14px/22px var(--font-base-heavy-oblique);
    color: #ee958a
}

.popup-white .text-row em:after, .popup-white .text-row em:before {
    position: absolute;
    top: 50%;
    margin: -4px 0 0;
    width: 1px;
    height: 8px;
    content: "";
    background: #dbdcdc
}

.popup-white .text-row em:after {
    left: 0
}

.popup-white .text-row em:before {
    right: 0
}

.temporary-link {
    display: none;
    position: absolute;
    top: 160px;
    left: 50%;
    width: 40px;
    height: 40px;
    margin: 0 0 0 140px;
    text-indent: -9999px;
    overflow: hidden;
    transition: none;
    background: url('../images/sprite-easter.png') no-repeat
}

.temporary-link:hover {
    background-position: 0 -50px
}

.items .message .temporary-link {
    width: 28px;
    height: 28px;
    margin: 0;
    left: 58px;
    top: 32px;
    background-position: -50px 0
}

.items .message .temporary-link:hover {
    background-position: -50px -50px
}

.items .countries .temporary-link {
    width: 32px;
    height: 32px;
    margin: 0;
    left: 112px;
    top: 44px;
    background-position: -100px 0
}

.items .countries .temporary-link:hover {
    background-position: -100px -50px
}

.items .hands .temporary-link {
    width: 18px;
    height: 22px;
    margin: 0;
    left: 145px;
    top: 51px;
    background-position: -250px 0
}

.items .hands .temporary-link:hover {
    background-position: -250px -50px
}

.process .section .temporary-link {
    width: 30px;
    height: 30px;
    margin: 0;
    left: 475px;
    top: 16px;
    z-index: 9;
    background-position: -150px 0
}

.process .section .temporary-link:hover {
    background-position: -150px -50px
}

.product .temporary-link {
    width: 44px;
    height: 45px;
    margin: 0;
    left: 795px;
    top: 138px;
    z-index: 9;
    background-position: -200px 0
}

.product .temporary-link:hover {
    background-position: -200px -50px
}

.logos-map .temporary-link {
    width: 24px;
    height: 30px;
    margin: 0;
    left: -123px;
    top: 74px;
    background-position: 0 -100px
}

.logos-map .temporary-link:hover {
    background-position: 0 -150px
}

.error-500 {
    padding-top: 0;
    height: 100%;
    background: #1f2628 url(../images/bg-error-page.jpg) 50% 0
}

.error-500 .logo {
    float: none;
    display: block;
    margin: 0 auto 44px;
    opacity: .4
}

.page-error {
    background: #1f2628 url(../images/bg-error-page.jpg) 50% 0;
    padding: 215px 20px 232px;
    font-size: 16px;
    line-height: 1.3;
    color: #fff;
    text-align: center;
    min-height: 347px;
    position: relative;
    overflow: hidden
}

.error-500 .page-error {
    display: table;
    padding: 0;
    width: 100%;
    background: url(../images/img-error-page.png) no-repeat 50% -5px;
    height: 100%
}

.error-500 .page-error:after {
    display: none
}

.error-500 .page-error .holder {
    display: table-cell;
    padding: 92px 20px 402px;
    width: 100%;
    vertical-align: middle
}

.page-error > img {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: -150px 0 0;
    transform: translateX(-50%)
}

.page-error:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 -833px;
    width: 1666px;
    height: 604px;
    background: url(../images/img-error-page.png) no-repeat 50% -5px
}

.page-error > * {
    position: relative;
    z-index: 2
}

.page-error .error-code {
    display: block;
    opacity: .4;
    font: 48px/1.3 var(--font-base-black)
}

.page-error .title {
    display: block;
    text-transform: uppercase;
    font: 24px/1.5 var(--font-base-black);
    margin: 0 0 8px
}

.page-error .btn {
    margin-top: 25px
}

.page-error p a {
    color: #2eb9ff
}

.chat-popup, .contact-popup {
    background: #454d50;
    padding: 8px 12px 12px;
    width: 366px;
    max-width: 90%;
    color: #fff;
    box-shadow: 0 0 12px 3px rgba(0, 0, 0, .5)
}

.chat-popup {
    box-shadow: 0 0 12px 3px rgba(0, 0, 0, .1);
    position: fixed;
    left: auto;
    top: auto;
    right: 12px;
    bottom: 12px;
    z-index: 999
}

.chat-popup iframe {
    width: 100%;
    height: 335px
}

.chat-popup .close, .popup .resize-window, .contact-popup .close {
    color: #fff
}

.contact-popup {
    width: 444px
}

.contact-popup .section, .contact-popup .order-info {
    padding: 0;
    overflow: visible;
    border-radius: 2px;
    border: 1px solid #6d7578;
    box-shadow: 0 1px 0 #32383a;
    margin: 0 0 12px;
    background: #fff
}

.contact-popup .required input[type='text'], .contact-popup .required input[type='email'] {
    font-size: 12px;
    border-radius: 2px;
    border: 1px solid #6d7578;
    box-shadow: 0 1px 0 #32383a;
    padding: 9px;
    margin: 0
}

.textarea-box.error {
    border: 1px solid #db3e31 !important;
    box-shadow: 0 0 2px 0 #de574b !important;
    margin: -1px
}

.contact-popup .error input[type='text'], .contact-popup .error input[type='email'], .contact-popup .textarea-box.error {
    z-index: 9
}

.contact-popup .required {
    padding: 0 0 10px
}

.contact-popup .error:before {
    margin: -14px 0 0
}

.contact-popup .error:after {
    margin: -25px 0 0
}

.textarea-box.error:before {
    margin: -5px 0 0;
    z-index: 9
}

.textarea-box.error:after {
    margin: -16px 0 0;
    z-index: 9
}

.contact-popup input[type='submit'] {
    float: right;
    padding: 0 20px !important;
    font: 11px/37px var(--font-base-black) !important;
    height: 37px !important;
    text-shadow: none
}

.contact-popup textarea {
    height: 93px;
    min-height: 93px;
    font-size: 12px;
    padding: 9px;
    line-height: 16px
}

.contact-popup .contacts {
    margin: -2px 0 -1px;
    width: 290px
}

.contact-popup .contacts a {
    color: #fff
}

.contact-popup .contacts a:hover {
    color: #c8cacb
}

.contact-popup fieldset {
    float: left;
    width: 100%
}

.contact-popup .link-box {
    bottom: 12px
}

.chat-box .textarea-box {
    padding: 0 !important
}

.thank-txt {
    margin: 0 0 -7px;
    font-size: 12px;
    line-height: 16px
}

.thank-txt p {
    margin: 0 0 5px
}

.login-popup {
    background: #f5f5f4;
    padding: 20px 30px 30px;
    width: 247px
}

.login-popup .login-form {
    position: static;
    opacity: 1;
    width: 100%;
    padding: 0;
    background: 0;
    box-shadow: none;
    border-radius: 0
}

.login-popup .login-form:after {
    display: none
}

.login-popup.popup .title, .css-popup .title {
    font: 24px/28px var(--font-base-black);
    margin: 0 0 17px;
    display: block;
    color: #828282
}

.login-popup .note-form {
    margin: 10px 0 20px
}

.login-popup .close {
    color: #828282
}

.table-box tr:first-child th {
    padding: 14px 30px 11px;
    text-align: left;
    font: 13px/18px var(--font-base-black);
    text-transform: uppercase;
    color: #000;
    height: 48px;
    border-width: 0
}

.table-box th {
    white-space: nowrap
}

.checkout .table-box tr:first-child th {
    font: 16px/20px var(--font-base-black);
    padding: 10px 5px;
    text-align: right;
    font-weight: normal;
    border: 0;
    text-transform: none
}

.table-box td, .table-box th {
    border: 1px solid #e1e4e5;
    padding: 6px 30px
}

.tickets .status {
    text-align: center;
    width: 51px
}

.tickets .name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 558px
}

.tickets td.unread {
    font-family: var(--font-base-black)
}

.tickets a {
    color: #505050;
    position: relative;
    z-index: 2
}

.tickets a:hover {
    color: #000
}

.tickets .date {
    color: #828282;
    white-space: nowrap;
    border-right: 0
}

.tickets .invoice {
    border-right: 0
}

.chat-page {
    background: #eeeeec;
    margin: 20px;
    padding: 0;
    min-width: 320px
}

.chat-page .main-title {
    color: #fff;
    text-align: left;
    width: auto
}

.chat-page .title {
    color: #505050;
    font: 24px/28px var(--font-base-black);
    margin: 0 0 6px;
    display: block
}

.chat-box {
    overflow: hidden;
    border-radius: 2px;
    color: #505050
}

.chat-box, .chat-form textarea {
    background: #fff;
    border: 1px solid #e0e2e1;
    margin: 0 0 12px;
    position: relative;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3)
}

.chat-box .item-holder {
    padding: 12px 12px;
    overflow: auto;
    height: 217px;
    position: relative;
    z-index: 2
}

.login-info {
    display: block;
    padding: 6px 12px 8px;
    width: 100%;
    background: #ededeb;
    border-radius: 0 0 2px 2px;
    font-weight: normal;
    z-index: 10
}

.chat-form {
    position: relative;
    padding: 0 52px 0 0
}

.chat-form .submit {
    border: 0;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    font: 13px/50px var(--font-base-black) !important;
    color: #fff;
    border-radius: 2px;
    margin: 0 0 0 30px;
    transition: none;
    white-space: nowrap;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .4);
    width: 40px;
    height: 60px !important;
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -999em;
    overflow: hidden;
    padding: 0 !important;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
    background: #dd3e31;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmNDMzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOTM5MmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to bottom, #ef4335 0, #c9392d 100%)
}

.chat-form .submit:after {
    background: url(../images/ico-chat.png?3) no-repeat;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 23px;
    left: 11px;
    content: ''
}

.chat-form .submit input {
    z-index: 2
}

.chat-form .submit:hover {
    background: #ef4335;
    color: #fff
}

.chat-form textarea {
    margin: 0;
    font-size: 14px;
    line-height: 18px;
    height: 60px;
    min-height: 60px;
    padding: 8px 12px
}

.chat-form .error:before {
    margin: -5px 0 0;
    content: 'Please enter your message'
}

.chat-form .error:after {
    margin: -17px 0 0
}

.chat-box .item {
    clear: both;
    background: #fafafa;
    border: 1px solid #ededeb;
    position: relative;
    margin: 0 52px 9px 32px;
    border-radius: 3px;
    color: #828282;
    font-size: 12px;
    line-height: 16px;
    padding: 5px 9px
}

.chat-box .item:after, .chat-box .item:before {
    bottom: 0;
    right: -8px;
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    border-bottom-color: #fafafa;
    border-width: 8px
}

.chat-box .item:before {
    border-color: rgba(237, 237, 235, 0);
    border-bottom-color: #ededeb;
    border-width: 10px;
    right: -10px;
    bottom: -1px;
    z-index: -1
}

.contact-popup .title {
    display: block;
    margin: 0 0 7px;
    text-align: center;
    font: 13px/18px var(--font-base-roman);
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff
}

.contact-popup .attach-list {
    font-size: 12px;
    line-height: 28px;
    padding: 0 0 0 12px
}

.contact-popup .textarea-box .link-box input[type='text'] {
    padding: 5px 12px;
    font-size: 12px;
    margin: 0
}

.contact-popup .link-box .txt-holder {
    padding: 0 69px 0 0
}

.contact-popup .link-box .btn {
    height: 27px;
    line-height: 27px
}

.contact-popup .file {
    border-radius: 0 0 2px 2px;
    padding: 0 12px;
    background: #ededeb;
    min-height: 31px
}

.contact-popup .file:after {
    content: "";
    display: block;
    clear: both
}

.contact-popup .file-btn {
    margin-right: 0
}

.contact-popup .file-bar {
    background: 0
}

.chat-page #overlay {
    min-width: 320px;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important
}

.testimonials {
    text-align: center;
    position: relative;
    border-top: 1px dotted #b3b4b4
}

.review .testimonials, .product .testimonials {
    border: 0
}

.testimonials-holder {
    max-width: 980px;
    margin: 39px auto 42px;
    position: relative;
    height: 60px
}

.review .testimonials:before {
    display: none
}

.product .testimonials:before {
    display: none
}

.product .testimonials-holder {
    margin: 0;
    width: auto
}

.review .testimonials-holder {
    margin: 0 auto
}

.testimonials blockquote {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    display: none;
    font: 16px/20px var(--font-base);
}

.testimonials blockquote:before {
    display: none
}

.testimonials .active {
    display: block;
    opacity: 1
}

.items b {
    font-size: 20px;
    line-height: 24px
}

.cms .state-input, .contact-popup .file-bar:after, .product blockquote:before, .mobile-display {
    display: none
}

.jcf-hidden {
    display: block !important;
    position: absolute !important;
    left: -9999px !important
}

#nav ul ul li.we-serve {
    border-top: 1px dotted #a3a6a8;
    margin-top: 1px
}

.intro.style02 {
    height: 480px;
    background: 0
}

.intro-area {
    background: 0;
    height: auto
}

.intro-area.intro-hp .slide-holder {
    padding: 52px 20px
}

.intro-area.intro-hp .slide-holder:before {
    height: 376px
}

.intro.style02:before {
    display: none
}

.intro.style02 .section {
    width: 100%;
    margin: 0;
    left: 0;
    height: 480px
}

.intro .learn-more {
    letter-spacing: 1px
}

.intro.style02 .slide-holder, .intro-area .slide-holder {
    margin: 0 auto;
    max-width: 1020px;
    padding: 0 20px;
    font-size: 0;
    letter-spacing: -4px;
    min-height: 480px
}

.intro.style02 .slide-holder {
    position: absolute;
    min-height: 1px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1020px
}

.intro-area .slide-holder:before, .intro.style02 .slide-holder:before {
    content: '';
    display: inline-block;
    height: 100%;
    width: 1px;
    overflow: hidden;
    margin: 0 0 0 -1px;
    vertical-align: middle
}

.intro-area .slide-holder:before {
    height: 480px
}

.intro-area .photo, .intro.style02 .photo {
    margin: 0 -460px
}

.intro-area .section.dark-blue .content-holder, .intro-area .section.purple .content-holder, .intro.style02 .section.dark-blue .content-holder, .intro.style02 .section.purple .content-holder {
    top: 94px
}

.intro-area .content-holder.wide, .intro .content-holder.wide {
    width: 980px;
    top: 63px
}

.intro-area .content-holder .column, .intro .content-holder .column {
    float: right;
    width: 415px
}

.intro-area .content-holder .column:first-child, .intro .content-holder .column:first-child {
    float: left;
    width: 510px
}

.intro.style02 .prev, .intro.style02 .next {
    color: #fff;
    opacity: .6
}

.intro.style02 .prev:hover, .intro.style02 .next:hover {
    opacity: .9
}

.intro-area .photo img, .intro.style02 .photo img {
    height: 480px;
    margin: 0 auto;
    display: block;
    width: auto
}

.intro-area .section.purple, .intro.style02 .section.purple {
    background: #a051d3 url(../images/slide042.png) no-repeat 50%
}

.intro-area .section.blue, .intro.style02 .section.blue {
    background: #30ace0 url(../images/slide04.png) no-repeat 50%
}

.intro.style02 .section.orange {
    background: #f8683d url(../images/slide01.png) no-repeat 50%
}

.intro-area .section.orange2 {
    background: #f86338 url(../images/slide09.png) no-repeat 50%
}

.intro.style02 .section.green {
    background: #00b16a url(../images/slide03.png) no-repeat 50%
}

.intro-area .section.green3 {
    background: #00a560 url(../images/slide10.png) no-repeat 50%
}

.intro-area .section.green2, .intro.style02 .section.green2 {
    background: #078b40 url(../images/slide07.png) no-repeat 50%
}

.intro-area .section.dark-blue, .intro.style02 .section.dark-blue {
    background: #2c3e50 url(../images/slide05.png) no-repeat 50%
}

.intro-area .section.dark-blue2, .intro.style02 .section.dark-blue2 {
    background: #3c529b url(../images/slide06.png) no-repeat 50%
}

.intro-area .section.dark-blue3 {
    background: #3c529b url(../images/slide08.png) no-repeat 50%
}

.intro-area .section.dark-blue, .intro .section.dark-blue {
    background: #2c3e50;
    color: #eeefea;
    text-shadow: none
}

.intro-area .section.dark-blue h1, .intro .section.dark-blue h1 {
    text-shadow: 0 2px #182430
}

.intro-area .section.dark-blue mark, .intro .section.dark-blue mark {
    color: #f47c7f
}

.intro-area .text-section p, .intro.style02 p {
    margin: 0 0 25px
}

.intro-area p {
    margin-bottom: 16px
}

.intro-area .orange .content-holder, .intro-area .green .content-holder, .intro .orange .content-holder, .intro .green .content-holder {
    top: 133px
}

.intro-area .content-holder.wide, .intro-area .content-holder, .intro .content-holder.wide, .intro .content-holder {
    vertical-align: middle;
    display: inline-block;
    white-space: normal;
    position: static;
    font-size: 21px;
    line-height: 26px;
    letter-spacing: 0;
    width: auto;
    margin: 0;
    max-width: 530px
}

.intro-area .content-holder .column:first-child, .intro .content-holder .column:first-child {
    float: none;
    width: auto
}

.intro-area .text {
    display: block;
    font-size: 13px;
    opacity: .5;
    margin: 0 0 30px;
    letter-spacing: 1px
}

.paging {
    text-align: center;
    position: relative;
    clear: both;
    margin: 0 auto;
    max-width: 980px;
    padding: 0 40px
}

.paging .prev, .paging .next {
    position: absolute;
    top: 0;
    left: 0;
    width: 31px;
    text-indent: -999em;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.paging .next {
    right: 0;
    left: auto
}

.paging .next:after, .paging .prev:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '◅';
    font: 8px/34px SSStandard, Arial, Helvetica, sans-serif;
    color: #fff;
    text-indent: 0;
    text-align: center
}

.paging .next:after {
    content: '▻'
}

.paging ul {
    vertical-align: top;
    list-style: none;
    margin: 0 36px;
    padding: 0;
    white-space: nowrap
}

.paging li {
    display: inline-block;
    vertical-align: top;
    padding: 0 5px 5px 4px
}

.paging a, .paging span {
    float: left;
    background: #f5f5f5;
    width: 31px;
    height: 32px;
    color: #000;
    font-size: 16px;
    line-height: 33px;
    border-radius: 2px;
    box-shadow: 0 1px 0 0 #d1d1d0
}

.paging span {
    cursor: default
}

.paging .active span, .paging ul a:hover {
    background: #fff
}

.main-title {
    margin: 42px auto 24px;
    position: relative;
    padding: 0 20px;
    max-width: 1020px
}

.main-title sup, h2.main-title, h1.main-title {
    font-size: 14px;
    line-height: 28px
}

.main-title h1, .main-title h2 {
    color: #000;
    margin: 0;
    text-transform: uppercase;
    font: 24px/28px var(--font-base-black);
    letter-spacing: 1px;
    overflow: hidden
}

h2.main-title {
    font: 24px/36px var(--font-base-black);
    text-transform: uppercase;
    margin: 38px auto 20px;
    color: #000;
    text-align: center;
    letter-spacing: 1px
}

.alt-page .examples h2 {
    text-align: center;
    margin: 0 0 39px;
    text-transform: uppercase;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -1px
}

.wp-box h2, .visual-intro h2 {
    margin: 0 0 40px;
    font-size: 32px;
    line-height: 36px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px
}

.main-title .social-network {
    float: right;
    margin: 7px 0 0 38px;
    position: relative
}

.main-title .social-network li {
    margin: 0 0 0 10px
}

.main-title .social-network a {
    width: 29px;
    height: 29px
}

.main-title .social-network:before {
    content: '';
    position: absolute;
    top: -11px;
    left: -20px;
    width: 1px;
    height: 50px;
    background: #fefefe;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2ViZWVmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2JiYzdjZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2ViZWVmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to bottom, rgba(254, 254, 254, 1) 0, rgba(235, 238, 240, 1) 20%, rgba(187, 199, 206, 1) 50%, rgba(235, 238, 240, 1) 80%, rgba(255, 255, 255, 1) 100%)
}

.main-title .social-network a:after {
    font-size: 30px
}

.main-title .social-network .facebook a {
    color: #2a60bb
}

.main-title .social-network .linkedin a {
    color: #188ccf
}

.main-title .social-network .rss a {
    color: #fd6800
}

.main-title .intro-txt {
    float: right;
    text-transform: uppercase;
    font: 11px/15px var(--font-base-black);
    width: 355px;
    margin: -4px 0
}

#content {
    box-shadow: 0 1px 0 0 #cdd1d2;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    padding: 37px 30px;
    margin: 0 271px 0 0
}

#content p + h2, #content .list + h2 {
    padding: 27px 0 0
}

#content .list + h3, #content p + h3 {
    padding: 16px 0 0
}

#content h2 + h3 {
    padding: 4px 0 0
}

.table-box {
    overflow: hidden;
    position: relative;
    margin: 0 0 30px;
    color: #505050;
    font-size: 13px;
    line-height: 18px
}

.table-box table {
    border-collapse: collapse;
    float: left;
    margin: 0;
    width: 100%
}

.table-box:after, .order-sum:after, .bill-order:before, .bill-order:after {
    content: '';
    width: 100%;
    position: absolute;
    height: 10px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjA2Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMDYiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.06) 0, rgba(0, 0, 0, 0.06) 1%, rgba(0, 0, 0, 0) 100%);
    left: 0;
    top: 48px;
    display: block
}

.order-sum:after {
    border-top: 1px solid #e1e4e5
}

.order-sum tbody tr:first-child td {
    padding-top: 13px
}

.popup:not(.css-popup) .table-box table tr:first-child + tr th {
    padding-top: 10px
}

.order-sum tbody tr:first-child td:after {
    top: 44px
}

.table-box table table th {
    padding-top: 25px;
    padding-bottom: 0
}

#sidebar {
    float: right;
    width: 242px
}

.css-popup {
    width: 940px;
    max-width: 90%;
    padding: 20px 30px 0;
    background: #f5f5f5
}

.css-popup .title {
    color: #505050;
    margin: 0 0 24px
}

.css-popup .table-box {
    text-align: center;
    border-radius: 0 0 5px 5px;
    box-shadow: none;
    margin: 0 -30px;
    padding: 0 0 9px
}

.css-popup .close {
    color: #828282
}

.css-popup table {
    margin: 0 -1px 9px
}

.css-popup tr:first-child th {
    text-align: center
}

.css-popup .table-box th:first-child {
    text-align: left
}

.css-popup th {
    font-weight: normal
}

.css-popup table span {
    display: block;
    margin: 0 auto;
    width: 18px;
    height: 18px;
    text-align: center;
    color: #1a92dd;
    font-size: 13px;
    text-indent: -999em;
    position: relative
}

.css-popup .table-box table span:after {
    font-size: 13px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.css-popup .no, .css-popup .filter {
    color: #c3c3c3
}

.css-popup .notes {
    text-align: left;
    display: block;
    padding: 0 0 0 30px
}

.css-popup .notes:before {
    float: none;
    display: inline-block;
    vertical-align: top;
    color: #c3c3c3;
    margin: 2px 7px 0 0;
    position: static;
    width: auto;
    height: auto
}

.css-popup tr:first-child + tr td:after {
    opacity: .1
}

.popup.holidays {
    padding: 24px 30px 30px;
    width: 495px
}

.popup.holidays p {
    margin: 0 0 20px
}

.popup.holidays .close {
    opacity: .8
}

h4 {
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 5px
}

dl {
    margin: 0 0 5px
}

dd {
    margin: 0 0 0 30px
}

p {
    margin: 0 0 5px
}

.terms-usage {
    list-style: outside none none;
    margin: 0 0 15px;
    padding: 0
}

.terms-usage .terms-show:after {
    content: 'Show more [+]';
    display: inline-block;
    cursor: pointer;
    font-style: italic;
    color: #0086da
}

.terms-usage .active .terms-show:after {
    content: 'Hide [-]'
}

.terms-hidden {
    padding: 10px 0 0;
    overflow: hidden;
    display: none
}

.active > .terms-hidden {
    display: block
}

.list {
    margin: 0 0 5px;
    padding: 0;
    list-style: none
}

#content .list {
    margin: 0 0 5px 18px
}

.list li {
    padding: 0 0 0 16px;
    position: relative
}

.list li:after {
    content: '';
    width: 7px;
    height: 1px;
    background: #828282;
    position: absolute;
    top: 11px;
    left: 0
}

.list li:after {
    border-radius: 0;
    height: 1px;
    top: 11px
}

#main {
    overflow: hidden;
    background: #ededeb;
    border-top: 1px dotted #b3b4b4;
    position: relative
}

#main:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.03) 0, rgba(0, 0, 0, 0) 100%);
    z-index: 10
}

.prev-page, .next-page {
    position: fixed;
    top: 242px;
    left: 0;
    background: rgba(0, 0, 0, .25);
    border-radius: 0 3px 3px 0;
    text-indent: -9999px;
    outline: 0;
    width: 47px;
    height: 48px;
    color: #fff;
    text-align: center;
    z-index: 100
}

.prev-page:hover, .next-page:hover {
    background: rgba(0, 0, 0, .4);
    color: #fff
}

.next-page {
    left: auto;
    right: 0;
    border-radius: 3px 0 0 3px
}

.prev-page:after, .next-page:after {
    position: absolute;
    top: 0;
    left: 0;
    text-indent: 0;
    width: 100%;
    height: 100%;
    font: 16px/52px 'SSStandard';
    content: '⬅';
    text-align: center
}

.next-page:after {
    content: '➡'
}

.main-holder {
    max-width: 1000px;
    overflow: hidden;
    margin: 0 auto;
    padding: 30px 10px 47px
}

#sidebar .section {
    border: 2px solid #d5d9db;
    padding: 26px 30px 4px;
    border-radius: 3px;
    max-width: 242px;
    width: 242px
}

#sidebar h3 {
    margin: 0 0 22px;
    color: #000;
    text-align: center;
    padding: 0 0 7px;
    border-bottom: 2px solid #d5d9db;
    letter-spacing: 0
}

#sidebar .list {
    margin: 0 0 18px
}

#sidebar .list li {
    padding: 0 0 3px 16px
}

#sidebar .list li:after {
    background: #0086da
}

iframe[name="google_conversion_frame"] {
    height: 0
}

.subscribe-form {
    position: relative
}

.subscribe-form:after {
    content: "";
    clear: both;
    display: block
}

.subscribe-form .btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 116px;
    font-size: 13px
}

.subscribe-form input[type='text'], .subscribe-form input[type='email'] {
    float: left;
    width: 263px;
    margin: 0;
    border-radius: 3px;
    padding: 5px 12px 6px
}

#footer .subscribe-form .required {
    margin: 0 128px 0 0;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 #b1b1b0
}

#footer .subscribe-form input[type='text'], #footer .subscribe-form input[type='email'] {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.subscribe-form .answer-success, .subscribe-form .answer-error {
    visibility: hidden;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: -1px;
    bottom: -1px;
    background: #fff;
    color: #828282;
    font-size: 13px;
    line-height: 16px;
    padding: 8px 0
}

.subscribe-form.success .answer {
    display: block
}

.subscribe-form.subscribe-success .answer-success, .subscribe-form.subscribe-error .answer-error {
    -webkit-animation: answer-hover 5s;
    animation: answer-hover 5s
}

.subscribe-box {
    margin: 0 0 30px;
    border-radius: 3px;
    border: 2px solid #d5d9db;
    color: #505050;
    padding: 26px 32px 32px;
    text-align: center;
    position: relative
}

.subscribe-box h3 {
    font: 13px/20px var(--font-base-black);
    text-transform: uppercase;
    margin: 0 0 11px;
    letter-spacing: -0.3px
}

.subscribe-box input[type='text'], .subscribe-box input[type='email'] {
    margin: 0
}

.subscribe-box .btn {
    font-size: 11px;
    line-height: 32px;
    width: 100%
}

.subscribe-box .answer-success, .subscribe-box .answer-error {
    display: none
}

.subscribe-box.subscribe-success .answer-success, .subscribe-box.subscribe-error .answer-error {
    display: inline-block;
    vertical-align: middle;
    white-space: normal
}

.aside .subscribe-box .answer {
    visibility: hidden;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    white-space: nowrap;
    background: rgba(255, 255, 255, 0.95)
}

.subscribe-box.subscribe-success .answer, .subscribe-box.subscribe-error .answer {
    -webkit-animation: answer-hover 5.7s;
    animation: answer-hover 5.7s
}

@-webkit-keyframes answer-hover {
    0% {
        visibility: visible;
        opacity: 0
    }
    20% {
        opacity: 1
    }
    80% {
        opacity: 1
    }
    to {
        opacity: 0;
        visibility: hidden
    }
}

@keyframes answer-hover {
    0% {
        visibility: visible;
        opacity: 0
    }
    20% {
        opacity: 1
    }
    80% {
        opacity: 1
    }
    to {
        opacity: 0;
        visibility: hidden
    }
}

.aside .subscribe-box .answer:before {
    display: inline-block;
    vertical-align: middle;
    content: "";
    height: 100%;
    width: 1px;
    margin: 0 0 0 -5px
}

.subscribe-box .answer .txt {
    position: absolute;
    top: 50%;
    left: 10px;
    right: 10px;
    margin: -30px 0 0;
    font: 14px/20px var(--font-base);
}

.subscribe-form {
    position: relative
}

.subscribe-form:after {
    content: "";
    clear: both;
    display: block
}

.subscribe-form .btn {
    float: right;
    width: 116px;
    font-size: 13px
}

.subscribe-form input[type='text'], .subscribe-form input[type='email'] {
    float: left;
    margin: 0;
    width: 263px;
    border-radius: 3px;
    padding: 5px 12px 6px
}

.subscribe-form .answer-success, .subscribe-form .answer-error {
    visibility: hidden;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: -1px;
    bottom: -1px;
    background: #fff;
    color: #828282;
    font-size: 13px;
    line-height: 16px;
    padding: 8px 0
}

.subscribe-form.success .answer {
    display: block
}

.subscribe-form.subscribe-success .answer-success, .subscribe-form.subscribe-error .answer-error {
    -webkit-animation: answer-hover 5s;
    animation: answer-hover 5s
}

.aside .subscribe-box h3 {
    border: 0;
    padding: 0
}

.aside .subscribe-box .required {
    padding: 0 0 25px;
    margin: 0 0 -15px
}

.subscribe-box .error:before {
    left: 5px;
    margin: -28px 0 0
}

.subscribe-box .error:after {
    margin: -39px 0 0
}

#footer-form-subscribe .error:before {
    margin: 28px 0 0
}

#footer-form-subscribe .error:after {
    margin: 18px 0 0
}

.subscribe-box input[type='text'], .subscribe-box input[type='email'], .subscribe-form input[type='text'], .subscribe-form input[type='email'] {
    font-size: 13px;
    line-height: 18px;
    padding: 6px 12px;
    height: 32px
}

.subscribe-box input[type='text'], .subscribe-box input[type='email'] {
    font-size: 14px
}

.subscribe-box input[type='text'] {
    padding: 9px 12px;
    height: 38px;
    font-size: 13px;
    border-radius: 3px
}

.blog-subscribe input[type='text']:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 50px #fff !important;
    -webkit-text-fill-color: #050505 !important;
    color: #050505 !important
}

.wpcf7-form .error:before, .wpcf7-form .wait-file:before, .wpcf7-form .error-file:before, .wp-form .error:before, .wp-form .wait-file:before, .wp-form .error-file:before {
    margin: -27px 0 0
}

.wpcf7-form .error:after, .wpcf7-form .wait-file:after, .wpcf7-form .error-file:after, .wp-form .error:after, .wp-form .wait-file:after, .wp-form .error-file:after {
    margin: -38px 0 0
}

.subscribe-box input[type='text'], .subscribe-box input[type='email'], .subscribe-form input[type='text'], .subscribe-form input[type='email'] {
    font-size: 13px;
    line-height: 18px;
    padding: 6px 12px;
    height: 32px
}

.subscribe-box input[type='text'], .subscribe-box input[type='email'] {
    font-size: 14px
}

#footer .required {
    padding: 0
}

.chk-btn {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 20px;
    height: 20px;
    border: 1px solid #b6c3ca;
    border-radius: 2px;
    margin: 0 5px 0 0;
    background: #fff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGY4ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0, rgba(248, 248, 248, 1) 100%)
}

.chk-btn.dark {
    border-color: #616769;
    background: #464e51;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ2NGU1MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOTQyNDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to bottom, rgba(70, 78, 81, 1) 0, rgba(57, 66, 69, 1) 100%)
}

.chk-btn:after {
    position: absolute;
    top: -1px;
    left: 4px;
    color: transparent;
    content: '✓';
    font: 11px/23px 'SSStandard'
}

input[type="checkbox"]:checked + .chk-btn:after {
    color: #0085da
}

input[type="checkbox"]:checked + .chk-btn.dark:after {
    color: #ededeb
}

input[type="checkbox"]:focus + .chk-btn {
    box-shadow: 0 0 2px 0 #0098f8;
    border-color: #0098f8
}

input[type="checkbox"]:focus + .chk-btn.dark {
    border-color: #9fa1a1;
    box-shadow: 0 0 2px 0 #9fa1a1
}

input[type="checkbox"][disabled] + .chk-btn {
    background: #f2f2f2;
    border-color: #dbe1e5;
    box-shadow: none
}

input[type="checkbox"][disabled] + .chk-btn.dark {
    background: #616769;
    border-color: #616769
}

input[type="checkbox"][disabled] + .chk-btn:after {
    display: block
}

.order .add-box:after, .custom-tab .add-box:before, .client-box:before, .blog:after, #main:after, .examples:after, .process:after, .team-head:after, .visual-intro:before, .team:after, .info-case:after, .info-case:before, .client-box .details:before, .b2b-intro:before, .visual-intro.alt:after, .testimonials:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.03) 0, rgba(0, 0, 0, 0) 100%);
    z-index: 10
}

.visual-intro:before {
    content: '';
    position: absolute;
    left: 0;
    top: auto;
    width: 100%;
    height: 5px;
    z-index: 10;
    bottom: 0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wMyIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.03) 100%)
}

.visual-intro {
    color: #505050;
    position: relative;
    text-align: center;
    font-family: var(--font-base-medium);
    background: #f4f4f1;
    border-bottom: 1px dotted #b3b4b4;
    overflow: hidden
}

.visual-intro.alt {
    border-top: 1px dotted #b3b4b4
}

.visual-intro .holder {
    max-width: 1028px;
    margin: 0 auto;
    position: relative;
    height: 328px
}

.visual-intro.alt .holder {
    height: 230px
}

.visual-intro .txt {
    position: absolute;
    top: 33px;
    left: 0;
    z-index: 2;
    width: 100%;
    margin: 0 auto;
    padding: 0 65px
}

.visual-intro .photo {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.visual-intro .photo img {
    display: block;
    margin: 0 auto
}

.visual-intro .txt p {
    margin: 0 0 14px
}

.wp-box h2, .visual-intro h2 {
    margin: 0 0 40px;
    font-size: 32px;
    line-height: 36px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px
}

.visual-intro h2 {
    color: #000;
    margin: 0 0 33px
}

.wp-box h2 sup {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 18px;
    margin: 3px 0 0
}

.quote-form.style-02 {
    text-align: center;
    background: #0b0c0d;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBiMGMwZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzJlMzMzNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: linear-gradient(to bottom, rgba(11, 12, 13, 1) 0, rgba(46, 51, 54, 1) 30%)
}

.quote-form.style-02 .error:before {
    margin-top: -17px
}

.quote-form.style-02 .error:after {
    margin-top: -28px
}

.quote-form p {
    margin: 0 0 36px
}

.quote-form.style-02 h3 {
    font-size: 32px;
    line-height: 38px;
    margin: 0 0 24px
}

.quote-form.style-02 .quote-holder {
    max-width: 695px
}

.quote-form.style-02 .row {
    padding: 20px 8px 10px 20px
}

.quote-form.style-02 .cell {
    width: 33.33%;
    padding: 0 12px 12px 0
}

.quote-form .cell.big {
    width: 100%;
    margin: 0 0 8px
}

.quote-form textarea {
    border: 0;
    border-radius: 3px;
    box-shadow: none;
    padding: 14px 14px 13px;
    margin: 0;
    height: 96px;
    min-height: 96px;
    max-height: 96px;
    resize: none
}

.quote-form.style-02 input[type="submit"] {
    margin: 0 0 7px;
    display: inline-block;
    vertical-align: top;
    outline: 0;
    max-width: 315px
}

.quote-form .schedule {
    color: #56595d;
    font: 9px/12px var(--font-base-black);
    text-transform: uppercase;
    display: block;
    text-align: center;
    letter-spacing: 1.5px
}

.quote-form input:-webkit-autofill {
    box-shadow: 0 0 0 50px #fff inset;
    -webkit-text-fill-color: #000
}

.quote-form.style-02 .submit-holder {
    clear: both;
    background: #1b1d20;
    margin: 0 -8px -10px -20px;
    padding: 20px 20px 10px;
    border-radius: 0 0 3px 3px
}

.quote-holder {
    max-width: 970px;
    padding: 0 20px;
    margin: 0 auto
}

.quote-form input {
    margin: 0;
    box-shadow: none;
    border: 0;
    padding: 14px 14px 13px
}

.quote-form {
    background: #2e3336;
    color: #fff;
    padding: 43px 0 47px
}

.quote-form h3 {
    margin: 0 0 25px;
    text-transform: uppercase;
    font: 16px/20px var(--font-base-black);
    text-align: center
}

.quote-form input:focus {
    box-shadow: 0
}

.quote-form .row:before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    border: 11px solid transparent;
    width: 0;
    height: 0;
    border-bottom-color: #4e5457;
    margin-left: -11px;
    margin-bottom: -1px
}

.quote-form .quote-holder input {
    margin: 0;
    box-shadow: none;
    border: 0;
    padding: 14px 14px 13px
}

.quote-form .quote-holder .btn3 {
    display: block;
    width: 100%;
    color: #fff;
    padding: 0 20px;
    text-transform: uppercase;
    font-size: 16px
}

.quote-form .cell {
    float: left;
    width: 25%;
    padding: 0 12px 0 0;
    position: relative
}

.quote-form .btn3 {
    display: block;
    width: 100%;
    color: #fff;
    padding: 0 20px;
    text-transform: uppercase;
    font-size: 16px
}

.quote-form .error:before {
    margin-top: -5px
}

.quote-form .error:after {
    margin-top: -16px
}

.quote-form .error input, .quote-form .error textarea {
    box-shadow: inset 0 0 2px 0 #de574b, 0 0 4px 1px #de574b !important
}

.quote-form .row {
    background: #4e5457;
    border-radius: 3px;
    padding: 12px 0 12px 12px;
    position: relative
}

.examples {
    background: #ededeb;
    border-top: 1px dotted #b3b4b4;
    position: relative;
    padding: 30px 0;
    font-size: 12px;
    line-height: 18px;
    width: 100%;
    overflow: hidden
}

.examples:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.03) 0, rgba(0, 0, 0, 0) 100%);
    z-index: 10
}

.examples-holder {
    max-width: 1016px;
    margin: 0 auto;
    font-size: 0;
    letter-spacing: -4px
}

.examples-holder:after {
    display: block;
    clear: both;
    content: ''
}

.examples .item {
    position: relative;
    width: 33%;
    display: inline-block;
    vertical-align: top;
    height: 420px;
    margin: 0 2px 33px 0;
    padding: 0 14px;
    font-size: 12px;
    letter-spacing: 0;
    text-align: left
}

.examples .item > a {
    display: block;
    padding: 8px 5px 5px;
    box-shadow: 0 1px 0 0 #cdd1d2;
    background: #fff;
    border-radius: 5px
}

.examples .item > a:hover, .examples .info-box:hover + a {
    background: #fff;
    color: #0098f8
}

.examples .info-box {
    position: absolute;
    bottom: 14px;
    text-align: center;
    right: 31px
}

.info-box.hover-active {
    width: 100%;
    padding: 0 31px;
    right: 0
}

.info-box .btn {
    display: none;
    min-width: 124px;
    padding: 0 10px;
    position: absolute;
    bottom: 12px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.info-box.hover-active .btn {
    display: inline-block
}

.examples h3 {
    font-size: 16px;
    line-height: 20px;
    text-transform: none;
    letter-spacing: 0;
    margin: 0 0 7px 5px
}

.examples img {
    display: block;
    width: 100%;
    height: auto
}

.info-box .option-list {
    color: #fff;
    cursor: default;
    height: 26px;
    margin: 0;
    padding: 4px 5px;
    list-style: none;
    text-align: left;
    background: rgba(0, 0, 0, .65);
    border-radius: 2px;
    float: right
}

.info-box.hover-active .option-list {
    height: auto;
    padding: 8px 12px 71px;
    cursor: auto;
    float: none
}

.option-list li {
    display: inline-block;
    vertical-align: top;
    margin: -3px 0 0 5px;
    width: 17px;
    height: 22px;
    text-indent: -999px;
    overflow: hidden;
    background: url(../images/icons-example.png?5) -1px 3px no-repeat;
    text-overflow: ellipsis;
    white-space: nowrap
}

.info-box.hover-active .option-list li {
    text-indent: 0;
    vertical-align: top;
    padding: 4px 0 4px 25px;
    width: 50%;
    box-sizing: border-box;
    margin: 0 0 0 -3px
}

.info-box .js {
    background-position: 0 -750px;
    width: 18px
}

.info-box.hover-active .js {
    height: auto
}

.info-box .responsive {
    background-position: 0 -35px;
    width: 18px
}

.info-box .joomla {
    background-position: 0 -154px
}

.info-box .font-face {
    background-position: -1px -71px;
    width: 16px
}

.info-box .magento {
    background-position: -1px -259px;
    width: 16px
}

.info-box .drupal {
    background-position: -1px -188px;
    width: 16px
}

.info-box .wp {
    background-position: -1px -224px;
    width: 16px
}

.info-box .email {
    background-position: -2px -334px;
    width: 14px
}

.info-box .flexible {
    background-position: -1px -366px;
    width: 16px
}

.info-box .w3c {
    background-position: -2px -400px;
    width: 14px
}

.info-box .mobile {
    background-position: -1px -435px;
    width: 13px
}

.info-box.hover-active .mobile {
    height: auto
}

.info-box .ie {
    background-position: 0 -472px;
    width: 18px
}

.info-box .dreamweaver {
    background-position: -0 -508px;
    width: 18px
}

.info-box .mailchimp {
    background-position: -0 -545px;
    width: 16px
}

.info-box .campaignm {
    background-position: -0 -583px;
    width: 22px
}

.info-box .print {
    background-position: -0 -626px;
    width: 17px
}

.info-box .bootstrap {
    background-position: 2px -661px
}

.info-box .shopify {
    background-position: 0 -699px;
    width: 18px
}

.option-list li:first-child {
    margin-left: 0
}

.info-box.hover-active li:first-child {
    margin: 0 0 0 -3px
}

.info-box.hover-active .alt li, .info-box.hover-active li.alt {
    width: 100%;
    white-space: normal
}

.wpcf7-form .error:before, .wpcf7-form .wait-file:before, .wpcf7-form .error-file:before, .wp-form .error:before, .wp-form .wait-file:before, .wp-form .error-file:before {
    margin: -27px 0 0
}

.wpcf7-form .error:after, .wpcf7-form .wait-file:after, .wpcf7-form .error-file:after, .wp-form .error:after, .wp-form .wait-file:after, .wp-form .error-file:after {
    margin: -38px 0 0
}

.order-summary-form .cell.pages, #section-email .order-summary-form .cell.phone, #section-email .order-summary-form .default-txt-holder, .order-summary-form .email-txt-holder, .no-cms-alt, .project-no-cms .no-cms-wrappe, .project-custom-price .state-default-text, .cms-custom-price .total .state-default-text, .state-custom-text, .markup-custom-price .state-default-text, .cms-custom-price .cms-total-info .state-default-text, .cms-custom-price .project-total-info .time.state-default-text, .doctype-xhtml .opt-html5, .doctype-html5 .opt-xhtml, .cms .state-input, .package .state-input, .layout-switcher .state-input, .cms-scope .list, .chat-box .file-bar:after, .contact-popup .file-bar:after, .alt .info-title:after, ul.active .info-title + b, .open-state .smiles-box, .client-box .password + .error:before, .client-box .password + .error:after, .open .comments, .order-sum .active .delivery b, .order-sum .active .cost b, .order-sum .all, .add-markup li:first-child:before, .add-markup li:first-child:after, .code-tabset li:first-child:before, .code-tabset li:first-child:after, .product blockquote:before, .intro blockquote:before, .project-no-cms .no-cms-wrapper, .chat-box .ave:before, .chat-box .ave:after, .layout-desktop .info-responsive, .layout-responsive .info-desktop {
    display: none
}

#section-email .order-summary-form .cell.pages, #section-email .order-summary-form .email-txt-holder, .project-no-cms .no-cms-alt, .visual-intro .photo img, .package-hiend .title-hiend-package, .responsive-package-active.package-pro .title-responsive-pro-package, .responsive-package-active.package-hiend .title-responsive-hiend-package, .package-pro .title-pro-package {
    display: block
}

.project-custom-price .state-custom-text, .markup-custom-price .state-custom-text, .cms-custom-price .cms-total-info .state-custom-text, .cms-custom-price .total .state-custom-text {
    display: inline
}

.opt-html5, .opt-xhtml {
    border: 0 !important
}

.mobile-package-active .qt-layout-doctype, .package-hiend .title-pro-package, .title-mobile-package, .title-mobile-package, .title-pro-package, .title-hiend-package, .responsive-package-active .title-pro-package, .responsive-package-active .title-hiend-package, .title-responsive-pro-package, .title-responsive-hiend-package, .mobile-display {
    display: none
}

#contact .details .cell2.parent-focus input {
    box-shadow: 0 1px 0 0 #b1b1b0 !important;
    border-color: #e5e7e7 !important
}

#nav .login-box, #nav .separator, #nav .login-box > a, #nav .separator > a {
    border-left: 1px solid transparent
}

.img-slider .paging ul {
    white-space: normal
}

.poll-answers {
    overflow: hidden;
    padding: 6px 0 10px
}

.poll-answers button {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #b6c3ca;
    border-radius: 2px;
    margin: 0 0 0 3px;
    padding: 0;
    color: #505050;
    font: 11px/26px var(--font-base-black);
    width: 60px;
    height: 30px;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    background: #fff linear-gradient(to bottom, #fff 0, #f7f9f8 100%)
}

.poll-answers button:hover {
    background: #fff
}

.poll-question.sending {
    position: relative
}

.poll-question.sending > form {
    opacity: .2
}

.poll-question.sending:after, .poll-question.sending:before {
    content: '';
    position: absolute;
    z-index: 99
}

.poll-question.sending:after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.poll-question.sending:before {
    top: 50%;
    left: 50%;
    width: 44px;
    height: 44px;
    margin: -22px 0 0 -22px;
    background: url(../images/ico-load.gif) no-repeat
}

.inform-list {
    margin: 0;
    padding: 0 0 15px;
    list-style: none;
    text-transform: uppercase;
    color: #414a4d;
    font: 13px/1.5 var(--font-base-black)
}

.inform-list li {
    display: inline-block;
    vertical-align: top;
    padding: 0 20px 20px;
    margin: 0 -4px;
    width: 25%;
    text-align: center;
    position: relative
}

.inform-list p {
    margin: 0
}

.inform-list .separator {
    position: absolute;
    top: 25px;
    width: 50%;
    right: -25%;
    height: 1px;
    border-top: 1px dotted #d8d8d7
}

.inform-list .separator:after, .inform-list .separator:before {
    content: '';
    position: absolute;
    top: -4px;
    width: 4px;
    height: 4px;
    background: #ededeb;
    border: 1px solid #d8d8d7;
    border-radius: 100%
}

.inform-list .separator:before {
    left: 0
}

.inform-list .separator:after {
    right: 0
}

.inform-list img {
    display: block;
    margin: 0 auto 15px
}

.inform-list strong {
    color: #5da1de;
    font-size: 20px;
    font-weight: normal
}

.team-head .visual-intro .holder {
    height: auto
}

.team-head .visual-intro .txt {
    position: static;
    padding: 33px 0 23px;
    max-width: 930px
}

.promo-area {
    min-height: 568px;
    padding: 20px 0;
    z-index: 2;
    white-space: nowrap;
    overflow: hidden;
    background: #3d1a56 url(../images/bg-promo.jpg) 50% 50% no-repeat;
    background-size: cover
}

.promo-area.wp-area {
    background: #001f3b url(../images/wp-page/bg-wp-intro.jpg) no-repeat 50% 0;
    background-size: cover
}

.promo-area.sketch-area {
    background: #3d1a56 url(../images/bg-promo-sketch.jpg) 50% 50% no-repeat;
    background-size: cover
}

.promo-area:before, .promo-area > .holder, .promo-area .text-holder, .promo-area .form-holder, .promo-area .more {
    display: inline-block;
    vertical-align: middle
}

.promo-area:before {
    content: '';
    height: 568px;
    width: 1px;
    overflow: hidden;
    margin: 0 0 0 -5px
}

.promo-area > .holder {
    white-space: normal;
    position: relative;
    width: 100%;
    font-size: 0;
    letter-spacing: -4px
}

.promo-area .frame {
    max-width: 1020px;
    padding: 0 20px;
    margin: 0 auto
}

.promo-area .text-holder {
    width: 53%;
    margin: 0 12% 0 0;
    color: #fff;
    font-size: 18px;
    line-height: 29px;
    letter-spacing: 0
}

.promo-area .twitter-logo {
    color: #6f5795;
    text-transform: uppercase;
    display: block;
    font-size: 18px;
    line-height: 20px;
    margin: 0 0 18px
}

.promo-area .twitter-logo [class*="icon-"] {
    font-size: 16px;
    margin: 0 7px 0 0
}

.promo-area h1 {
    font: 60px/62px var(--font-base-black);
    margin: 0 0 19px
}

.promo-area p {
    margin: 0 0 22px
}

.promo-area .form-holder {
    width: 35%;
    font-size: 16px;
    letter-spacing: 0;
    box-shadow: 0 1px #202a2d;
    padding: 26px 30px 20px;
    background: #fff;
    border-radius: 3px;
    padding: 25px 30px 20px
}

.promo-area .more {
    border-radius: 2px;
    border: 1px solid rgba(255, 255, 255, .5);
    text-align: center;
    height: 50px;
    background: rgba(255, 255, 255, .0);
    letter-spacing: 1px;
    position: relative;
    padding: 0 20px;
    line-height: 48px;
    font: 11px/48px var(--font-base-book);
    color: #fff;
    text-transform: uppercase
}

.promo-area .more:hover {
    background: rgba(255, 255, 255, .1);
    text-decoration: none
}

.promo-area .form-holder input {
    box-shadow: none
}

.promo-area .form-holder h3 {
    font: normal 18px/22px var(--font-base-black);
    color: #000;
    margin: 0 0 25px;
    text-align: center;
    letter-spacing: 0
}

.promo-area .form-holder input[type="text"], .promo-area .form-holder textarea {
    border: 1px solid #dcdcdc;
    box-shadow: none;
    border-radius: 2px;
    font-size: 15px;
    line-height: 19px;
    padding: 9px 13px;
    margin: 0 0 20px;
    height: 39px
}

.promo-area .form-holder textarea {
    min-height: 69px;
    max-height: 200px;
    min-width: 0;
    max-width: 100%;
    width: 100% !important;
    height: 69px
}

.promo-area .form-holder input[type="submit"] {
    display: block;
    width: 182px;
    height: 46px;
    border-radius: 3px;
    color: #fff;
    font: 14px/16px var(--font-base-black);
    text-transform: uppercase;
    margin: 10px auto;
    border: 0;
    padding: 0;
    background: #e74032 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3NDAzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMjNiMmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to bottom, #e74032 0, #d23b2e 100%);
    cursor: pointer
}

.promo-area .form-holder input[type="submit"]:hover {
    background: #d23b2e url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyM2IyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNzQwMzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to bottom, #d23b2e 0, #e74032 100%)
}

.promo-area .form-holder input[type="text"], .promo-area .form-holder input[type="email"], .promo-area .form-holder input[type="tel"], .promo-area .form-holder textarea {
    resize: none;
    margin: 0
}

.promo-area .form-holder .wpcf7-form-control-wrap {
    display: block;
    padding: 0 0 20px;
    position: relative
}

.intro .more + .btn-white, .intro-area .more + .btn-white {
    margin-left: 10px
}

.btn-white {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    border-radius: 2px;
    height: 50px;
    padding: 0 20px;
    font: 11px/50px var(--font-base-book);
    letter-spacing: 1px;
    text-decoration: none;
    text-align: center;
    color: #3b539b;
    background: #fff;
    background: rgba(255, 255, 255, 1);
    text-shadow: none
}

.btn-white:hover {
    background: rgba(255, 255, 255, 0.8)
}

.intro-area .btn-white + br, .intro .btn-white + br {
    display: none
}

@media only screen and (min-width: 701px) {
    #nav > ul > .hover > .order-link, #nav .order-link, #nav .order-link:hover {
        background: #0086da;
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMzQ5ZWUwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjMDA4NmRhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwODZkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: linear-gradient(135deg, #349ee0 0, #0086da 40%, #0086da 100%);
        text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
        color: #fff;
        font-family: var(--font-base-black);
    }
}

@media only screen and (max-width: 1279px) {
    #banner-link {
        display: none !important
    }

    .alt-page #nav .request .order-link {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media only screen and (max-width: 1100px) {

    #nav {
        margin: 0 -8px 0 -50px
    }

    /*.logo {*/
    /*    margin: 17px 15px 0 30px;*/
    /*}*/
}

@media only screen and (max-width: 1060px) {
    html, body {
        min-width: 320px !important
    }

    .paging {
        padding: 0 50px
    }

    .paging .prev {
        left: 14px
    }

    .paging .next {
        right: 14px
    }

    .intro .prev, .intro .next {
        left: auto;
        top: auto !important;
        bottom: 18px;
        right: 72px;
        opacity: .7;
        color: #fff
    }

    .intro .next {
        right: 18px
    }

    .product {
        width: auto
    }

    .rating-box {
        width: auto
    }

    .dev-holder {
        width: auto;
        max-width: 1060px
    }

    .items {
        font-size: 0;
        letter-spacing: -4px;
        background-position: 50% 0
    }

    body:not('.alt-page') .info .items {
        padding-bottom: 0
    }

    .items li {
        font: 11px/14px var(--font-base-black);
        letter-spacing: 0;
        width: 200px;
        padding: 104px 10px 0
    }

    .main-holder {
        padding: 30px 25px 47px
    }

    .dev-info .container .column {
        width: 100%;
        text-align: center !important
    }

    .dev-info p br {
        display: none
    }

    .dev-info a {
        padding: 78px 12px 43px
    }
}

@media only screen and (max-width: 1016px) {
    body {
        min-width: 320px
    }

    #nav ul {
        float: none;
        width: auto;
        display: inline-block;
        vertical-align: top
    }

    .mobile-display {
        display: block
    }

    #nav {
        float: none;
        border: 0;
        border-top: 1px solid rgba(255, 255, 255, .1);
        box-shadow: inset 0 1px 0 0 #35393b;
        margin: 23px 0 0;
        display: none
    }

    #nav .drop {
        transition: none
    }

    .active-panel #nav {
        display: block
    }

    #nav ul {
        border: 0
    }

    .menu {
        display: block
    }

    #nav li > a {
        padding: 0 10px
    }

    #nav li > a.order-link {
        clear: none
    }

    #nav .red-box {
        position: static;
        transform: translateX(0);
        float: left;
        height: 67px;
        font-size: 13px;
        line-height: 67px;
        text-transform: uppercase;
        padding: 0 10px;
        border-radius: 0;
        width: auto;
        margin-top: 1px;
        clear: none
    }

    #nav .red-box:before {
        display: none
    }

    .header-holder {
        padding: 0;
        float: left;
        width: 100%
    }

    .intro .section {
        width: 100%;
        left: 0;
        margin: 0 18px
    }

    .intro-area .slide-holder, .intro.style02 .slide-holder {
        width: 100%
    }

    .intro-area .slide-holder {
        position: relative;
        z-index: 2
    }

    .intro-area, .intro {
        font-size: 18px;
        line-height: 24px
    }

    .intro-area h1, .intro h1 {
        font-size: 40px;
        line-height: 44px
    }

    /*.logo {*/
    /*    float: none;*/
    /*    display: block;*/
    /*    margin: 16px auto 0;*/
    /*    position: relative;*/
    /*}*/

    /*.logo img {*/
    /*    display: block;*/
    /*    width: 100%;*/
    /*    height: auto*/
    /*}*/

    .btn-chat {
        display: none
    }

    .product {
        padding: 47px 20px 42px;
        width: auto
    }

    .info-holder {
        width: auto;
        padding: 0 20px
    }

    .info .items {
        width: auto;
        margin: 0 auto -30px
    }

    .items li {
        border-color: #df3224;
        margin: 0 0 53px;
        font-size: 11px;
        line-height: 14px;
        letter-spacing: 0
    }

    .footer-holder {
        width: auto;
        padding: 30px 0 21px;
        margin: 0 0 18px;
        border-bottom: 1px solid #dee0e1
    }

    #footer {
        padding: 0 18px 11px;
        width: auto
    }

    #footer:after {
        background: 0
    }

    .add {
        width: auto
    }

    #footer .nav {
        margin: -3px 47px 20px 0
    }

    #footer .news {
        width: auto;
        overflow: hidden;
        float: none;
        padding: 8px 8px 30px;
        margin: 0 0 -22px;
        top: -8px
    }

    #footer .news + .section {
        float: none;
        width: auto;
        clear: both
    }

    #footer .tweet {
        float: none;
        width: auto
    }

    .logos {
        background-position: 50% 50%;
        background-size: 100% auto
    }

    .chat-page {
        padding: 25px 18px 30px;
        min-width: 284px;
        margin: 0
    }

    h2.main-title {
        margin: 20px auto
    }

    .main-holder {
        padding: 30px 15px 47px
    }

    #nav li > a {
        margin-top: 1px
    }

    .visual-intro .holder {
        padding: 33px 18px 0;
        height: auto
    }

    .visual-intro.alt .holder {
        min-height: 0;
        height: auto
    }

    .visual-intro .txt {
        position: static;
        padding: 0
    }

    .visual-intro .photo {
        position: static
    }

    .visual-intro .photo img {
        width: 100%;
        height: auto
    }

    .examples .item {
        height: auto;
        font-size: 11px;
        text-overflow: ellepsis
    }

    .examples-holder {
        width: 100%;
        padding: 0 16px
    }

    .promo-area h1 {
        font-size: 50px;
        line-height: 56px
    }

    .promo-area .text-holder {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (max-width: 998px) {
    #footer .tweet {
        float: none;
        width: auto
    }

    .css-popup table {
        display: block;
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden
    }
}

@media only screen and (max-width: 880px) {
    .filter-section {
        margin: 5px 31px 25px;
        border: 1px solid #c1cad1;
        border-radius: 3px;
        padding: 10px;
        line-height: 1.2
    }

    .filter-section > .holder {
        max-height: 0;
        transition: max-height .5s ease-out;
        overflow: hidden;
        margin: 0 -3px;
        padding: 0 3px;
        text-align: left
    }

    .filter-section.active > .holder {
        max-height: 800px
    }

    .filter-section .choose-filter {
        display: block
    }

    .filter-section.active .choose-filter:after {
        content: "\f500"
    }

    .filter-section .row {
        margin-top: 15px
    }

    .filter-section .title {
        display: block;
        margin: 0 0 10px
    }

    .filter-section .check-box {
        display: block;
        margin: 0 0 10px
    }

    .filter-list {
        margin-right: -4px
    }

    .filter-list .custom-select select:focus, .filter-list .custom-select select, .filter-list li {
        width: 114px
    }

    .filter-list li {
        text-align: center;
        margin: 0 4px 8px 0
    }

    .inform-list {
        margin: 0 -20px
    }

    .inform-list li {
        width: 50%;
        padding: 0 0 20px
    }

    .inform-list .separator {
        right: -22%
    }

    .inform-list li:nth-child(even) .separator {
        display: none
    }

    .client-box .checkout-box b {
        position: static;
        display: block;
        overflow: hidden;
        margin: 0 -26px 0 0;
        padding: 0
    }

    .slider input {
        float: left;
        margin: 3px 10px 0 0
    }

    .slider label {
        margin: 0;
        display: block;
        text-align: left;
        overflow: hidden
    }

    body:not(.alt-page) .info .items {
        max-width: 500px;
        overflow: hidden
    }

    body:not(.alt-page) .items li:nth-child(2):before, body:not(.alt-page) .items li:nth-child(3):before, body:not(.alt-page) .items li:nth-child(4):before {
        position: absolute;
        top: -27px;
        left: 50%;
        margin: 0 0 0 -75px;
        background: #df3224;
        height: 1px;
        width: 150px;
        content: ''
    }

    body:not(.alt-page) .items li:nth-child(2):before {
        display: none
    }

    body:not(.alt-page) .items li:first-child, body:not(.alt-page) .items li:nth-child(3) {
        border-left: 0
    }

    #nav li > a, #nav .red-box {
        font-size: 12px
    }

    .drop-parent {
        padding: 0 25px 0 10px
    }

    #nav .drop-parent:after {
        right: 10px
    }

    #nav ul ul a {
        font-size: 15px
    }
}

@media only screen and (max-width: 767px) {
    .promo-area {
        min-height: 0;
        padding: 50px 0
    }

    .promo-area:before {
        height: 100%
    }

    .promo-area .text-holder {
        display: block;
        width: auto;
        margin: 0 0 20px;
        font-size: 14px;
        line-height: 22px
    }

    .promo-area .form-holder {
        display: block;
        width: auto;
        padding: 26px 20px 20px
    }

    .promo-area h1 {
        font-size: 36px;
        line-height: 46px
    }

    .intro-area .slide-holder:before {
        display: none
    }

    .intro-area {
        text-align: center
    }

    .intro-area .text {
        opacity: .7;
        max-width: 70%;
        line-height: 1.2;
        margin: 0 auto 30px
    }

    .intro-area .text-section {
        font-size: 30px;
        padding: 30px 20px 7px
    }

    .intro-area .text-section br {
        display: none
    }

    .contact-us {
        width: auto;
        margin: 30px 20px 47px
    }

    .quote-form {
        overflow: hidden
    }

    .quote-form .row {
        padding: 12px 0 0 12px
    }

    .quote-form .cell {
        width: 50%;
        padding: 0 12px 0 0;
        margin: 0 0 12px
    }

    .main-title sup {
        line-height: 14px
    }

    .intro-area .slide-holder, .intro {
        min-height: auto;
        height: auto
    }

    .intro-area .slide-holder:beforfe {
        display: none
    }

    .intro-area .section:before, .intro .section:before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        content: "";
        background: rgba(0, 0, 0, 0.7)
    }

    .intro-area .section.text2:before {
        display: none
    }

    .intro-area .section, .intro.style02 .section {
        min-height: 0;
        background-size: cover !important
    }

    .intro-area .photo img, .intro .photo img {
        width: 100%;
        height: auto
    }

    .dev-info h1 {
        margin: 0 auto 24px
    }

    .dev-info .container {
        display: block;
        margin: 0 auto;
        border-spacing: 0;
        font-size: 0;
        letter-spacing: -4px
    }

    .dev-info article {
        line-height: 18px;
        width: 50%
    }

    #nav li > a, #nav .red-box {
        padding: 0 7px
    }

    #nav .drop-parent:after {
        font-size: 6px
    }

    #nav .drop-parent {
        padding: 0 20px 0 10px
    }

    #nav .drop-parent:after {
        right: 7px
    }

    .intro-area .content-holder.wide, .intro-area .content-holder, .intro .content-holder.wide, .intro .content-holder {
        max-width: 100%
    }

    #sidebar {
        float: none;
        width: auto !important;
        margin: 0
    }

    #sidebar .section {
        display: block;
        max-width: 400px;
        width: auto;
        position: static !important;
        padding: 6px 30px 4px;
        margin: 0 auto 15px
    }

    #content {
        float: none;
        width: auto;
        margin: 0
    }

    .img-slider .mask:after, .img-slider .mask:before {
        display: none
    }

    .examples .item {
        width: 50%;
        margin: 0 0 33px;
        font-size: 11px
    }

    .info-box.hover-active .option-list li {
        padding: 4px 0 4px 20px
    }
}

@media only screen and (max-width: 760px) {
    #nav, #nav .red-box {
        font-size: 12px
    }

    #nav ul ul a {
        font-size: 14px
    }

    .testimonials-holder {
        height: 70px
    }

    .main-title {
        display: table;
        text-align: center
    }

    .main-title h2 {
        display: table-header-group;
        width: 100%;
        float: none;
        margin: 0 0 9px
    }

    .main-title .social-network {
        margin: 20px 0 15px
    }

    .main-title .social-network:before {
        display: none
    }

    .tweet_area li, .tweet_area, .latest-tweet, .main-title .social-network {
        float: none;
        display: inline-block;
        vertical-align: top
    }

    .latest-tweet {
        text-align: left
    }

    .paging ul {
        margin: 0
    }

    .main-title .intro-txt {
        width: 100%;
        float: none;
        display: block;
        margin: 14px 0
    }

    #footer .nav {
        float: none;
        margin: 0 0 23px;
        width: auto
    }

    /*.nav > ul {*/
    /*    width: 50%*/
    /*}*/

    #footer .nav:after {
        display: block;
        clear: both;
        content: ''
    }

    #footer .news {
        top: 0;
        padding: 0 0 20px;
        overflow: visible
    }

    #footer .news + .section {
        padding: 20px 0 0
    }
}

@media only screen and (max-width: 700px) {
    #nav .login-box, #nav .separator, #nav .login-box > a, #nav .separator > a {
        border-left: none
    }

    .thank-box {
        margin: 30px 20px 47px;
        max-width: 100%
    }

    .thank-box .text-box br {
        display: none
    }

    .info .note {
        margin: 0
    }

    .intro-area .section {
        min-height: 0
    }

    .intro.style02 .section {
        height: 300px
    }

    .logos img {
        width: 100% !important;
        height: auto !important
    }

    #nav {
        border: 0;
        box-shadow: none
    }

    #nav > ul {
        display: block
    }

    #nav > ul > li {
        float: left;
        width: 100%;
        display: block;
        border-top: 1px solid rgba(255, 255, 255, .1);
        box-shadow: inset 0 1px 0 0 #35393d
    }

    #nav > ul > li > a, #nav .drop-parent {
        float: none;
        display: block;
        padding: 0 20px;
        height: 47px;
        line-height: 47px
    }

    #nav > ul > li > a {
        float: none;
        display: block
    }

    #nav .drop-parent, #nav .drop-holder {
        display: block;
        float: none
    }

    .login-form {
        width: 280px;
        left: 50%;
        margin: 0 0 0 -140px
    }

    .login-form:after {
        left: 50%;
        margin: 0 0 0 -8px
    }

    #nav .drop-parent {
        padding: 0 20px 0 40px
    }

    #nav .drop-parent:after {
        position: static;
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 0 12px
    }

    #nav .order-link {
        background: 0
    }

    #nav .hover .drop {
        left: -9999px
    }

    #nav .drop-active .drop {
        position: static;
        opacity: 1
    }

    #nav ul ul {
        background: 0;
        border-radius: 0;
        padding: 0;
        position: static;
        float: none;
        text-align: center;
        box-shadow: none;
        display: block;
        font-size: 12px;
        line-height: 20px
    }

    #nav ul ul li {
        border: 0
    }

    #nav ul ul a {
        color: #fff;
        padding: 8px 20px;
        margin: 0;
        display: block;
        border: 0
    }

    #nav ul ul:after {
        display: none
    }

    #nav ul ul a:hover {
        padding: 8px 20px;
        background: #35393b;
        color: #c8cacb
    }

    #nav ul ul li.we-serve, #nav ul ul li.last {
        border: 0
    }

    #nav .red-box {
        position: static;
        transform: translateX(0);
        border-radius: 0;
        height: 47px;
        line-height: 47px;
        text-transform: uppercase;
        padding: 0 20px;
        width: 100%
    }

    .intro h1 {
        font-size: 26px;
        line-height: 32px;
        letter-spacing: 0
    }

    .intro-area .sub-title {
        font-size: 21px
    }

    .intro-area .section .content-holder, .intro-area {
        letter-spacing: 0
    }

    .intro-area .slide-holder {
        padding: 40px 20px
    }

    .intro-area p br {
        display: none
    }

    .quote-form .row {
        padding: 12px 12px 0
    }

    .quote-form .cell {
        width: 100%;
        margin: 0 0 12px;
        padding: 0
    }

    .quote-form.style-02 .cell {
        width: 100%;
        padding: 0 12px 12px 0
    }
}

@media only screen and (max-width: 525px) {
    .page-error:after {
        top: -100px;
        right: -100px;
        left: auto
    }

    .error-500 .page-error {
        display: block;
        height: auto;
        min-height: 100%;
        overflow: hidden;
        background-position: 93% -110px
    }

    .page-error {
        padding: 200px 20px
    }

    .page-error > img {
        margin-bottom: -200px
    }

    .error-500 .page-error > img {
        margin-bottom: 0
    }

    .page-error p br {
        display: none
    }

    .error-500 .page-error p br {
        display: block
    }

    .error-500 .page-error .holder {
        padding: 190px 20px 350px
    }

    .social-network.style02 span {
        display: block;
        margin: 0 0 10px
    }

    .social-network.style02 li {
        margin: 0 4px
    }

    body {
        padding: 0
    }

    .css-popup .title {
        font-size: 18px;
        line-height: 22px
    }

    .panel .contacts span, .panel .contacts a {
        display: inline-block;
        vertical-align: top;
        float: none
    }

    .contact-popup .contacts {
        width: auto
    }

    .wp-quote h1, .promo h1 {
        font-size: 28px;
        line-height: 32px
    }

    .skills h2, .alt-page .info h3, .visual-intro h2, .wp-box h2, .visual-intro h2, .examples h2, .alt-page .examples h2 {
        margin: 0 0 20px;
        font-size: 24px;
        line-height: 28px
    }

    .alt-page .info, .wp-box, .examples, .alt-page .examples {
        padding: 20px 0
    }

    /*.nav ul:first-child .drop {*/
    /*    width: 305px*/
    /*}*/

    /*.nav .drop ul {*/
    /*    margin: 18px 0 0;*/
    /*    float: none !important*/
    /*}*/

    /*.nav .drop ul li {*/
    /*    float: none*/
    /*}*/

    /*.nav .drop ul:first-child {*/
    /*    margin: 0*/
    /*}*/

    .visual-intro .holder {
        padding: 20px 15px 0
    }

    .intro-area .btn-white + br, .intro .btn-white + br {
        display: block
    }
}

@media only screen and (max-width: 480px) {
    #footer .social-network {
        position: static
    }

    .contact-us .details {
        padding: 20px
    }

    .cell2 + .cell2, .cell2 {
        width: auto;
        float: none;
        padding: 0 0 22px;
        margin: 0 0 -22px
    }

    .dev-info article {
        width: 100%
    }

    .testimonials-holder {
        height: 120px
    }

    .contacts .addr {
        display: block
    }

    .intro-area, .intro {
        font-size: 16px;
        line-height: 20px
    }

    .intro-area h1 {
        font-size: 31px;
        line-height: 34px
    }

    .intro h1 {
        font-size: 18px;
        line-height: 24px
    }

    .intro-area .content-holder.wide, .intro-area .content-holder, .intro .content-holder.wide, .intro .content-holder {
        font-size: 16px;
        line-height: 22px
    }

    .intro-area .btn-white:after, .intro .btn-white:after {
        content: '';
        height: 1px;
        width: 1px;
        display: block
    }

    .intro-area .more, .intro-area .btn-white, .intro .more, .intro .btn-white {
        height: 32px;
        line-height: 33px;
        width: auto;
        padding: 0 20px;
        display: inline-block;
        vertical-align: top
    }

    .intro-area .photo, .intro .photo {
        margin: 0 -280px 0 -444px
    }

    .product h3, .dev-info h1, .info h3 {
        font-size: 21px;
        line-height: 26px
    }

    .news figure {
        display: block
    }

    .news .area {
        padding-left: 0
    }

    h2 {
        font-size: 18px
    }

    h2.main-title {
        font-size: 21px;
        line-height: 26px
    }

    .intro h1 {
        font: 21px/26px var(--font-base);
    }

    .intro-area .content-holder.wide, .intro-area .content-holder, .intro .content-holder.wide, .intro .content-holder {
        font-size: 14px;
        line-height: 22px
    }

    .intro .more + .btn-white, .intro-area .more + .btn-white {
        margin-left: 0
    }

    .intro-area .or, .intro-area .more + span, .intro-area .learn-more, .intro-area .more, .intro-area .btn-white, .intro .or, .intro .more + span, .intro .learn-more, .intro .more, .intro .btn-white {
        line-height: 32px;
        font-size: 10px
    }

    .intro-area .learn-more, .intro .learn-more {
        letter-spacing: 0
    }

    .intro-area .more + span, .intro .or, .intro-area .or, .intro .more + span {
        margin: 0 5px 0 0
    }

    .intro-area .more, .intro-area .btn-white, .intro-area .wide .more, .intro .more, .intro .btn-white, .intro .wide .more {
        padding: 0 10px;
        padding: 0 10px;
        margin: 0 10px 0 0
    }

    .logos {
        margin: 0;
        padding: 0 9px 40px
    }

    .info .items {
        width: auto;
        padding: 5px 0 0;
        margin: 0 -20px -30px
    }

    .items b {
        font-size: 26px;
        line-height: 31px
    }

    .add .copyright {
        float: none;
        display: block;
        padding: 1px 0 11px
    }

    .like {
        float: none;
        margin: 0 0 0 -15px
    }

    /*.nav li {*/
    /*    float: left;*/
    /*    clear: both*/
    /*}*/

    /*.nav ul + ul .drop {*/
    /*    left: auto;*/
    /*    right: -11px;*/
    /*    border-radius: 4px 4px 0 4px*/
    /*}*/

    .news figure {
        display: none
    }

    .news .area {
        padding-left: 12px
    }

    .error:before {
        width: 198px;
        white-space: normal
    }

    .contact-popup .title {
        letter-spacing: 0
    }

    .social-network {
        position: absolute;
        bottom: -2px;
        margin: 0 0 17px;
        right: 11px
    }

    .examples .item {
        width: 100%;
        float: none;
        margin: 0 auto 33px;
        padding: 0 15px
    }

    .examples .item:nth-of-type(9) {
        display: block
    }

    .file ul {
        overflow: hidden;
        display: block;
        padding: 5px 2px
    }

    .file li {
        padding: 0 6px 0 7px
    }

    .file-bar .drag-drop {
        overflow: hidden;
        text-overflow: ellepsis;
        white-space: nowrap;
        width: 60px;
        padding: 0 5px
    }

    .file li:last-child:after {
        display: none
    }
}

@media only screen and (max-width: 470px) {
    .logos img {
        width: 100%;
        height: auto
    }
}

@media only screen and (max-width: 416px) {
    .items li {
        border-left: 0
    }

    .items li:nth-child(2):before {
        display: block
    }
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
    .logo {
        /*background: url(../images/main@2x.png?2) no-repeat;*/
        /*background-size: 152px 84px*/
    }

    .file .file-btn {
        background: url(../images/img-retina/main@2x.png?1) -144px 0 no-repeat;
        background-size: 152px 84px
    }

    .rating-box .rating {
        background: url(../images/img-retina/bg-rating@2x.png?2) no-repeat;
        background-size: 72px 31px
    }

    .rating span {
        background: url(../images/img-retina/bg-rating@2x.png?2) 0 100% no-repeat;
        background-size: 72px 31px
    }

    .option-list li {
        background: url(../images/img-retina/icons-example@2x.png?4) -1px 3px no-repeat;
        background-size: 22px 716px
    }

    .option-list li {
        background-position: -1px 3px
    }

    .info-box .wp {
        background-position: -1px -236px
    }

    .info-box .font-face {
        background-position: -1px -76px
    }

    .info-box .responsive {
        background-position: 0 -36px
    }

    .info-box .js {
        background-position: 0 -117px
    }

    .info-box .w3c {
        background-position: -2px -421px
    }

    .info-box .mobile {
        background-position: -1px -459px
    }

    .info-box .email {
        background-position: -2px -352px
    }

    .info-box .bootstrap {
        background-position: 0 -697px
    }

    .info-box .shopify {
        background-position: 0 -324px
    }

    .option-list li {
        background: url(../images/img-retina/icons-example@2x.png?4) -1px 3px no-repeat;
        background-size: 22px 770px
    }

    .option-list li {
        background-position: -1px 3px
    }

    .info-box .wp {
        background-position: -1px -236px
    }

    .info-box .font-face {
        background-position: -1px -76px
    }

    .info-box .responsive {
        background-position: 0 -36px
    }

    .info-box .js {
        background-position: 0 -750px
    }

    .info-box .w3c {
        background-position: -2px -421px
    }

    .info-box .mobile {
        background-position: -1px -459px;
        width: 15px
    }

    .info-box .email {
        background-position: -2px -352px
    }

    .info-box .joomla {
        background-position: 0 -162px
    }

    .info-box .ie {
        background-position: 0 -497px
    }

    .info-box .drupal {
        background-position: -1px -197px
    }

    .info-box .campaignm {
        background-position: -0 -614px
    }

    .info-box .flexible {
        background-position: -1px -386px
    }

    .info-box .magento {
        background-position: -1px -272px
    }

    .info-box .mailchimp {
        background-position: -0 -574px
    }
}

@media only screen and (min-width: 1025px) {
    .tel-link {
        cursor: default;
        pointer-events: none
    }
}

.title.text-danger > a {
    color: #f00;
    text-decoration: underline
}

.title.text-danger > a:hover {
    text-decoration: none
}

.fb-like {
    overflow: hidden !important
}

label.required {
    padding: 0
}

.edit-box .custom-select.big:after {
    content: '';
    clear: both;
    display: block
}