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

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

html {
    overflow: visible !important
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

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

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

a {
    text-decoration: none
}

img {
    border: 0
}

:focus {
    outline: 0
}

a:active, a:focus, input, button, select {
    background-color: transparent;
    outline: 0;
    outline-style: none;
    outline-width: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select {
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input::-moz-focus-inner, button::-moz-focus-inner {
    padding: 0;
    border: 0
}

button, input[type="submit"] {
    cursor: pointer;
    border: 0;
    padding: 0
}

img {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden
}

em {
    font-style: italic
}

a, input[type=submit], button[type=submit] {
    cursor: pointer
}

::-webkit-input-placeholder {
    color: #838484;
    opacity: 1 !important
}

:-moz-placeholder {
    color: #838484;
    opacity: 1 !important
}

::-moz-placeholder {
    color: #838484;
    opacity: 1 !important
}

:-ms-input-placeholder {
    color: #838484;
    opacity: 1 !important
}

input::-ms-clear {
    display: none
}

strong {
    font-weight: 700
}

button::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.clear {
    clear: both
}

.cf:before, .cf:after {
    content: "";
    display: table
}

.cf:after {
    clear: both
}

.cf {
    *zoom: 1
}

.nMB {
    margin-bottom: 0 !important
}

.nMR {
    margin-right: 0 !important
}

.nML {
    margin-left: 0 !important
}

.nPR {
    padding-right: 0 !important
}

.nPB {
    padding-bottom: 0 !important
}

.nPL {
    padding-left: 0 !important
}

.nPT {
    padding-top: 0 !important
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.left {
    float: left
}

.right {
    float: right
}

.no-float {
    float: inherit
}

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

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

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

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

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

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

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

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

.container {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0
}

@media (max-width: 1200px) {
    .container {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

@media (max-width: 480px) {
    .container {
        padding-left: 10px !important;
        padding-right: 10px !important
    }
}

/*.wow{visibility:hidden}*/
#jpreOverlay {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: hidden;
    background-color: #fff;
    z-index: 9999
}

#jpreOverlay #jpreLoader {
    width: 203px;
    height: 55px;
    margin-left: -101.5px;
    margin-top: -45px;
    position: absolute;
    left: 50% !important;
    top: 50% !important
}

#jpreOverlay #jpreBar {
    background: url(../img/logo.png) no-repeat;
    width: 0;
    height: 55px;
    background-size: 203px 55px
}

@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    #jpreOverlay #jpreBar {
        background-image: url(../img/logo@2x.png)
    }
}

#jpreOverlay.hide {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden
}

.mT10 {
    margin-top: 10px
}

.mT15 {
    margin-top: 15px
}

.mT20 {
    margin-top: 20px
}

.mT25 {
    margin-top: 25px
}

.mT30 {
    margin-top: 30px
}

.mT40 {
    margin-top: 40px
}

.mT50 {
    margin-top: 50px
}

.pT10 {
    padding-top: 10px
}

.pT15 {
    padding-top: 15px
}

.pT20 {
    padding-top: 20px
}

.pT25 {
    padding-top: 25px
}

.pT30 {
    padding-top: 30px
}

.pT40 {
    padding-top: 40px
}

.pT50 {
    padding-top: 50px
}

::-moz-selection {
    color: #000;
    background: #03a9f4
}

::-webkit-selection {
    color: #000;
    background: #03a9f4
}

::-o-selection {
    color: #000;
    background: #03a9f4
}

::-ms-selection {
    color: #000;
    background: #03a9f4
}

::selection {
    color: #000;
    background: #03a9f4
}
.wow {
    visibility: hidden;
}

body {
    margin: 0;
    padding: 0;
    background-color: #f5f8fa;
    font-family: "Gotham", Arial, sans-serif
}

body.no-scroll {
    height: 100% !important;
    overflow: hidden !important
}

body .overlay {
    display: none;
    position: fixed;
    top: 119px;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #000;
    opacity: .7;
    z-index: 20
}

@media (max-width: 768px) {
    body .overlay {
        top: 102px
    }
}

body.overlay .overlay {
    display: block
}

body.overlay .main, body.overlay .footer {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px)
}

*, :before, :after {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box
}

.tooltipster-default.hidden {
    display: none !important
}

.tooltipster-default.color-base .tooltipster-box .tooltipster-arrow-border .tooltipster-arrow-background {
    background: #03a9f4 !important
}

.tooltipster-default.color-white > .tooltipster-box {
    background: #fff !important
}

.tooltipster-default.color-fb > .tooltipster-box {
    background: #6078aa !important
}

.tooltipster-default.color-tw > .tooltipster-box {
    background: #36b2dd !important
}

.tooltipster-default.color-gp > .tooltipster-box {
    background: #dd4b39 !important
}

.tooltipster-default.color-yt > .tooltipster-box {
    background: #b00 !important
}

.tooltipster-default.color-rss > .tooltipster-box {
    background: #f90 !important
}

.tooltipster-default.color-it > .tooltipster-box {
    background: #125688 !important
}

.tooltipster-default.color-sk > .tooltipster-box {
    background: #0bbff2 !important
}

.tooltipster-default.color-li > .tooltipster-box {
    background: #1871a1 !important
}

.tooltipster-default.color-be > .tooltipster-box {
    background: #005cff !important
}

.tooltipster-default.color-blue > .tooltipster-box {
    background: #03a9f4 !important
}

.tooltipster-default.color-red > .tooltipster-box {
    background: #e24141 !important
}

.tooltipster-default.color-green > .tooltipster-box {
    background: #7ac56a !important
}

.tooltipster-default.color-gray > .tooltipster-box {
    background: #757c8b !important
}

.tooltipster-default.color-white > .tooltipster-arrow .tooltipster-arrow-border {
    border-top-color: #fff !important
}

.tooltipster-default.color-fb > .tooltipster-arrow .tooltipster-arrow-border {
    border-top-color: #6078aa !important
}

.tooltipster-default.color-tw > .tooltipster-arrow .tooltipster-arrow-border {
    border-top-color: #36b2dd !important
}

.tooltipster-default.color-gp > .tooltipster-arrow .tooltipster-arrow-border {
    border-top-color: #dd4b39 !important
}

.tooltipster-default.color-yt > .tooltipster-arrow .tooltipster-arrow-border {
    border-top-color: #b00 !important
}

.tooltipster-default.color-rss > .tooltipster-arrow .tooltipster-arrow-border {
    border-top-color: #f90 !important
}

.tooltipster-default.color-it > .tooltipster-arrow .tooltipster-arrow-border {
    border-top-color: #125688 !important
}

.tooltipster-default.color-sk > .tooltipster-arrow .tooltipster-arrow-border {
    border-top-color: #0bbff2 !important
}

.tooltipster-default.color-li > .tooltipster-arrow .tooltipster-arrow-border {
    border-top-color: #1871a1 !important
}

.tooltipster-default.color-be > .tooltipster-arrow .tooltipster-arrow-border {
    border-top-color: #005cff !important
}

.tooltipster-default.color-blue > .tooltipster-arrow .tooltipster-arrow-border {
    border-top-color: #03a9f4 !important
}

.tooltipster-default.color-red > .tooltipster-arrow .tooltipster-arrow-border {
    border-top-color: #e24141 !important
}

.tooltipster-default.color-green > .tooltipster-arrow .tooltipster-arrow-border {
    border-top-color: #7ac56a !important
}

.tooltipster-default.color-gray > .tooltipster-arrow .tooltipster-arrow-border {
    border-top-color: #757c8b !important
}

.tooltipster-default.color-white > .tooltipster-arrow .tooltipster-arrow-background {
    border-top-color: #fff !important
}

.tooltipster-default.color-fb > .tooltipster-arrow .tooltipster-arrow-background {
    border-top-color: #6078aa !important
}

.tooltipster-default.color-tw > .tooltipster-arrow .tooltipster-arrow-background {
    border-top-color: #36b2dd !important
}

.tooltipster-default.color-gp > .tooltipster-arrow .tooltipster-arrow-background {
    border-top-color: #dd4b39 !important
}

.tooltipster-default.color-yt > .tooltipster-arrow .tooltipster-arrow-background {
    border-top-color: #b00 !important
}

.tooltipster-default.color-rss > .tooltipster-arrow .tooltipster-arrow-background {
    border-top-color: #f90 !important
}

.tooltipster-default.color-it > .tooltipster-arrow .tooltipster-arrow-background {
    border-top-color: #125688 !important
}

.tooltipster-default.color-sk > .tooltipster-arrow .tooltipster-arrow-background {
    border-top-color: #0bbff2 !important
}

.tooltipster-default.color-li > .tooltipster-arrow .tooltipster-arrow-background {
    border-top-color: #1871a1 !important
}

.tooltipster-default.color-be > .tooltipster-arrow .tooltipster-arrow-background {
    border-top-color: #005cff !important
}

.tooltipster-default.color-blue > .tooltipster-arrow .tooltipster-arrow-background {
    border-top-color: #03a9f4 !important
}

.tooltipster-default.color-red > .tooltipster-arrow .tooltipster-arrow-background {
    border-top-color: #e24141 !important
}

.tooltipster-default.color-green > .tooltipster-arrow .tooltipster-arrow-background {
    border-top-color: #7ac56a !important
}

.tooltipster-default.color-gray > .tooltipster-arrow .tooltipster-arrow-background {
    border-top-color: #757c8b !important
}

.tooltipster-default.color-base .tooltipster-box .tooltipster-arrow-border .tooltipster-arrow-background, .tooltipster-default.color-white, .tooltipster-default.color-fb, .tooltipster-default.color-tw, .tooltipster-default.color-gp, .tooltipster-default.color-yt, .tooltipster-default.color-rss, .tooltipster-default.color-it, .tooltipster-default.color-sk, .tooltipster-default.color-li, .tooltipster-default.color-be, .tooltipster-default.color-blue, .tooltipster-default.color-red, .tooltipster-default.color-green, .tooltipster-default.color-gray {
    color: #fff !important
}

.tooltipster-default.fs-21 .tooltipster-content {
    font-size: 21px !important;
    padding-top: 10px
}

.tooltipster-default.fs-13 .tooltipster-content {
    font-size: 13px !important;
    line-height: 20px !important;
    padding-top: 12px;
    padding-bottom: 10px
}

.mobile-nav {
    background-color: #fff;
    color: #54616b;
    width: 280px;
    position: fixed;
    z-index: 1003;
    top: 0;
    height: 100%;
    left: 0;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    overflow: auto;
    -webkit-transition-property: top, bottom;
    transition-property: top, bottom;
    -webkit-transition-duration: .2s, .2s;
    transition-duration: .2s, .2s;
    -webkit-transition-timing-function: linear, linear;
    transition-timing-function: linear, linear;
    -webkit-overflow-scrolling: touch;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-box-shadow: -5px 0 15px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: -5px 0 15px rgba(0, 0, 0, 0.35);
    -ms-box-shadow: -5px 0 15px rgba(0, 0, 0, 0.35);
    -o-box-shadow: -5px 0 15px rgba(0, 0, 0, 0.35);
    box-shadow: -5px 0 15px rgba(0, 0, 0, 0.35)
}

.mobile-nav .container {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.mobile-nav .top {
    min-height: 184px;
    padding: 10px 15px;
    background: url(../img/sidebar-bg.jpg) no-repeat 50% 50%;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.mobile-nav.opened {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    opacity: 1;
    visibility: visible
}

.mobile-nav .lang {
    margin-top: -55px;
    height: 55px;
    text-align: center;
    padding: 3px 0 7px;
    font-size: 0
}

.mobile-nav .lang ul {
    padding: 0 10px
}

.mobile-nav .lang ul li {
    font-size: 0
}

.mobile-nav .lang ul li a {
    display: inline-block;
    vertical-align: top;
    margin: 5px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    border-radius: 35px;
    width: 35px;
    text-align: center;
    height: 35px;
    font: 500 14px/34px Roboto, Gotham, Arial, sans-serif;
    color: #fff
}

.mobile-nav .lang ul li a:after {
    content: none;
    display: none
}

.mobile-nav .lang ul li ol {
    display: inline-block;
    vertical-align: top
}

.mobile-nav .lang ul li ol li {
    display: inline-block;
    vertical-align: top;
    margin: 5px
}

.mobile-nav .lang ul li ol li a {
    margin: 0
}

.mobile-nav .lang ul > li > a {
    background-color: #fff;
    color: #2B2B2B
}

.mobile-nav .customer {
    padding-top: 60px
}

.mobile-nav .customer ul {
    text-align: center
}

.mobile-nav .customer ul > li {
    margin-bottom: 10px
}

.mobile-nav .customer ul > li:last-child {
    margin-bottom: 0
}

.mobile-nav .customer ul > li > a {
    display: inline-block;
    vertical-align: top;
    height: 40px;
    border: 2px solid #fff;
    text-align: center;
    font: 500 15px/36px Gotham, Arial, sans-serif;
    padding: 0 25px;
    color: #fff;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    border-radius: 35px;
    min-width: 200px
}

.mobile-nav .customer ul > li > a:hover {
    background-color: #fff;
    color: #03a9f4
}

.mobile-nav .customer ul > li > a span {
    display: inline-block;
    vertical-align: middle;
    height: 15px;
    min-width: 18px;
    font: 10px/15px Arial, sans-serif;
    color: #fff;
    background-color: #76b852;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    margin-left: 5px;
    position: relative;
    top: -5px
}

.mobile-nav .customer ul > li.logined {
    margin-top: -50px
}

.mobile-nav .customer ul > li .dd-menu {
    margin: 15px -15px -10px;
    padding: 10px 0;
    background-color: rgba(0, 0, 0, 0.6);
    font-family: "Roboto", "Gotham", Arial, sans-serif
}

.mobile-nav .customer ul > li .dd-menu h3 {
    display: none
}

.mobile-nav .customer ul > li .dd-menu ol li {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1)
}

.mobile-nav .customer ul > li .dd-menu ol li:last-child {
    margin-bottom: 0
}

.mobile-nav .customer ul > li .dd-menu ol li a {
    display: block;
    padding: 10px 15px;
    letter-spacing: -.02em;
    font: 500 14px/120% Roboto, Gotham, Arial, sans-serif;
    color: #fff;
    text-align: left;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.mobile-nav .customer ul > li .dd-menu ol li a em {
    float: right;
    width: 15px;
    height: 15px;
    background-color: #e83e3e;
    display: inline-block;
    vertical-align: top;
    font-size: 10px;
    text-align: center;
    border-radius: 50%;
    font-style: normal;
    font-weight: 700
}

.mobile-nav .customer ul > li .dd-menu ol li a:hover {
    background-color: rgba(255, 255, 255, 0.2)
}

.mobile-nav .customer ul > li .dd-menu .btn-update-info {
    display: block;
    background-color: #03a9f4;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    height: 35px;
    margin: 10px 15px 0;
    font: 500 13px/35px Gotham, Arial, sans-serif;
    color: #fff;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.mobile-nav .customer ul > li .dd-menu .btn-update-info:hover {
    background-color: #26bbff
}

.mobile-nav .main-nav {
    padding: 8px 0
}

.mobile-nav .main-nav ul > li:nth-child(even) > a {
    background-color: #fafafa
}

.mobile-nav .main-nav ul > li > a {
    display: block;
    padding: 15px 35px;
    min-height: 48px;
    letter-spacing: -.02em;
    font: 500 14px/120% Roboto, Gotham, Arial, sans-serif;
    color: #000;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    text-align: left;
    text-transform: capitalize;
    cursor: pointer
}

.mobile-nav .main-nav ul > li.sub > a span:after {
    content: '';
    vertical-align: middle;
    margin-left: 5px;
    position: relative;
    top: -1px
}

.mobile-nav .main-nav ul > li > .dd-menu {
    display: none;
    border-left: 5px solid #03a9f4
}

.mobile-nav .main-nav ul > li > .dd-menu .dd--desc, .mobile-nav .main-nav ul > li > .dd-menu .dd--banner {
    display: none
}

.mobile-nav .main-nav ul > li > .dd-menu .dd--nav {
    display: block
}

.mobile-nav .main-nav ul > li > .dd-menu .dd--nav h3 {
    padding-left: 45px;
    display: block;
    font: 500 13px/120% Roboto, Gotham, Arial, sans-serif;
    color: #54616b;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    margin-bottom: 5px;
    letter-spacing: -.03em
}

.mobile-nav .main-nav ul > li > .dd-menu .dd--nav ol li {
    border-bottom: 1px solid #f5f5f5
}

.mobile-nav .main-nav ul > li > .dd-menu .dd--nav ol li:last-child {
    border-bottom: 0
}

.mobile-nav .main-nav ul > li > .dd-menu .dd--nav ol li a {
    display: block;
    padding: 9px 45px 7px;
    min-height: 35px;
    font: 500 13px/120% Roboto, Gotham, Arial, sans-serif;
    color: #54616b;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    text-align: left;
    cursor: pointer;
    letter-spacing: -.03em
}

.mobile-nav .main-nav ul > li:last-child {
    border-bottom: 0
}

.mobile-nav .main-nav ul > li.active > a {
    background-color: #e0e0e0;
    color: #03a9f4;
    -webkit-box-shadow: inset 5px 0 0 #03a9f4;
    -moz-box-shadow: inset 5px 0 0 #03a9f4;
    -ms-box-shadow: inset 5px 0 0 #03a9f4;
    -o-box-shadow: inset 5px 0 0 #03a9f4;
    box-shadow: inset 5px 0 0 #03a9f4
}

.nav-btn {
    display: none !important;
    float: right;
    font-size: 0;
    text-indent: -9999px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    z-index: 9999;
    width: 50px !important;
    height: 50px !important;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    line-height: 0 !important;
    margin-top: 13px;
    margin-right: -6px
}

@media (max-width: 768px) {
    .nav-btn {
        margin-top: 5px
    }
}

.nav-btn span {
    display: block;
    margin: 0 auto;
    width: 19px;
    height: 17px;
    position: relative
}

.nav-btn span i, .nav-btn span:before, .nav-btn span:after {
    text-indent: -9999px;
    display: block;
    height: 3px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 7px;
    background-color: #607d8b;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.nav-btn span:before {
    content: '';
    top: 0;
    transform-origin: center center;
    -webkit-transform-origin: center center
}

.nav-btn span:after {
    content: '';
    top: auto;
    bottom: 0;
    transform-origin: center center;
    -webkit-transform-origin: center center
}

.nav-btn.active span i {
    opacity: 0
}

.nav-btn.active span:before {
    margin-left: 3px;
    transform-origin: left center;
    -moz-transform: rotate(46deg);
    -o-transform: rotate(46deg);
    -ms-transform: rotate(46deg);
    -webkit-transform: rotate(46deg);
    transform: rotate(46deg)
}

.nav-btn.active span:after {
    margin-left: 3px;
    transform-origin: left center;
    -moz-transform: rotate(-46deg);
    -o-transform: rotate(-46deg);
    -ms-transform: rotate(-46deg);
    -webkit-transform: rotate(-46deg);
    transform: rotate(-46deg)
}

.header {
    position: relative;
    z-index: 20
}

.header .header--navbar {
    height: 43px;
    background-color: #38434c;
    position: relative;
    z-index: 5;
    overflow: hidden;
}

.header .header--navbar .nav ul {
    border-left: 1px solid #4c565e;
    font-size: 0
}

.header .header--navbar .nav ul > li {
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid #4c565e
}

.header .header--navbar .nav ul > li a {
    display: block;
    height: 43px;
    font: 500 12px/43px Gotham, Arial, sans-serif;
    color: #fff;
    padding: 0 20px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.header .header--navbar .nav ul > li a:hover {
    background-color: #293137
}

.header .header--navbar .nav ul > li a[class*="icon-"]:before, .header .header--navbar .nav ul > li a[class^="icon-"]:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    position: relative;
    top: -2px
}

.header .header--navbar .nav ul > li a.icon-corporate:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -32px -35px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 12px;
    width: 19px
}

.header .header--navbar .nav ul > li a.icon-bank:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -103px 0;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 13px;
    width: 16px
}

.header .header--navbar .nav ul > li a.icon-contact:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -110px -18px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 11px;
    width: 16px
}

.header .header--navbar .nav ul > li a.icon-cart:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -119px 0;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 13px;
    width: 15px
}

.header .header--navbar .nav ul > li a.icon-customer {
    padding-left: 64px;
    position: relative;
    z-index: 2;
    background-color: #2d363d;
    margin-left: -1px;
    margin-right: -1px
}

.header .header--navbar .nav ul > li a.icon-customer:after {
    content: '';
    width: 44px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #242b31;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.header .header--navbar .nav ul > li a.icon-customer:before {
    z-index: 2;
    position: absolute;
    left: 16px;
    top: 15px;
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -49px 0;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 12px;
    width: 13px
}

.header .header--navbar .nav ul > li a.icon-customer:hover:after {
    width: 100%
}

.header .header--navbar .nav ul > li a.icon-support:before {
    width: 6px;
    height: 6px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-color: #00d4b9;
    -webkit-box-shadow: 0 0 0 3px #2f6349;
    -moz-box-shadow: 0 0 0 3px #2f6349;
    -ms-box-shadow: 0 0 0 3px #2f6349;
    -o-box-shadow: 0 0 0 3px #2f6349;
    box-shadow: 0 0 0 3px #2f6349;
    -webkit-animation-delay: 1.5s;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-name: support-icon;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-delay: 1.5s;
    -moz-animation-duration: 1.5s;
    -moz-animation-name: support-icon;
    -moz-animation-fill-mode: forwards;
    -moz-animation-iteration-count: infinite;
    -o-animation-delay: 1.5s;
    -o-animation-duration: 1.5s;
    -o-animation-name: support-icon;
    -o-animation-fill-mode: forwards;
    -o-animation-iteration-count: infinite;
    animation-delay: 1.5s;
    animation-duration: 1.5s;
    animation-name: support-icon;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite
}

.header .header--navbar .nav ul > li a.icon-support.off:before {
    background-color: #f23030;
    -webkit-box-shadow: 0 0 0 3px #8E2D37;
    -moz-box-shadow: 0 0 0 3px #8E2D37;
    -ms-box-shadow: 0 0 0 3px #8E2D37;
    -o-box-shadow: 0 0 0 3px #8E2D37;
    box-shadow: 0 0 0 3px #8E2D37;
    -webkit-animation-delay: 0;
    -webkit-animation-duration: 0;
    -webkit-animation-name: none;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-delay: 0;
    -moz-animation-duration: 0;
    -moz-animation-name: none;
    -moz-animation-fill-mode: forwards;
    -o-animation-delay: 0;
    -o-animation-duration: 0;
    -o-animation-name: none;
    -o-animation-fill-mode: forwards;
    animation-delay: 0;
    animation-duration: 0;
    animation-name: none;
    animation-fill-mode: forwards
}

.header .header--navbar .nav ul > li.logined {
    position: relative;
    overflow: hidden \9
}

.header .header--navbar .nav ul > li.logined > a:after {
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.header .header--navbar .nav ul > li.logined .dd-menu {
    position: absolute;
    width: 305px;
    top: 48px;
    right: 0;
    background-color: #38434c;
    padding: 0 4px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden
}

.header .header--navbar .nav ul > li.logined .dd-menu:before {
    content: '';
    width: 100%;
    height: 15px;
    background-color: transparent;
    position: absolute;
    left: 0;
    bottom: 100%;
    z-index: -1
}

.header .header--navbar .nav ul > li.logined .dd-menu:after {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-bottom: 7px solid #38434c;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    position: absolute;
    left: 50%;
    margin-left: -19px;
    bottom: 100%
}

.header .header--navbar .nav ul > li.logined .dd-menu h3 {
    display: block;
    text-align: center;
    min-height: 46px;
    padding: 15px 0 14px;
    font: 500 14px/120% Gotham, Arial, sans-serif;
    color: #fff
}

.header .header--navbar .nav ul > li.logined .dd-menu ol {
    background-color: #fff;
    line-height: 0
}

.header .header--navbar .nav ul > li.logined .dd-menu ol li {
    border-bottom: 1px solid #ebeced
}

.header .header--navbar .nav ul > li.logined .dd-menu ol li:last-child {
    border-bottom: 0
}

.header .header--navbar .nav ul > li.logined .dd-menu ol li a {
    display: block;
    height: 41px;
    font: 300 14px/41px Gotham, Arial, sans-serif;
    color: #38434c;
    padding-left: 53px;
    padding-right: 16px;
    position: relative;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.header .header--navbar .nav ul > li.logined .dd-menu ol li a:hover {
    background-color: #f8f8f8
}

.header .header--navbar .nav ul > li.logined .dd-menu ol li a:before {
    content: '';
    position: absolute
}

.header .header--navbar .nav ul > li.logined .dd-menu ol li a em {
    float: right;
    font-style: normal;
    color: #afb4b7;
    font-weight: 500
}

.header .header--navbar .nav ul > li.logined .dd-menu ol li a.icon-service:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -105px -54px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 17px;
    width: 18px;
    position: absolute;
    top: 50%;
    margin-top: -8.5px;
    left: 16px
}

.header .header--navbar .nav ul > li.logined .dd-menu ol li a.icon-domain:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -151px -54px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 17px;
    width: 17px;
    position: absolute;
    top: 50%;
    margin-top: -8.5px;
    left: 16px
}

.header .header--navbar .nav ul > li.logined .dd-menu ol li a.icon-ticket:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -126px -18px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 14px;
    width: 18px;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    left: 16px
}

.header .header--navbar .nav ul > li.logined .dd-menu ol li a.icon-bill:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -104px -93px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 17px;
    width: 17px;
    position: absolute;
    top: 50%;
    margin-top: -8.5px;
    left: 16px
}

.header .header--navbar .nav ul > li.logined .dd-menu ol li a.icon-logout:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -17px -54px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 14px;
    width: 15px;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    left: 18px
}

.header .header--navbar .nav ul > li.logined .dd-menu .btn-update-info {
    display: block;
    height: 50px;
    font: 500 14px/50px Gotham, Arial, sans-serif;
    color: #fff;
    position: relative;
    padding-left: 54px;
    margin-left: -4px;
    margin-right: -4px
}

.header .header--navbar .nav ul > li.logined .dd-menu .btn-update-info:before {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -11px -73px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 16px;
    width: 17px;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 17px
}

.header .header--navbar .nav ul > li.logined:hover {
    overflow: visible \9
}

.header .header--navbar .nav ul > li.logined:hover > a {
    background-color: #03a9f4
}

.header .header--navbar .nav ul > li.logined:hover > a:after {
    background-color: #0096da;
    width: 44px !important
}

.header .header--navbar .nav ul > li.logined:hover .dd-menu {
    top: 58px;
    opacity: 100;
    filter: alpha(opacity=100);
    visibility: visible
}

.header .header--inner {
    background-color: #fff;
    height: 77px;
    position: relative;
    z-index: 4
}

.header .header--inner .logo {
    float: left;
    display: block;
    background: url(../img/logo.png) no-repeat;
    width: 210px;
    height: 55px;
    position: relative;
    margin-top: 8px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    .header .header--inner .logo {
        background-image: url(../img/logo@2x.png);
        background-size: 210px 55px
    }
}

.header .header--inner .logo a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-indent: -9999px
}

.header .header--inner .logo:hover {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px)
}

.header .header--inner .main-nav {
    float: right
}

.header .header--inner .main-nav > ul {
    position: relative;
    font-size: 0;
    z-index: 2
}

.header .header--inner .main-nav > ul:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    z-index: 14
}

.header .header--inner .main-nav > ul > li {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px
}

.header .header--inner .main-nav > ul > li:first-child {
    margin-left: 0
}

.header .header--inner .main-nav > ul > li > a {
    display: block;
    height: 77px;
    padding: 0 14px;
    font: bold 14px/77px Gotham, Arial, sans-serif;
    color: #61727f;
    position: relative;
    z-index: 15;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.header .header--inner .main-nav > ul > li > .dd-menu {
    z-index: 10;
    position: absolute;
    right: 0;
    top: 72px;
    background-color: #fff;
    border-top: 8px solid #03a9f4;
    min-width: 100%;
    padding: 23px 16px 23px 26px;
    min-height: 306px;
    line-height: 0;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    transition-delay: .4s;
    -webkit-transition-delay: .4s
}

.header .header--inner .main-nav > ul > li > .dd-menu:after {
    content: "";
    display: table;
    clear: both
}

.header .header--inner .main-nav > ul > li > .dd-menu .dd--desc {
    padding-top: 10px;
    float: left;
    width: 300px;
    border-right: 1px solid #d7d9db;
    min-height: 256px;
    padding-right: 30px
}

.header .header--inner .main-nav > ul > li > .dd-menu .dd--desc .desc--logo {
    display: block;
    line-height: 0;
    margin-bottom: 22px
}

.header .header--inner .main-nav > ul > li > .dd-menu .dd--desc .desc--logo img {
    max-width: 100%
}

.header .header--inner .main-nav > ul > li > .dd-menu .dd--desc .desc--title {
    display: block;
    font: 300 20px/120% Gotham, Arial, sans-serif;
    color: #38434c;
    margin-bottom: 14px
}

.header .header--inner .main-nav > ul > li > .dd-menu .dd--desc .desc--caption {
    display: block;
    font: 300 14px/23px Gotham, Arial, sans-serif;
    color: #868b90
}

.header .header--inner .main-nav > ul > li > .dd-menu .dd--nav {
    float: left;
    margin-left: 18px
}

.header .header--inner .main-nav > ul > li > .dd-menu .dd--nav h3 {
    display: block;
    font: 500 20px/120% Gotham, Arial, sans-serif;
    color: #38434c;
    margin-bottom: 25px
}

.header .header--inner .main-nav > ul > li > .dd-menu .dd--nav ol {
    margin-left: 3px
}

.header .header--inner .main-nav > ul > li > .dd-menu .dd--nav ol li {
    margin-bottom: 19px;
    font: 300 14px/120% Gotham, Arial, sans-serif;
    color: #38434c;
    position: relative;
    padding-left: 14px
}

.header .header--inner .main-nav > ul > li > .dd-menu .dd--nav ol li:last-child {
    margin-bottom: 0
}

.header .header--inner .main-nav > ul > li > .dd-menu .dd--nav ol li:before {
    content: '';
    position: absolute;
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -17px -18px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 7px;
    width: 3px;
    left: 0;
    top: 5px
}

.header .header--inner .main-nav > ul > li > .dd-menu .dd--nav ol li a {
    color: #38434c;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.header .header--inner .main-nav > ul > li > .dd-menu .dd--nav ol li a:hover {
    color: #03a9f4
}

.header .header--inner .main-nav > ul > li > .dd-menu .dd--banner {
    width: 283px;
    height: 266px;
    display: table;
    float: right;
    text-align: center;
    background: url(../img/bg-banner.jpg) no-repeat 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.header .header--inner .main-nav > ul > li > .dd-menu .dd--banner .cell {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0
}

.header .header--inner .main-nav > ul > li > .dd-menu .dd--banner h3 {
    display: block;
    font: 500 19px/120% Gotham, Arial, sans-serif;
    color: #f5f8fa;
    border-bottom: 1px solid rgba(245, 248, 250, 0.2);
    position: relative;
    margin-bottom: 23px;
    padding: 0 20px 27px
}

.header .header--inner .main-nav > ul > li > .dd-menu .dd--banner h3:before {
    content: '';
    width: 132px;
    height: 3px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -66px;
    bottom: -2px
}

.header .header--inner .main-nav > ul > li > .dd-menu .dd--banner span {
    display: block;
    font: 300 16px/120% Gotham, Arial, sans-serif;
    color: #f5f8fa;
    padding: 0 30px
}

.header .header--inner .main-nav > ul > li.sub > a:before {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-bottom: 8px solid #03a9f4;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 100%;
    visibility: hidden;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.header .header--inner .main-nav > ul > li.sub > a:after {
    content: '';
    vertical-align: middle;
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -18px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 3px;
    width: 5px;
    margin-left: 6px;
    top: -1px;
    position: relative
}

.header .header--inner .main-nav > ul > li:hover > a {
    background-color: #eaeef1
}

.header .header--inner .main-nav > ul > li:hover > a:before {
    top: 69px;
    visibility: visible
}

.header .header--inner .main-nav > ul > li:hover > .dd-menu {
    transition-delay: .2s;
    -webkit-transition-delay: .2s;
    top: 77px;
    visibility: visible;
    opacity: 100;
    filter: alpha(opacity=100)
}
.tab-item:first-child {
    display: block;
}
.tab-item {
    display: none;
}
.main .main-slider {
    position: relative;
    height: 625px;
    overflow: hidden;
    width: 100%;
    float: left
}

.main .main-slider .swiper-container, .main .main-slider .swiper-slide {
    width: 100%;
    height: 100%
}

.main .main-slider .swiper-slide {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.main .main-slider .swiper-slide .container {
    padding-left: 182px !important;
    padding-right: 0 !important;
    height: 100%
}

.main .main-slider .swiper-slide .container .slider--desc {
    max-width: 485px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: table;
    padding: 55px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff
}

.main .main-slider .swiper-slide .container .slider--desc .cell {
    display: table-cell;
    vertical-align: middle
}

.main .main-slider .swiper-slide .container .slider--desc h3 {
    display: block;
    font: 500 34px/120% Gotham, Arial, sans-serif;
    margin-bottom: 30px
}

.main .main-slider .swiper-slide .container .slider--desc p {
    display: block;
    font: 300 18px/28px Gotham, Arial, sans-serif;
    margin-bottom: 40px
}

.main .main-slider .swiper-slide .container .slider--desc .btn {
    display: block;
    padding: 0 !important;
    box-shadow: inherit !important;
}

.main .main-slider .swiper-slide .container .slider--desc .btn-view {
    display: inline-block;
    vertical-align: top;
    height: 56px;
    text-align: center;
    min-width: 236px;
    padding: 0 15px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    color: #fff;
    line-height: 50px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .main-slider .swiper-slide .container .slider--desc .btn-view:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -5px -18px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 4px;
    width: 6px;
    position: relative;
    top: -1px
}

.main .main-slider .swiper-slide .container .slider--desc .btn-view:hover {
    background-color: rgba(0, 0, 0, 0.3)
}

.main .main-slider .swiper-controls {
    background-color: rgba(0, 0, 0, 0.85);
    position: absolute;
    left: 50%;
    margin-left: -600px;
    z-index: 10;
    top: 0;
    height: 100%;
    width: 182px;
    padding-top: 87px
}

.main .main-slider .swiper-controls:before {
    content: '';
    width: 6000px;
    height: 100%;
    right: 100%;
    top: 0;
    background-color: rgba(0, 0, 0, 0.85);
    position: absolute
}

.main .main-slider .swiper-controls .control {
    display: inline-block;
    vertical-align: top;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    opacity: .4;
    filter: alpha(opacity=40);
    text-indent: -9999px
}

.main .main-slider .swiper-controls .control:hover {
    opacity: 100;
    filter: alpha(opacity=100)
}

.main .main-slider .swiper-controls .control.prev {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -203px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 22px;
    width: 43px
}

.main .main-slider .swiper-controls .control.next {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -28px -179px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 22px;
    width: 43px
}

.main .main-slider .swiper-controls .dots {
    margin: 39px 0
}

.main .main-slider .swiper-controls .dots > span {
    display: block;
    cursor: pointer;
    height: 67px;
    margin-bottom: 33px;
    position: relative;
    padding-right: 40px;
    font: 500 14px/120% Gotham, Arial, sans-serif;
    color: #fff;
    z-index: 2;
    padding-top: 17px;
    padding-left: 46px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.main .main-slider .swiper-controls .dots > span:last-child {
    margin-bottom: 0
}

.main .main-slider .swiper-controls .dots > span span {
    display: block;
    position: absolute;
    left: 0
}

.main .main-slider .swiper-controls .dots > span span.icon-hosting {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -128px -149px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 30px;
    width: 19px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 3px
}

.main .main-slider .swiper-controls .dots > span span.icon-cloud {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -26px -230px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 28px;
    width: 33px;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    left: -3px
}

.main .main-slider .swiper-controls .dots > span span.icon-dedicated {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -122px -262px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 27px;
    width: 22px;
    position: absolute;
    top: 50%;
    margin-top: -13.5px;
    left: 1px
}

.main .main-slider .swiper-controls .dots > span span.icon-ssl {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -29px -291px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 30px;
    width: 25px;
    position: absolute;
    top: 50%;
    margin-top: -15px
}

.main .main-slider .swiper-controls .dots > span:before {
    content: '';
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    z-index: -1;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 0;
    -webkit-transition: all .45s ease-in-out;
    -moz-transition: all .45s ease-in-out;
    -ms-transition: all .45s ease-in-out;
    -o-transition: all .45s ease-in-out;
    transition: all .45s ease-in-out
}

.main .main-slider .swiper-controls .dots > span:after {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-left: 7px solid #fff;
    border-bottom: 7px solid transparent;
    border-top: 7px solid transparent;
    left: 100%;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    z-index: -2
}

.main .main-slider .swiper-controls .dots > span.active {
    -webkit-box-shadow: 6px 0 0 #fff;
    -moz-box-shadow: 6px 0 0 #fff;
    -ms-box-shadow: 6px 0 0 #fff;
    -o-box-shadow: 6px 0 0 #fff;
    box-shadow: 6px 0 0 #fff
}

.main .main-slider .swiper-controls .dots > span.active:before {
    width: 6000px;
    opacity: .2;
    filter: alpha(opacity=20);
    visibility: visible
}

.main .main-slider .swiper-controls .dots > span.active:after {
    opacity: 100;
    filter: alpha(opacity=100);
    visibility: visible;
    -webkit-transform: translateX(6px);
    -moz-transform: translateX(6px);
    -ms-transform: translateX(6px);
    -o-transform: translateX(6px);
    transform: translateX(6px)
}

@media (max-width: 1200px) {
    .main .main-slider .swiper-controls {
        left: 0;
        margin-left: 0
    }

    .main .main-slider .swiper-controls:before {
        content: none;
        display: none
    }
}

@media (max-width: 768px) {
    .main .main-slider {
        height: 400px;
        padding-bottom: 50px
    }

    .main .main-slider .swiper-slide .container {
        padding-left: 0 !important
    }

    .main .main-slider .swiper-slide .container .slider--desc {
        max-width: 100%;
        text-align: center;
        padding: 15px 30px
    }

    .main .main-slider .swiper-slide .container .slider--desc p {
        display: none
    }

    .main .main-slider .swiper-slide .container .slider--desc h3 {
        font-size: 26px
    }

    .main .main-slider .swiper-slide .container .slider--desc .btn-view {
        min-width: 0;
        height: 35px;
        border-width: 2px;
        line-height: 31px;
        font-size: 13px
    }

    .main .main-slider .swiper-controls {
        height: 50px;
        width: 100%;
        bottom: 0;
        padding: 0;
        left: 0;
        top: auto
    }

    .main .main-slider .swiper-controls .control {
        display: none !important
    }

    .main .main-slider .swiper-controls .dots {
        margin: 0;
        display: table;
        width: 100%;
        table-layout: fixed
    }

    .main .main-slider .swiper-controls .dots > span {
        display: table-cell;
        height: 50px;
        position: relative;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        -ms-box-shadow: none !important;
        -o-box-shadow: none !important;
        box-shadow: none !important;
        font-size: 12px;
        text-indent: -9999px;
        text-align: center
    }

    .main .main-slider .swiper-controls .dots > span:before {
        content: none;
        display: none
    }

    .main .main-slider .swiper-controls .dots > span span {
        text-indent: 0
    }

    .main .main-slider .swiper-controls .dots > span span.icon-hosting {
        display: inline-block;
        background-image: url(../img/icons-s55f8bf7893.png);
        background-position: -128px -149px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 30px;
        width: 19px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -15px;
        margin-left: -9.5px
    }

    .main .main-slider .swiper-controls .dots > span span.icon-cloud {
        display: inline-block;
        background-image: url(../img/icons-s55f8bf7893.png);
        background-position: -26px -230px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 28px;
        width: 33px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -14px;
        margin-left: -16.5px
    }

    .main .main-slider .swiper-controls .dots > span span.icon-dedicated {
        display: inline-block;
        background-image: url(../img/icons-s55f8bf7893.png);
        background-position: -122px -262px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 27px;
        width: 22px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -13.5px;
        margin-left: -11px
    }

    .main .main-slider .swiper-controls .dots > span span.icon-ssl {
        display: inline-block;
        background-image: url(../img/icons-s55f8bf7893.png);
        background-position: -29px -291px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 30px;
        width: 25px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -15px;
        margin-left: -12.5px
    }

    .main .main-slider .swiper-controls .dots > span:after {
        content: none
    }

    .main .main-slider .swiper-controls .dots > span.active {
        background-color: #03a9f4
    }
}

@media (max-width: 480px) {
    .main .main-slider {
        height: 350px
    }
}

.main .buy-something .section--buttons {
    background-color: #fff
}



.main .buy-something .section--buttons ul {
    border-left: 1px solid #edf1f2;
    display: table;
    width: 100%;
    table-layout: fixed
}

.main .buy-something .section--buttons ul li {
    display: table-cell;
    vertical-align: top;
    border-right: 1px solid #edf1f2
}

.main .buy-something .section--buttons ul li a {
    display: block;
    text-align: center;
    height: 93px;
    font: 500 15px/93px Gotham, Arial, sans-serif;
    color: #778386;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    position: relative
}

.main .buy-something .section--buttons ul li a:before {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-bottom: 9px solid #fff;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.main .buy-something .section--buttons ul li a:after {
    content: '';
    width: 0;
    height: 5px;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    background-color: #03a9f4;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0)
}

.main .buy-something .section--buttons ul li.active a:before {
    top: -9px
}

.main .buy-something .section--buttons ul li.active a:after {
    width: 100%;
    left: 0;
    visibility: visible;
    opacity: 100;
    filter: alpha(opacity=100)
}

.main .domain-search {
    background: #eeeff3 url(../img/domainara.jpg) right 0 no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 487px;
    padding-top: 140px
}

.main .domain-search .wrapper {
    max-width: 667px;
    width: 100%
}

.main .domain-search .section--title {
    position: relative
}

.main .domain-search .section--title h3 {
    display: block;
    font: 300 30px/120% Gotham, Arial, sans-serif;
    color: #334046
}

.main .domain-search .section--title h3 span {
    color: #03a9f4
}

.main .domain-search .section--title .price {
    width: 116px;
    height: 116px;
    background-color: #76b852;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    right: -55px;
    top: -16px;
    z-index: 2;
    -webkit-box-shadow: 0 0 0 8px rgba(153, 197, 69, 0.17);
    -moz-box-shadow: 0 0 0 8px rgba(153, 197, 69, 0.17);
    -ms-box-shadow: 0 0 0 8px rgba(153, 197, 69, 0.17);
    -o-box-shadow: 0 0 0 8px rgba(153, 197, 69, 0.17);
    box-shadow: 0 0 0 8px rgba(153, 197, 69, 0.17);
    text-align: center;
    font: 500 25px/23px Gotham, Arial, sans-serif;
    color: #fff;
    padding-top: 29px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.main .domain-search .section--title .price:hover {
    -webkit-box-shadow: 0 0 0 8px rgba(153, 197, 69, 0.5);
    -moz-box-shadow: 0 0 0 8px rgba(153, 197, 69, 0.5);
    -ms-box-shadow: 0 0 0 8px rgba(153, 197, 69, 0.5);
    -o-box-shadow: 0 0 0 8px rgba(153, 197, 69, 0.5);
    box-shadow: 0 0 0 8px rgba(153, 197, 69, 0.5);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.main .domain-search .section--title .price span {
    display: block;
    font-size: 13px
}

.main .domain-search .section--form {
    margin-top: 28px;
    position: relative;
    z-index: 3
}

.main .domain-search .section--form .tb {
    width: 100%;
    height: 69px;
    background: #fff url(../img/bg-www.png) no-repeat 26px 50%;
    padding: 0 106px 5px 105px;
    font: 300 27px Gotham, Arial, sans-serif;
    color: #adb0b2;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .domain-search .section--form .tb::-webkit-input-placeholder {
    color: #adb0b2;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .domain-search .section--form .tb:-moz-placeholder {
    color: #adb0b2;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .domain-search .section--form .tb::-moz-placeholder {
    color: #adb0b2;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .domain-search .section--form .tb:-ms-input-placeholder {
    color: #adb0b2;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .domain-search .section--form .tb:focus::-webkit-input-placeholder {
    opacity: 0 !important
}

.main .domain-search .section--form .tb:focus:-moz-placeholder {
    opacity: 0 !important
}

.main .domain-search .section--form .tb:focus::-moz-placeholder {
    opacity: 0 !important
}

.main .domain-search .section--form .tb:focus:-ms-input-placeholder {
    opacity: 0 !important
}

.main .domain-search .section--form .tb:focus {
    -webkit-box-shadow: inset 0 0 0 2px #03a9f4;
    -moz-box-shadow: inset 0 0 0 2px #03a9f4;
    -ms-box-shadow: inset 0 0 0 2px #03a9f4;
    -o-box-shadow: inset 0 0 0 2px #03a9f4;
    box-shadow: inset 0 0 0 2px #03a9f4
}

.main .domain-search .section--form .btn-submit {
    position: absolute;
    right: 6px;
    top: 6px;
    width: 74px;
    height: 57px;
    background-color: #03a9f4;
    display: block;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    text-indent: -9999px
}

.main .domain-search .section--form .btn-submit:hover {
    background-color: #26bbff
}

.main .domain-search .section--form .btn-submit:before {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -43px -203px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 24px;
    width: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -12px;
    margin-left: -12px
}

.main .domain-search .section--filter {
    margin-top: 18px;
    background-color: #fff
}

.main .domain-search .section--filter ul {
    font-size: 0
}

.main .domain-search .section--filter ul li {
    width: 15.91704%;
    display: inline-block;
    vertical-align: top
}

.main .domain-search .section--filter ul li:nth-child(n) {
    margin-bottom: .89955%;
    margin-right: .89955%
}

.main .domain-search .section--filter ul li:nth-child(6n) {
    margin-right: 0;
    margin-bottom: 0
}

.main .domain-search .section--filter ul li:nth-last-child(-n + 6) {
    margin-bottom: 0
}

.main .domain-search .section--filter ul li .input-check {
    display: block;
    height: 76px;
    text-align: center;
    position: relative;
    cursor: pointer;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .domain-search .section--filter ul li .input-check:hover {
    background-color: #fafafa
}

.main .domain-search .section--filter ul li .input-check input {
    position: fixed;
    left: -9999px
}

.main .domain-search .section--filter ul li .input-check strong {
    display: block;
    font: 500 18px/120% Gotham, Arial, sans-serif;
    color: #415a68;
    height: 46px;
    border-bottom: 1px solid #eef2f3;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    position: relative;
    padding-top: 17px
}

.main .domain-search .section--filter ul li .input-check strong:before {
    content: '';
    width: 1px;
    height: 0;
    background-color: #03a9f4;
    visibility: hidden;
    bottom: 0;
    left: 0;
    position: absolute;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .domain-search .section--filter ul li .input-check strong:after {
    content: '';
    width: 1px;
    height: 0;
    background-color: #03a9f4;
    visibility: hidden;
    bottom: 0;
    right: 0;
    position: absolute;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .domain-search .section--filter ul li .input-check span {
    display: block;
    font: 500 12px/120% Gotham, Arial, sans-serif;
    color: #acb0b4;
    margin-top: 7px
}

.main .domain-search .section--filter ul li .input-check.active strong {
    color: #03a9f4;
    border-bottom-color: #03a9f4
}

.main .domain-search .section--filter ul li .input-check.active strong:before, .main .domain-search .section--filter ul li .input-check.active strong:after {
    height: 17px;
    bottom: -9px;
    opacity: 100;
    filter: alpha(opacity=100);
    visibility: visible
}

.main .domain-search .section--filter ul li .input-check.active span {
    color: #03a9f4
}

.main .domain-search .section--filter ul li .extension {
    display: block;
    height: 76px;
    text-align: center;
    position: relative;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .domain-search .section--filter ul li .extension:hover {
    background-color: #fafafa
}

.main .domain-search .section--filter ul li .extension:hover strong {
    color: #03a9f4;
    border-bottom-color: #03a9f4
}

.main .domain-search .section--filter ul li .extension:hover strong:before, .main .domain-search .section--filter ul li .extension:hover strong:after {
    height: 17px;
    bottom: -9px;
    opacity: 100;
    filter: alpha(opacity=100);
    visibility: visible
}

.main .domain-search .section--filter ul li .extension:hover span {
    color: #03a9f4
}

.main .domain-search .section--filter ul li .extension strong {
    display: block;
    font: 500 18px/120% Gotham, Arial, sans-serif;
    color: #415a68;
    height: 46px;
    border-bottom: 1px solid #eef2f3;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    position: relative;
    padding-top: 17px
}

.main .domain-search .section--filter ul li .extension strong:before {
    content: '';
    width: 1px;
    height: 0;
    background-color: #03a9f4;
    visibility: hidden;
    bottom: 0;
    left: 0;
    position: absolute;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .domain-search .section--filter ul li .extension strong:after {
    content: '';
    width: 1px;
    height: 0;
    background-color: #03a9f4;
    visibility: hidden;
    bottom: 0;
    right: 0;
    position: absolute;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .domain-search .section--filter ul li .extension span {
    display: block;
    font: 500 12px/120% Gotham, Arial, sans-serif;
    color: #acb0b4;
    margin-top: 7px
}

@media (max-width: 480px) {
    .main .domain-search .section--filter ul li {
        width: 33.33333%;
        display: inline-block;
        vertical-align: top
    }

    .main .domain-search .section--filter ul li:nth-child(n) {
        margin-bottom: 0;
        margin-right: 0
    }

    .main .domain-search .section--filter ul li:nth-child(3n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .domain-search .section--filter ul li:nth-last-child(-n + 3) {
        margin-bottom: 0
    }

    .main .domain-search .section--filter ul li .extension strong {
        font-size: 16px
    }
}

.main .credit-card {
    border-top: 2px solid #eee;
    margin-top: 15px;
    padding-top: 15px;
    max-width: 493px;
    width: 100%;
    display: none
}

.main .credit-card:after {
    content: "";
    display: table;
    clear: both
}

.main .credit-card .form, .main .credit-card form {
    font-size: 0
}

.main .credit-card .cards {
    margin-bottom: 15px;
    font-size: 16px
}

.main .credit-card .form-item {
    margin-bottom: 7px;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.main .credit-card .form-item.grid-2 {
    width: 49%;
    margin-right: 2%
}

.main .credit-card .form-item .input--text {
    width: 100%;
    height: 45px;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 0 15px;
    font: 300 13px Gotham, Arial, sans-serif;
    color: #333;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .credit-card .form-item .input--text::-webkit-input-placeholder {
    color: #ccc;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .credit-card .form-item .input--text:-moz-placeholder {
    color: #ccc;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .credit-card .form-item .input--text::-moz-placeholder {
    color: #ccc;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .credit-card .form-item .input--text:-ms-input-placeholder {
    color: #ccc;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .credit-card .form-item .input--text:focus::-webkit-input-placeholder {
    opacity: 0 !important
}

.main .credit-card .form-item .input--text:focus:-moz-placeholder {
    opacity: 0 !important
}

.main .credit-card .form-item .input--text:focus::-moz-placeholder {
    opacity: 0 !important
}

.main .credit-card .form-item .input--text:focus:-ms-input-placeholder {
    opacity: 0 !important
}

.main .credit-card .form-item .input--text:focus {
    border-color: #03a9f4
}

.main .credit-card .form-item .btn-submit {
    height: 45px !important;
    display: inline-block;
    vertical-align: top;
    padding: 0 20px;
    font: bold 13px/45px Gotham, Arial, sans-serif !important;
    background-color: #76b852 !important;
    color: #fff;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .credit-card .form-item .btn-submit:hover {
    background-color: #87cb61 !important
}

.main .cloud-tab-detail {
    background: #f4f8f9 url(../img/cloud-bg.jpg) no-repeat 0 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 487px;
    padding-top: 255px;
    padding-bottom: 45px;
    text-align: right
}

.main .cloud-tab-detail.ssl {
    background-image: url(../img/ssl-bg.jpg)
}

.main .cloud-tab-detail .wrapper {
    text-align: center;
    max-width: 600px;
    width: 100%;
    display: inline-block;
    vertical-align: top
}

.main .cloud-tab-detail h3 {
    display: block;
    font: 500 25px/120% Gotham, Arial, sans-serif;
    color: #636e75;
    margin-bottom: 25px
}

.main .cloud-tab-detail p {
    display: block;
    font: 300 16px/120% Gotham, Arial, sans-serif;
    color: #636e75
}

.main .cloud-tab-detail .btn-review {
    display: inline-block;
    vertical-align: top;
    height: 52px;
    min-width: 252px;
    padding: 0 10px;
    font: 500 15px/52px Gotham, Arial, sans-serif;
    color: #fff;
    background-color: #03a9f4;
    margin-top: 30px
}

.main .cloud-tab-detail .btn-review:hover {
    background-color: #26bbff
}

.main .hosting-packages {
    background: #97cbd6 url(../img/hosting-alt.jpg) no-repeat 50% bottom;
    padding-bottom: 135px;
    min-height: 857px;
    text-align: center;
    overflow: hidden
}

.main .hosting-packages .section--buttons {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}

.main .hosting-packages .section--buttons ul {
    font-size: 0;
    display: table;
    width: 100%;
    table-layout: fixed
}

.main .hosting-packages .section--buttons ul li {
    display: table-cell;
    vertical-align: top
}

.main .hosting-packages .section--buttons ul li a {
    display: block;
    height: 152px;
    position: relative;
    text-align: center;
    font: 500 20px/120% Gotham, Arial, sans-serif;
    color: #fff;
    padding-top: 105px
}

.main .hosting-packages .section--buttons ul li a[class*="icon-"]:before, .main .hosting-packages .section--buttons ul li a[class^="icon-"]:before {
    content: '';
    position: absolute
}

.main .hosting-packages .section--buttons ul li a:after {
    content: '';
    width: 0;
    height: 3px;
    position: absolute;
    left: 50%;
    bottom: -1px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    background-color: #fff;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0)
}

.main .hosting-packages .section--buttons ul li a.icon-web:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -137px -412px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 34px;
    width: 34px;
    position: absolute;
    left: 50%;
    margin-left: -17px;
    top: 55px
}

.main .hosting-packages .section--buttons ul li a.icon-reseller:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -718px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 34px;
    width: 84px;
    position: absolute;
    left: 50%;
    margin-left: -42px;
    top: 53px
}

.main .hosting-packages .section--buttons ul li.active a:after {
    visibility: visible;
    width: 100%;
    left: 0;
    opacity: 100;
    filter: alpha(opacity=100)
}

@media (max-width: 768px) {
    .main .hosting-packages .section--buttons ul {
        display: block;
        font-size: 0
    }

    .main .hosting-packages .section--buttons ul li {
        width: 50%;
        display: inline-block;
        vertical-align: top
    }

    .main .hosting-packages .section--buttons ul li:nth-child(n) {
        margin-bottom: 0;
        margin-right: 0
    }

    .main .hosting-packages .section--buttons ul li:nth-child(2n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .hosting-packages .section--buttons ul li:nth-last-child(-n + 2) {
        margin-bottom: 0
    }

    .main .hosting-packages .section--buttons ul li a {
        font-size: 15px;
        padding-top: 60px;
        font-weight: 600;
        height: 90px
    }

    .main .hosting-packages .section--buttons ul li a:before {
        top: 15px !important
    }
}

@media (max-width: 380px) {
    .main .hosting-packages .section--buttons ul li a {
        line-height: 120%;
        padding-top: 17px;
        padding-bottom: 4px;
        font-size: 13px;
        font-weight: 600;
        min-height: 50px;
        height: auto
    }

    .main .hosting-packages .section--buttons ul li a:before {
        display: none !important;
        content: none !important
    }
}

.main .hosting-packages .section--content {
    margin-top: 65px
}

@media (max-width: 768px) {
    .main .hosting-packages .section--content {
        margin-top: 10px
    }
}

.main .hosting-packages .section--content ul {
    font-size: 0
}

.main .hosting-packages .section--content ul > li {
    width: 22.875%;
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    min-height: 387px;
    padding-bottom: 22px;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear
}

.main .hosting-packages .section--content ul > li:nth-child(n) {
    margin-bottom: 2.83333%;
    margin-right: 2.83333%
}

.main .hosting-packages .section--content ul > li:nth-child(4n) {
    margin-right: 0;
    margin-bottom: 0
}

.main .hosting-packages .section--content ul > li:nth-last-child(-n + 4) {
    margin-bottom: 0
}

.main .hosting-packages .section--content ul > li:hover {
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

@media (max-width: 480px) {
    .main .hosting-packages .section--content ul > li:hover {
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.main .hosting-packages .section--content ul > li .item--type {
    display: block;
    overflow: hidden;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -ms-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    background-color: #f4f8f9;
    height: 60px;
    text-align: center;
    font: 300 16px/60px Gotham, Arial, sans-serif;
    color: #b7bdbf
}

.main .hosting-packages .section--content ul > li .item--price {
    display: block;
    height: 120px;
    text-align: center;
    font: 100 60px/120% Gotham, Arial, sans-serif;
    color: #03a9f4;
    border-bottom: 1px dashed #ededef;
    padding-top: 10px
}

.main .hosting-packages .section--content ul > li .item--price span {
    display: block;
    font: 300 14px/120% Gotham, Arial, sans-serif;
    color: #c3c4c7;
    letter-spacing: .16em
}

.main .hosting-packages .section--content ul > li .item--prop {
    min-height: 134px;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px
}

.main .hosting-packages .section--content ul > li .item--prop li {
    display: block;
    margin-bottom: 16px;
    font: 300 14px/120% Gotham, Arial, sans-serif;
    color: #5b626d
}

.main .hosting-packages .section--content ul > li .item--prop li:last-child {
    margin-bottom: 0
}

.main .hosting-packages .section--content ul > li .btn-detail {
    display: block;
    margin: 0 42px;
    vertical-align: top;
    height: 51px;
    background-color: #03a9f4;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    font: 500 14px/51px Gotham, Arial, sans-serif;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.main .hosting-packages .section--content ul > li .btn-detail:hover {
    background-color: #26bbff
}

.main .hosting-packages .section--content ul > li.popular {
    border: 2px solid #03a9f4;
    margin-top: -12px;
    position: relative
}

.main .hosting-packages .section--content ul > li.popular .item--type {
    background-color: #03a9f4;
    color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.main .hosting-packages .section--content ul > li.popular .item--price {
    padding-top: 15px
}

.main .hosting-packages .section--content ul > li.popular:before {
    content: attr(data-badget-title);
    position: absolute;
    width: 104px;
    background-color: #03a9f4;
    height: 21px;
    font: 500 10px/21px Gotham, Arial, sans-serif;
    color: #fff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
    left: 50%;
    margin-left: -52px;
    top: 50px
}

@media (max-width: 768px) {
    .main .hosting-packages .section--content ul > li.popular {
        margin-top: 0
    }

    .main .hosting-packages .section--content ul > li.popular:before {
        top: 56px
    }

    .main .hosting-packages .section--content ul > li.popular .item--price {
        padding-top: 29px
    }
}

@media (max-width: 768px) {
    .main .hosting-packages .section--content ul > li {
        width: 48.75%;
        display: inline-block;
        vertical-align: top;
        min-height: 0;
        padding-bottom: 10px
    }

    .main .hosting-packages .section--content ul > li:nth-child(n) {
        margin-bottom: 2.5%;
        margin-right: 2.5%
    }

    .main .hosting-packages .section--content ul > li:nth-child(2n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .hosting-packages .section--content ul > li:nth-last-child(-n + 2) {
        margin-bottom: 0
    }

    .main .hosting-packages .section--content ul > li .item--type {
        height: 50px;
        line-height: 50px;
        font-size: 14px
    }

    .main .hosting-packages .section--content ul > li .item--price {
        font-size: 35px;
        height: auto;
        padding-bottom: 15px
    }

    .main .hosting-packages .section--content ul > li .item--prop {
        min-height: 115px
    }

    .main .hosting-packages .section--content ul > li .item--prop li {
        font-size: 12px
    }

    .main .hosting-packages .section--content ul > li .btn-detail {
        height: 35px;
        line-height: 35px;
        font-size: 13px;
        margin: 0 10px
    }
}

@media (max-width: 330px) {
    .main .hosting-packages .section--content ul > li {
        width: 100%;
        display: inline-block;
        vertical-align: top
    }

    .main .hosting-packages .section--content ul > li:nth-child(n) {
        margin-bottom: 10px !important;
        margin-right: 10px
    }

    .main .hosting-packages .section--content ul > li:nth-child(1n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .hosting-packages .section--content ul > li:nth-last-child(-n + 1) {
        margin-bottom: 0
    }
}

.main .hosting-packages .section--content .caption {
    margin-top: 43px;
    text-align: center;
    color: #fff
}

.main .hosting-packages .section--content .caption h3 {
    display: block;
    font-weight: 300;
    line-height: 120%;
    font-size: 26px
}

.main .hosting-packages .section--content .caption h3 strong {
    font-weight: 700
}

.main .hosting-packages .section--content .caption p {
    margin-top: 15px;
    display: block;
    font-size: 16px
}

@media (max-width: 768px) {
    .main .hosting-packages .section--content .caption h3 {
        font-size: 23px
    }

    .main .hosting-packages .section--content .caption p {
        font-size: 14px;
        line-height: 140%
    }
}

.main .our-quality {
    padding: 52px 0;
    overflow: hidden
}

.main .our-quality .section--title {
    text-align: center;
    border-bottom: 1px solid #e2e6e9;
    padding-bottom: 62px;
    position: relative;
    margin-bottom: 85px
}

.main .our-quality .section--title:after {
    content: '';
    width: 176px;
    height: 3px;
    background-color: #03a9f4;
    position: absolute;
    left: 50%;
    margin-left: -88px;
    bottom: -2px
}

.main .our-quality .section--title h3 {
    display: block;
    font: 100 49px/120% Gotham, Arial, sans-serif;
    color: #3b4951
}

.main .our-quality .section--title h3 strong {
    font-weight: 500
}

.main .our-quality .section--title h3 .point {
    color: #03a9f4
}

.main .our-quality .section--title p {
    display: block;
    margin-top: 35px;
    font: 300 22px/26px Gotham, Arial, sans-serif;
    color: #c9ced1
}

.main .our-quality .section--content ul {
    font-size: 0
}

.main .our-quality .section--content ul li {
    width: 23.125%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-top: 67px;
    text-align: center;
    color: #3b4951;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.main .our-quality .section--content ul li:nth-child(n) {
    margin-bottom: 2.5%;
    margin-right: 2.5%
}

.main .our-quality .section--content ul li:nth-child(4n) {
    margin-right: 0;
    margin-bottom: 0
}

.main .our-quality .section--content ul li:nth-last-child(-n + 4) {
    margin-bottom: 0
}

.main .our-quality .section--content ul li strong {
    -webkit-transition: border .25s ease-in-out;
    -moz-transition: border .25s ease-in-out;
    -ms-transition: border .25s ease-in-out;
    -o-transition: border .25s ease-in-out;
    transition: border .25s ease-in-out;
    display: block;
    padding-bottom: 18px;
    border-bottom: 3px solid #3b4951;
    margin-bottom: 17px;
    font-weight: 100;
    font-size: 30px
}

.main .our-quality .section--content ul li > span {
    display: block;
    font-size: 16px;
    font-weight: 500
}

.main .our-quality .section--content ul li[class*="icon-"]:before, .main .our-quality .section--content ul li[class*="icon-"]:after, .main .our-quality .section--content ul li[class^="icon-"]:before, .main .our-quality .section--content ul li[class^="icon-"]:after {
    content: '';
    position: absolute;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.main .our-quality .section--content ul li[class*="icon-"]:after, .main .our-quality .section--content ul li[class^="icon-"]:after {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden
}

.main .our-quality .section--content ul li.icon-customer:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -846px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 42px;
    width: 39px;
    position: absolute;
    left: 50%;
    margin-left: -19.5px;
    top: 6px
}

.main .our-quality .section--content ul li.icon-customer:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -124px -718px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 42px;
    width: 39px;
    position: absolute;
    left: 50%;
    margin-left: -19.5px;
    top: 6px
}

.main .our-quality .section--content ul li.icon-ticket:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -94px -938px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 48px;
    width: 48px;
    position: absolute;
    left: 50%;
    margin-left: -24px;
    top: 0
}

.main .our-quality .section--content ul li.icon-ticket:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -1085px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 48px;
    width: 48px;
    position: absolute;
    left: 50%;
    margin-left: -24px;
    top: 0
}

.main .our-quality .section--content ul li.icon-phone:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -1137px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 43px;
    width: 46px;
    position: absolute;
    left: 50%;
    margin-left: -23px;
    top: 4px
}

.main .our-quality .section--content ul li.icon-phone:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -46px -760px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 43px;
    width: 46px;
    position: absolute;
    left: 50%;
    margin-left: -23px;
    top: 4px
}

.main .our-quality .section--content ul li.icon-mail:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -323px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 29px;
    width: 44px;
    position: absolute;
    left: 50%;
    margin-left: -22px;
    top: 17px
}

.main .our-quality .section--content ul li.icon-mail:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -88px -323px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 29px;
    width: 44px;
    position: absolute;
    left: 50%;
    margin-left: -22px;
    top: 17px
}

.main .our-quality .section--content ul li:hover {
    color: #03a9f4
}

.main .our-quality .section--content ul li:hover strong {
    border-bottom-color: #03a9f4
}

.main .our-quality .section--content ul li:hover:before {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden
}

.main .our-quality .section--content ul li:hover:after {
    opacity: 100;
    filter: alpha(opacity=100);
    visibility: visible
}

.main .our-quality.type2 {
    background: url(../img/full-bg4.jpg) no-repeat 50% 50%;
    min-height: 666px;
    padding: 83px 0 55px;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.main .our-quality.type2 .section--title {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 101px
}

.main .our-quality.type2 .section--title:before, .main .our-quality.type2 .section--title:after {
    content: none;
    display: none
}

.main .our-quality.type2 .section--title h3 {
    color: #fff
}

.main .our-quality.type2 .section--title p {
    margin-top: 24px;
    color: rgba(255, 255, 255, 0.7)
}

.main .our-quality.type2 .section--content ul {
    font-size: 0
}

.main .our-quality.type2 .section--content ul li {
    display: inline-block;
    width: 194px !important;
    margin-left: 106px !important;
    padding-top: 0 !important
}

.main .our-quality.type2 .section--content ul li:first-child {
    margin-left: 0 !important
}

.main .our-quality.type2 .section--content ul li .circle {
    width: 194px;
    height: 194px;
    vertical-align: top;
    border: 3px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    padding-top: 111px;
    position: relative;
    z-index: 2;
    margin-bottom: 65px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.main .our-quality.type2 .section--content ul li .circle:before {
    content: '';
    left: -11px;
    top: -11px;
    right: -11px;
    bottom: -11px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    position: absolute;
    z-index: -1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.main .our-quality.type2 .section--content ul li .circle:after {
    content: '';
    z-index: 2;
    width: 3px;
    height: 47px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    top: 100%
}

.main .our-quality.type2 .section--content ul li .circle strong {
    height: auto;
    line-height: 120%;
    border-bottom: 0;
    color: #fff;
    font-size: 37px;
    font-weight: 300
}

.main .our-quality.type2 .section--content ul li > span {
    color: #fff;
    line-height: 22px;
    padding: 0 35px
}

.main .our-quality.type2 .section--content ul li:before {
    opacity: .3;
    filter: alpha(opacity=30)
}

.main .our-quality.type2 .section--content ul li:after {
    content: none !important;
    display: none !important
}

.main .our-quality.type2 .section--content ul li:hover .circle {
    -webkit-box-shadow: inset 0 0 0 97px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: inset 0 0 0 97px rgba(255, 255, 255, 0.3);
    -ms-box-shadow: inset 0 0 0 97px rgba(255, 255, 255, 0.3);
    -o-box-shadow: inset 0 0 0 97px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 0 0 97px rgba(255, 255, 255, 0.3)
}

.main .our-quality.type2 .section--content ul li:hover:before {
    opacity: 100;
    filter: alpha(opacity=100);
    visibility: visible
}

.main .our-quality.type2 .section--content ul li.icon-customer:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -118px -676px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 42px;
    width: 39px;
    position: absolute;
    left: 50%;
    margin-left: -19.5px;
    top: 48px
}

.main .our-quality.type2 .section--content ul li.icon-ticket:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -48px -1085px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 48px;
    width: 48px;
    position: absolute;
    left: 50%;
    margin-left: -24px;
    top: 42px
}

.main .our-quality.type2 .section--content ul li.icon-phone:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -760px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 43px;
    width: 46px;
    position: absolute;
    left: 50%;
    margin-left: -23px;
    top: 49px
}

.main .our-quality.type2 .section--content ul li.icon-mail:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -44px -323px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 29px;
    width: 44px;
    position: absolute;
    left: 50%;
    margin-left: -22px;
    top: 52px
}

@media (max-width: 768px) {
    .main .our-quality {
        padding: 15px 0 !important
    }

    .main .our-quality .section--title {
        margin-bottom: 20px;
        padding-bottom: 20px
    }

    .main .our-quality .section--title h3 {
        font-size: 23px
    }

    .main .our-quality .section--title p {
        margin-top: 15px;
        font-size: 14px;
        line-height: 140%
    }

    .main .our-quality .section--content ul li {
        width: 48.75%;
        display: inline-block;
        vertical-align: top;
        margin-top: 25px
    }

    .main .our-quality .section--content ul li:nth-child(n) {
        margin-bottom: 2.5%;
        margin-right: 2.5%
    }

    .main .our-quality .section--content ul li:nth-child(2n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .our-quality .section--content ul li:nth-last-child(-n + 2) {
        margin-bottom: 0
    }

    .main .our-quality .section--content ul li:nth-child(1), .main .our-quality .section--content ul li:nth-child(2) {
        margin-top: 0
    }

    .main .our-quality .section--content ul li strong {
        font-size: 23px
    }

    .main .our-quality .section--content ul li > span {
        font-size: 14px
    }

    .main .our-quality.type2 {
        display: none !important
    }
}

.main .happy-customers {
    overflow: hidden;
    padding: 58px 0;
    background-color: #fff
}

.main .happy-customers .section--title {
    text-align: center;
    border-bottom: 1px solid #e2e6e9;
    padding-bottom: 62px;
    position: relative;
    margin-bottom: 60px
}

.main .happy-customers .section--title:after {
    content: '';
    width: 176px;
    height: 3px;
    background-color: #03a9f4;
    position: absolute;
    left: 50%;
    margin-left: -88px;
    bottom: -2px
}

.main .happy-customers .section--title h3 {
    display: block;
    font: 100 49px/120% Gotham, Arial, sans-serif;
    color: #3b4951
}

.main .happy-customers .section--title h3 strong {
    font-weight: 500
}

.main .happy-customers .section--title h3 .point {
    color: #03a9f4
}

.main .happy-customers .section--title p {
    display: block;
    margin-top: 35px;
    font: 300 22px/26px Gotham, Arial, sans-serif;
    color: #c9ced1
}

.main .happy-customers .section--content {
    position: relative
}

.main .happy-customers .section--content .container {
    padding: 0 35px;
    position: relative
}

.main .happy-customers .section--content .swiper-control {
    width: 18px;
    position: absolute;
    top: -2px;
    cursor: pointer;
    text-indent: -9999px
}

.main .happy-customers .section--content .swiper-control:before, .main .happy-customers .section--content .swiper-control:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .happy-customers .section--content .swiper-control:before {
    opacity: 100;
    filter: alpha(opacity=100);
    visibility: visible
}

.main .happy-customers .section--content .swiper-control:after {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden
}

.main .happy-customers .section--content .swiper-control:hover:before {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden
}

.main .happy-customers .section--content .swiper-control:hover:after {
    opacity: 100;
    filter: alpha(opacity=100);
    visibility: visible
}

.main .happy-customers .section--content .swiper-control.prev {
    left: 0
}

.main .happy-customers .section--content .swiper-control.prev:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -100px -446px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 32px;
    width: 18px
}

.main .happy-customers .section--content .swiper-control.prev:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -118px -412px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 33px;
    width: 19px
}

.main .happy-customers .section--content .swiper-control.next {
    right: 0
}

.main .happy-customers .section--content .swiper-control.next:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -134px -230px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 32px;
    width: 18px
}

.main .happy-customers .section--content .swiper-control.next:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -33px -412px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 33px;
    width: 19px
}

.main .happy-customers .section--content .swiper-container {
    width: 100%
}

.main .happy-customers .section--content .swiper-slide {
    float: left
}

.main .happy-customers .section--content .swiper-slide a {
    display: table;
    width: 100%;
    text-align: center
}

@media (max-width: 480px) {
    .main .happy-customers .section--content .swiper-slide a {
        padding: 0 10px
    }
}

.main .happy-customers .section--content .swiper-slide a span {
    display: inline-block;
    vertical-align: middle;
    line-height: 0
}

.main .happy-customers .section--content .swiper-slide a span img {
    max-width: 100%;
    max-height: 40px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: gray;
    opacity: .5;
    filter: alpha(opacity=50)
}

.main .happy-customers .section--content .swiper-slide a:hover span img {
    opacity: 100;
    filter: alpha(opacity=100);
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: none
}

@media (max-width: 768px) {
    .main .happy-customers {
        padding: 15px 0
    }

    .main .happy-customers .section--title {
        margin-bottom: 20px;
        padding-bottom: 20px
    }

    .main .happy-customers .section--title h3 {
        font-size: 23px
    }

    .main .happy-customers .section--title p {
        margin-top: 15px;
        font-size: 14px;
        line-height: 140%
    }

    .main .happy-customers .section--content {
        padding: 0 15px
    }

    .main .happy-customers .section--content .swiper-control.prev {
        left: -5px
    }

    .main .happy-customers .section--content .swiper-control.next {
        right: -5px
    }
}

.main .main-cover {
    background-color: #2a4763;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
    text-align: center;
    position: relative;
    width: 100%;
    z-index: -1;
    -webkit-box-shadow: inset 0 -5px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 -5px 0 rgba(0, 0, 0, 0.3);
    -ms-box-shadow: inset 0 -5px 0 rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 -5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 -5px 0 rgba(0, 0, 0, 0.3)
}

.main .main-cover .container {
    display: table;
    height: 100%
}

.main .main-cover .container .cell {
    display: table-cell;
    vertical-align: middle
}

.main .main-cover h2 {
    display: block;
    font: 500 44px/120% Gotham, Arial, sans-serif;
    color: #f5f8fa;
    letter-spacing: .3em;
    padding-bottom: 39px;
    margin-bottom: 45px;
    position: relative
}

.main .main-cover h2:before {
    content: '';
    max-width: 418px;
    width: 100%;
    height: 1px;
    background-color: rgba(245, 248, 250, 0.2);
    position: absolute;
    left: 50%;
    margin-left: -209px;
    bottom: 0;
    z-index: 1
}

.main .main-cover h2:after {
    content: '';
    width: 132px;
    height: 3px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -66px;
    bottom: -1px;
    z-index: 2
}

.main .main-cover h2.with-arrow span {
    position: relative
}

.main .main-cover h2.with-arrow span:after {
    content: '';
    background: url(../img/bg-arrow2.png) no-repeat;
    width: 138px;
    height: 105px;
    position: absolute;
    left: 100%;
    top: 24px;
    margin-left: -20px
}

.main .main-cover h2.no-border:before, .main .main-cover h2.no-border:after {
    content: none;
    display: none
}

.main .main-cover p {
    display: block;
    font: 300 20px/120% Gotham, Arial, sans-serif;
    color: #f5f8fa
}

.main .main-cover.color-dark h2, .main .main-cover.color-dark p {
    color: #38434c
}

.main .main-cover.color-dark h2:before, .main .main-cover.color-dark p:before {
    content: none;
    display: none
}

.main .main-cover.color-dark h2:after, .main .main-cover.color-dark p:after {
    width: 54px;
    background-color: #38434c
}

.main .main-cover.full-width h2:before {
    max-width: inherit;
    width: 5000px;
    margin-left: -2500px
}

.main .main-cover.no-shadow {
    -webkit-box-shadow: inherit;
    -moz-box-shadow: inherit;
    -ms-box-shadow: inherit;
    -o-box-shadow: inherit;
    box-shadow: inherit
}

.main .packages-list {
    background-color: #d8eefc;
    padding-bottom: 53px
}

.main .packages-list.bg-light {
    background-color: #f5f8fa
}

.main .packages-list .container {
    position: relative;
    top: -124px;
    margin-bottom: -124px
}

@media (max-width: 768px) {
    .main .packages-list {
        padding-top: 15px
    }

    .main .packages-list .container {
        top: 0;
        margin-bottom: 0
    }
}

.main .packages-list + .container .hosting-packages-detail {
    margin-top: -34px;
    margin-bottom: 53px
}

@media (max-width: 1200px) {
    .main .packages-list + .container {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

.main .packages-list ul {
    font-size: 0
}

.main .packages-list ul > li {
    width: 23%;
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
    min-height: 520px;
    position: relative
}

.main .packages-list ul > li:nth-child(n) {
    margin-bottom: 2.66667%;
    margin-right: 2.66667%
}

.main .packages-list ul > li:nth-child(4n) {
    margin-right: 0;
    margin-bottom: 0
}

.main .packages-list ul > li:nth-last-child(-n + 4) {
    margin-bottom: 0
}

.main .packages-list ul > li.active:before {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-bottom: 9px solid #e8e9ef;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    position: absolute;
    left: 50%;
    margin-left: -9px;
    top: 100%;
    margin-top: 10px
}

@media (max-width: 768px) {
    .main .packages-list ul > li.active:before {
        content: none;
        display: none
    }
}

.main .packages-list ul > li .item--top {
    height: 124px;
    text-align: center;
    background-color: #888
}

.main .packages-list ul > li .item--top h6 {
    display: inline-block;
    font: 500 11px/120% Gotham, Arial, sans-serif;
    color: #fff;
    position: relative;
    height: 30px;
    padding-top: 9px;
    border-top: 6px solid rgba(0, 0, 0, 0.1)
}

.main .packages-list ul > li .item--top h3 {
    display: block;
    height: 94px;
    text-align: center;
    font: 100 73px/120% Gotham, Arial, sans-serif;
    color: #fff;
    white-space: nowrap
}

.main .packages-list ul > li .item--top h3 small {
    position: relative;
    top: 14px;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    font-size: 25px;
    line-height: 120%;
    font-weight: 300
}

.main .packages-list ul > li .item--prop {
    min-height: 318px
}

.main .packages-list ul > li .item--prop li {
    height: 53px;
    border-bottom: 1px solid #f6f7f8;
    font: 300 14px/53px Gotham, Arial, sans-serif;
    color: #4f6074;
    padding: 0 15px;
    position: relative;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .packages-list ul > li .item--prop li:hover {
    background-color: #fafafa
}

.main .packages-list ul > li .item--prop li[class*="icon-"], .main .packages-list ul > li .item--prop li[class^="icon-"] {
    padding-left: 47px
}

.main .packages-list ul > li .item--prop li[class*="icon-"]:before, .main .packages-list ul > li .item--prop li[class^="icon-"]:before {
    content: '';
    position: absolute;
    left: 16px
}

.main .packages-list ul > li .item--prop li span {
    line-height: 53px
}

.main .packages-list ul > li .item--prop li span strong {
    color: #888
}

.main .packages-list ul > li .item--prop li.icon-hdd:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -144px -18px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 17px;
    width: 12px;
    position: absolute;
    top: 50%;
    margin-top: -8.5px;
    left: 18px
}

.main .packages-list ul > li .item--prop li.icon-traffic:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -69px -35px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 16px;
    width: 14px;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 17px
}

.main .packages-list ul > li .item--prop li.icon-mail:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -68px 0;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 13px;
    width: 17px;
    position: absolute;
    top: 50%;
    margin-top: -6.5px
}

.main .packages-list ul > li .item--prop li.icon-account:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -156px -18px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 14px;
    width: 16px;
    position: absolute;
    top: 50%;
    margin-top: -7px
}

.main .packages-list ul > li .item--prop li.icon-uptime:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -28px -73px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 50%;
    margin-top: -8px
}

.main .packages-list ul > li .item--prop li.icon-sql:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -32px -54px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 14px;
    width: 13px;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    left: 18px
}

.main .packages-list ul > li .item--bottom {
    padding: 19px 16px
}

.main .packages-list ul > li .item--bottom .btn-buy {
    display: block;
    height: 48px;
    background-color: #888;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    font: 500 14px/48px Gotham, Arial, sans-serif;
    color: #fff;
    text-align: center
}

.main .packages-list ul > li .item--bottom .btn-buy:hover {
    background-color: #999
}

.main .packages-list ul > li .item--bottom .btn-prop {
    display: block;
    height: 48px;
    border: 2px solid #cbcdd4;
    font: 500 14px/44px Gotham, Arial, sans-serif;
    color: #a8acb8;
    padding-left: 21px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    position: relative;
    margin-bottom: 10px
}

.main .packages-list ul > li .item--bottom .btn-prop:before {
    content: '';
    width: 56px;
    height: 100%;
    border-left: 1px solid rgba(203, 205, 212, 0.2);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.main .packages-list ul > li .item--bottom .btn-prop:after {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -157px -93px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 18px;
    width: 18px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 18px;
    z-index: 2;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.main .packages-list ul > li .item--bottom .btn-prop:hover {
    background-color: #d6d8df
}

.main .packages-list ul > li .item--bottom .btn-prop:hover:after {
    -moz-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg)
}

.main .packages-list ul > li.green .item--top {
    background-color: #1aa69b
}

.main .packages-list ul > li.green .item--prop span strong {
    color: #1aa69b
}

.main .packages-list ul > li.green .item--bottom .btn-buy {
    background-color: #1aa69b
}

.main .packages-list ul > li.green .item--bottom .btn-buy:hover {
    background-color: #24b3a8
}

.main .packages-list ul > li.yellow .item--top {
    background-color: #fbc02d
}

.main .packages-list ul > li.yellow .item--prop span strong {
    color: #fbc02d
}

.main .packages-list ul > li.yellow .item--bottom .btn-buy {
    background-color: #fbc02d
}

.main .packages-list ul > li.yellow .item--bottom .btn-buy:hover {
    background-color: #ffcd50
}

.main .packages-list ul > li.orange .item--top {
    background-color: #ef6c00
}

.main .packages-list ul > li.orange .item--prop span strong {
    color: #ef6c00
}

.main .packages-list ul > li.orange .item--bottom .btn-buy {
    background-color: #ef6c00
}

.main .packages-list ul > li.orange .item--bottom .btn-buy:hover {
    background-color: #f6750b
}

.main .packages-list ul > li.red .item--top {
    background-color: #bf360c
}

.main .packages-list ul > li.red .item--prop span strong {
    color: #bf360c
}

.main .packages-list ul > li.red .item--bottom .btn-buy {
    background-color: #bf360c
}

.main .packages-list ul > li.red .item--bottom .btn-buy:hover {
    background-color: #cc4015
}

@media (max-width: 768px) {
    .main .packages-list ul > li {
        width: 49%;
        display: inline-block;
        vertical-align: top;
        min-height: 0
    }

    .main .packages-list ul > li:nth-child(n) {
        margin-bottom: 2%;
        margin-right: 2%
    }

    .main .packages-list ul > li:nth-child(2n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .packages-list ul > li:nth-last-child(-n + 2) {
        margin-bottom: 0
    }

    .main .packages-list ul > li .item--top {
        height: 95px
    }

    .main .packages-list ul > li .item--top h3 {
        font-size: 50px
    }

    .main .packages-list ul > li .item--top h3 small {
        font-size: 16px
    }

    .main .packages-list ul > li .item--prop li {
        font-size: 13px
    }
}

@media (max-width: 480px) {
    .main .packages-list ul > li {
        width: 100%;
        display: inline-block;
        vertical-align: top
    }

    .main .packages-list ul > li:nth-child(n) {
        margin-bottom: 10px !important;
        margin-right: 10px
    }

    .main .packages-list ul > li:nth-child(1n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .packages-list ul > li:nth-last-child(-n + 1) {
        margin-bottom: 0
    }
}

.main .reseller-dashboard {
    background: url(../img/bg-shape.jpg) no-repeat 50% 0;
    height: 2214px;
    overflow: hidden
}

.main .reseller-dashboard .container {
    height: 100%;
    position: relative
}

.main .reseller-dashboard .box {
    float: left;
    line-height: 0;
    text-align: center
}

.main .reseller-dashboard .box:nth-child(2n) {
    float: right
}

.main .reseller-dashboard .box img {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 32px;
    max-width: 100%
}

.main .reseller-dashboard .box h3 {
    font: 100 25px/120% Gotham, Arial, sans-serif;
    color: #fff;
    margin-bottom: 19px;
    display: block
}

.main .reseller-dashboard .box p {
    display: inline-block;
    vertical-align: top;
    max-width: 420px;
    font: 100 16px/26px Gotham, Arial, sans-serif;
    color: #fff
}

.main .reseller-dashboard .box.box-1 {
    min-height: 529px;
    margin-left: 41px;
    margin-top: 219px
}

.main .reseller-dashboard .box.box-2 {
    min-height: 521px;
    margin-right: 75px;
    margin-top: 227px
}

.main .reseller-dashboard .box.box-3 {
    min-height: 680px;
    margin-left: 22px;
    margin-top: 169px
}

.main .reseller-dashboard .box.box-4 {
    min-height: 783px;
    margin-right: 0;
    margin-top: 68px
}

.main .reseller-dashboard .box.box-5 {
    min-height: 500px;
    margin-left: 40px;
    margin-top: 22px
}

.main .reseller-dashboard .box.box-6 {
    min-height: 783px;
    margin-right: 41px;
    margin-top: 192px
}

.main .reseller-dashboard .box.box-6 img {
    float: left
}

.main .reseller-dashboard .box.box-6 h3 {
    margin-top: 110px
}

.main .reseller-dashboard .box.box-6 h3, .main .reseller-dashboard .box.box-6 p {
    width: 292px;
    text-align: left;
    display: block;
    margin-left: 255px
}

.main .reseller-dashboard.bg-light {
    background: #deecf5 url(../img/bg-shape-light.jpg) no-repeat 50% 0;
    height: 2110px
}

.main .reseller-dashboard.bg-light .box h3, .main .reseller-dashboard.bg-light .box p {
    color: #415a68
}

.main .reseller-dashboard.bg-light .box.box-1 {
    margin-top: 100px
}

.main .reseller-dashboard.bg-light .box.box-2 {
    margin-top: 105px
}

.main .reseller-dashboard.bg-light .box.box-4 {
    margin-right: -37px
}

@media (max-width: 1200px) {
    .main .reseller-dashboard {
        background-color: #22587e;
        height: auto !important;
        background-image: none !important;
        padding: 30px 0 70px
    }

    .main .reseller-dashboard.bg-light {
        background-color: #deecf5
    }

    .main .reseller-dashboard .box {
        float: inherit !important;
        text-align: center !important;
        width: 100% !important;
        margin: 0 0 40px !important;
        min-height: 0 !important
    }

    .main .reseller-dashboard .box:last-child {
        margin-bottom: 0 !important
    }

    .main .reseller-dashboard .box img {
        margin-bottom: 25px;
        float: inherit !important
    }

    .main .reseller-dashboard .box h3 {
        font-size: 23px;
        margin-bottom: 15px;
        width: auto !important;
        text-align: center !important;
        margin-left: 0 !important;
        margin-top: 0 !important
    }

    .main .reseller-dashboard .box p {
        font-size: 14px;
        line-height: 140%;
        margin: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        text-align: center !important
    }
}

.main .corporate-tips {
    background-color: #bfcfd9;
    position: relative;
    text-align: center;
    font: 300 22px/120% Gotham, Arial, sans-serif;
    color: #3a444e;
    padding-top: 57px;
    padding-bottom: 35px
}

.main .corporate-tips:before {
    content: '';
    width: 120px;
    height: 120px;
    background-color: #bfcfd9;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    top: -60px;
    z-index: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.main .corporate-tips:after {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -1205px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 61px;
    width: 64px;
    position: absolute;
    left: 50%;
    margin-left: -32px;
    position: absolute;
    top: -29px;
    z-index: 2
}

@media (max-width: 768px) {
    .main .corporate-tips {
        font-size: 15px;
        padding-top: 60px;
        padding-bottom: 25px
    }
}

.main .ready-scripts {
    background-color: #d8eefc;
    padding-bottom: 55px;
    padding-top: 90px
}

.main .ready-scripts.bg-light {
    background-color: #f5f8fa
}

.main .ready-scripts .section--title {
    text-align: center;
    position: relative;
    margin-bottom: 120px
}

.main .ready-scripts .section--title h3 {
    display: block;
    font: 100 45px/120% Gotham, Arial, sans-serif;
    color: #194769
}

.main .ready-scripts .section--title h3 strong {
    font-weight: 500
}

.main .ready-scripts .section--title h3 .point {
    color: #03a9f4
}

.main .ready-scripts .section--title p {
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
    font: 300 22px/26px Gotham, Arial, sans-serif;
    color: #2b6289;
    position: relative
}

.main .ready-scripts .section--title p:after {
    content: "";
    background: url(../img/bg-arrow1.png) no-repeat;
    width: 196px;
    height: 121px;
    position: absolute;
    left: 100%;
    margin-left: 11px;
    top: 9px
}

.main .ready-scripts .section--content {
    position: relative;
    padding: 0 70px;
    overflow: hidden
}

.main .ready-scripts .section--content .swiper-container {
    width: 100%
}

.main .ready-scripts .section--content .swiper-slide {
    float: left;
    width: 97px
}

.main .ready-scripts .section--content .swiper-slide a {
    display: block;
    height: 97px;
    background-color: #fff;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    position: relative;
    text-indent: -9999px
}

.main .ready-scripts .section--content .swiper-slide a[class*="icon-"]:before, .main .ready-scripts .section--content .swiper-slide a[class*="icon-"]:after, .main .ready-scripts .section--content .swiper-slide a[class^="icon-"]:before, .main .ready-scripts .section--content .swiper-slide a[class^="icon-"]:after {
    content: '';
    position: absolute;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .ready-scripts .section--content .swiper-slide a[class*="icon-"]:after, .main .ready-scripts .section--content .swiper-slide a[class^="icon-"]:after {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden
}

.main .ready-scripts .section--content .swiper-slide a[class*="icon-"]:hover:before, .main .ready-scripts .section--content .swiper-slide a[class^="icon-"]:hover:before {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden
}

.main .ready-scripts .section--content .swiper-slide a[class*="icon-"]:hover:after, .main .ready-scripts .section--content .swiper-slide a[class^="icon-"]:hover:after {
    opacity: 100;
    filter: alpha(opacity=100);
    visibility: visible
}

.main .ready-scripts .section--content .swiper-slide a:hover {
    background-color: #03a9f4
}

.main .ready-scripts .section--content .swiper-slide a.icon-wordpress:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -95px -891px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 47px;
    width: 47px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -23.5px;
    margin-left: -23.5px
}

.main .ready-scripts .section--content .swiper-slide a.icon-wordpress:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -48px -891px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 47px;
    width: 47px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -23.5px;
    margin-left: -23.5px
}

.main .ready-scripts .section--content .swiper-slide a.icon-joomla:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -891px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 47px;
    width: 48px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -23.5px;
    margin-left: -24px
}

.main .ready-scripts .section--content .swiper-slide a.icon-joomla:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -46px -938px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 47px;
    width: 48px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -23.5px;
    margin-left: -24px
}

.main .ready-scripts .section--content .swiper-control {
    background-color: #fff;
    text-indent: -9999px;
    display: block;
    width: 57px;
    height: 97px;
    position: absolute;
    top: 0;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .ready-scripts .section--content .swiper-control:before, .main .ready-scripts .section--content .swiper-control:after {
    content: '';
    position: absolute;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .ready-scripts .section--content .swiper-control:after {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden
}

.main .ready-scripts .section--content .swiper-control.prev {
    left: 0
}

.main .ready-scripts .section--content .swiper-control.prev:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -83px -35px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 18px;
    width: 9px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -9px;
    margin-left: -4.5px
}

.main .ready-scripts .section--content .swiper-control.prev:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -12px -35px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 18px;
    width: 9px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -9px;
    margin-left: -4.5px
}

.main .ready-scripts .section--content .swiper-control.next {
    right: 0
}

.main .ready-scripts .section--content .swiper-control.next:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -164px 0;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 18px;
    width: 9px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -9px;
    margin-left: -4.5px
}

.main .ready-scripts .section--content .swiper-control.next:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -8px -54px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 18px;
    width: 9px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -9px;
    margin-left: -4.5px
}

.main .ready-scripts .section--content .swiper-control:hover {
    background-color: #03a9f4
}

.main .ready-scripts .section--content .swiper-control:hover:before {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden
}

.main .ready-scripts .section--content .swiper-control:hover:after {
    opacity: 100;
    filter: alpha(opacity=100);
    visibility: visible
}

@media (max-width: 768px) {
    .main .ready-scripts .section--content {
        padding: 0 45px
    }

    .main .ready-scripts .section--content .swiper-control {
        width: 40px
    }
}

.main .ready-scripts.with-bg {
    background: url(../img/full-bg6.jpg) no-repeat 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 429px;
    padding-top: 55px
}

.main .ready-scripts.with-bg .section--title h3, .main .ready-scripts.with-bg .section--title p {
    color: #fff
}

.main .ready-scripts.with-bg .section--title h3 .point, .main .ready-scripts.with-bg .section--title p .point {
    color: #fff
}

.main .ready-scripts.with-bg .section--title p:after {
    background-image: url(../img/bg-arrow1-white.png)
}

.main .ready-scripts.with-bg .section--content .swiper-slide a {
    background-color: rgba(0, 0, 0, 0.4)
}

.main .ready-scripts.with-bg .section--content .swiper-slide a:hover {
    background-color: #fff
}

.main .ready-scripts.with-bg .section--content .swiper-slide a.icon-wordpress:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -48px -891px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 47px;
    width: 47px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -23.5px;
    margin-left: -23.5px
}

.main .ready-scripts.with-bg .section--content .swiper-slide a.icon-wordpress:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -95px -891px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 47px;
    width: 47px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -23.5px;
    margin-left: -23.5px
}

.main .ready-scripts.with-bg .section--content .swiper-slide a.icon-joomla:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -46px -938px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 47px;
    width: 48px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -23.5px;
    margin-left: -24px
}

.main .ready-scripts.with-bg .section--content .swiper-slide a.icon-joomla:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -891px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 47px;
    width: 48px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -23.5px;
    margin-left: -24px
}

.main .ready-scripts.with-bg .section--content .swiper-slide a.icon-dolphin:before {
    display: inline-block;
    background-image: url(../img/icons/dolphin.png);
    background-repeat: no-repeat;
    overflow: hidden;
    height: 47px;
    width: 47px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -23.5px;
    margin-left: -23.5px
}

.main .ready-scripts.with-bg .section--content .swiper-slide a.icon-dolphin:after {
    display: inline-block;
    background-image: url(../img/icons/dolphin_invert.png);
    background-repeat: no-repeat;
    overflow: hidden;
    height: 47px;
    width: 47px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -23.5px;
    margin-left: -23.5px
}

.main .ready-scripts.with-bg .section--content .swiper-slide a.icon-drupal:before {
    display: inline-block;
    background-image: url(../img/icons/drupal.png);
    background-repeat: no-repeat;
    overflow: hidden;
    height: 47px;
    width: 47px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -23.5px;
    margin-left: -23.5px
}

.main .ready-scripts.with-bg .section--content .swiper-slide a.icon-drupal:after {
    display: inline-block;
    background-image: url(../img/icons/drupal_invert.png);
    background-repeat: no-repeat;
    overflow: hidden;
    height: 47px;
    width: 47px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -23.5px;
    margin-left: -23.5px
}

.main .ready-scripts.with-bg .section--content .swiper-slide a.icon-magento:before {
    display: inline-block;
    background-image: url(../img/icons/magento.png);
    background-repeat: no-repeat;
    overflow: hidden;
    height: 47px;
    width: 47px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -23.5px;
    margin-left: -23.5px
}

.main .ready-scripts.with-bg .section--content .swiper-slide a.icon-magento:after {
    display: inline-block;
    background-image: url(../img/icons/magento_invert.png);
    background-repeat: no-repeat;
    overflow: hidden;
    height: 47px;
    width: 47px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -23.5px;
    margin-left: -23.5px
}

.main .ready-scripts.with-bg .section--content .swiper-slide a.icon-opencart:before {
    display: inline-block;
    background-image: url(../img/icons/opencart.png);
    background-repeat: no-repeat;
    overflow: hidden;
    height: 47px;
    width: 47px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -23.5px;
    margin-left: -23.5px
}

.main .ready-scripts.with-bg .section--content .swiper-slide a.icon-opencart:after {
    display: inline-block;
    background-image: url(../img/icons/opencart_invert.png);
    background-repeat: no-repeat;
    overflow: hidden;
    height: 47px;
    width: 47px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -23.5px;
    margin-left: -23.5px
}

.main .ready-scripts.with-bg .section--content .swiper-slide a.icon-phpbb:before {
    display: inline-block;
    background-image: url(../img/icons/phpbb.png);
    background-repeat: no-repeat;
    overflow: hidden;
    height: 47px;
    width: 47px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -23.5px;
    margin-left: -23.5px
}

.main .ready-scripts.with-bg .section--content .swiper-slide a.icon-phpbb:after {
    display: inline-block;
    background-image: url(../img/icons/phpbb_invert.png);
    background-repeat: no-repeat;
    overflow: hidden;
    height: 47px;
    width: 47px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -23.5px;
    margin-left: -23.5px
}

.main .ready-scripts.with-bg .section--content .swiper-slide a.icon-prestashop:before {
    display: inline-block;
    background-image: url(../img/icons/prestashop.png);
    background-repeat: no-repeat;
    overflow: hidden;
    height: 47px;
    width: 47px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -23.5px;
    margin-left: -23.5px
}

.main .ready-scripts.with-bg .section--content .swiper-slide a.icon-prestashop:after {
    display: inline-block;
    background-image: url(../img/icons/prestashop_invert.png);
    background-repeat: no-repeat;
    overflow: hidden;
    height: 47px;
    width: 47px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -23.5px;
    margin-left: -23.5px
}

.main .ready-scripts.with-bg .section--content .swiper-slide a.icon-vbulletin:before {
    display: inline-block;
    background-image: url(../img/icons/vbulletin.png);
    background-repeat: no-repeat;
    overflow: hidden;
    height: 47px;
    width: 47px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -23.5px;
    margin-left: -23.5px
}

.main .ready-scripts.with-bg .section--content .swiper-slide a.icon-vbulletin:after {
    display: inline-block;
    background-image: url(../img/icons/vbulletin_invert.png);
    background-repeat: no-repeat;
    overflow: hidden;
    height: 47px;
    width: 47px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -23.5px;
    margin-left: -23.5px
}

.main .ready-scripts.with-bg .section--content .swiper-slide a.icon-whmcs:before {
    display: inline-block;
    background-image: url(../img/icons/whmcs.png);
    background-repeat: no-repeat;
    overflow: hidden;
    height: 47px;
    width: 47px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -23.5px;
    margin-left: -23.5px
}

.main .ready-scripts.with-bg .section--content .swiper-slide a.icon-whmcs:after {
    display: inline-block;
    background-image: url(../img/icons/whmcs_invert.png);
    background-repeat: no-repeat;
    overflow: hidden;
    height: 47px;
    width: 47px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -23.5px;
    margin-left: -23.5px
}

.main .ready-scripts.with-bg .section--content .swiper-control {
    background-color: rgba(0, 0, 0, 0.4)
}

.main .ready-scripts.with-bg .section--content .swiper-control.prev:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -12px -35px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 18px;
    width: 9px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -9px;
    margin-left: -4.5px
}

.main .ready-scripts.with-bg .section--content .swiper-control.prev:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -83px -35px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 18px;
    width: 9px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -9px;
    margin-left: -4.5px
}

.main .ready-scripts.with-bg .section--content .swiper-control.next:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -8px -54px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 18px;
    width: 9px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -9px;
    margin-left: -4.5px
}

.main .ready-scripts.with-bg .section--content .swiper-control.next:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -164px 0;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 18px;
    width: 9px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -9px;
    margin-left: -4.5px
}

.main .ready-scripts.with-bg .section--content .swiper-control:hover {
    background-color: #fff
}

@media (max-width: 768px) {
    .main .ready-scripts {
        padding: 25px 0 !important;
        height: auto !important
    }

    .main .ready-scripts .section--title {
        margin-bottom: 25px
    }

    .main .ready-scripts .section--title h3 {
        font-size: 23px;
        margin-bottom: 15px
    }

    .main .ready-scripts .section--title p {
        font-size: 14px;
        line-height: 140%;
        margin-top: 0
    }
}

.main .script-info {
    background-color: #fff;
    padding: 40px 0;
    overflow: hidden
}

.main .script-info:after {
    content: "";
    display: table;
    clear: both
}

.main .script-info .box {
    float: left;
    width: 544px;
    padding-top: 150px;
    text-align: right
}

.main .script-info .box:nth-child(2n) {
    float: right;
    text-align: left
}

.main .script-info .box h3 {
    display: block;
    font: 300 23px/120% Gotham, Arial, sans-serif;
    color: #3a444e;
    margin-bottom: 22px
}

.main .script-info .box p {
    display: block;
    font: 300 16px/26px Gotham, Arial, sans-serif;
    color: #aeb1b4
}

.main .script-info .box.bg-wordpress {
    background: url(../img/bg-wordpress.png) no-repeat right 0
}

.main .script-info .box.bg-joomla {
    background: url(../img/bg-joomla.png) no-repeat 0 0
}

@media (max-width: 1200px) {
    .main .script-info .box {
        width: 49%;
        display: inline-block;
        vertical-align: top
    }

    .main .script-info .box:nth-child(n) {
        margin-bottom: 2%;
        margin-right: 2%
    }

    .main .script-info .box:nth-child(2n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .script-info .box:nth-last-child(-n + 2) {
        margin-bottom: 0
    }
}

@media (max-width: 768px) {
    .main .script-info .box {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        padding-top: 0 !important;
        background: none !important
    }

    .main .script-info .box:nth-child(n) {
        margin-bottom: 25px !important;
        margin-right: 25px
    }

    .main .script-info .box:nth-child(1n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .script-info .box:nth-last-child(-n + 1) {
        margin-bottom: 0
    }
}

@media (max-width: 768px) and (max-width: 480px) {
    .main .script-info .box {
        text-align: center !important
    }
}

@media (max-width: 768px) {
    .main .script-info .box h3 {
        font-size: 23px;
        margin-bottom: 10px
    }

    .main .script-info .box p {
        font-size: 14px;
        line-height: 140%
    }
}

.main .corporate-page {
    position: relative;
    overflow: hidden;
    z-index: 2;
    min-height: 782px
}

.main .corporate-page.pB {
    padding-bottom: 50px
}

@media (max-width: 768px) {
    .main .corporate-page {
        min-height: 0
    }

    .main .corporate-page.pB {
        padding-bottom: 30px !important
    }

    .main .corporate-page:before {
        height: 299px !important
    }
}

@media (max-width: 480px) {
    .main .corporate-page {
        min-height: 0
    }

    .main .corporate-page.pB {
        padding-bottom: 0 !important
    }
}

.main .corporate-page:before {
    content: '';
    background: url(../img/sunucu-yonetim1.jpg) no-repeat 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 782px !important;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1
}

.main .corporate-page.contact-page {
    padding-top: 350px
}

.main .corporate-page.contact-page:before {
    content: none;
    display: none
}

@media (max-width: 768px) {
    .main .corporate-page.contact-page {
        padding-top: 0
    }

    .main .corporate-page.contact-page .section--content .page--sidebar {
        margin-bottom: 0 !important
    }
}

.main .corporate-page .section--map {
    height: 780px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1
}

@media (max-width: 768px) {
    .main .corporate-page .section--map {
        height: 100%
    }
}

.main .corporate-page .section--map:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background: -moz-linear-gradient(left, #e61e3b 0%, #0057a4 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e61e3b), color-stop(100%, #0057a4));
    background: -webkit-linear-gradient(left, #e61e3b 0%, #0057a4 100%);
    background: -o-linear-gradient(left, #e61e3b 0%, #0057a4 100%);
    background: -ms-linear-gradient(left, #e61e3b 0%, #0057a4 100%);
    background: linear-gradient(to right, #e61e3b 0%, #0057a4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e61e3b', endColorstr='#0057a4', GradientType=1);
    opacity: .8;
    filter: alpha(opacity=80);
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .corporate-page .section--map:hover:before {
    opacity: .2;
    filter: alpha(opacity=20)
}

.main .corporate-page .section--map .map-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: url(../img/map.jpg) no-repeat 50% 50%
}

.main .corporate-page .section--map #map-contact {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.main .corporate-page .section--title {
    font: 500 44px/120% Gotham, Arial, sans-serif;
    color: #fff;
    letter-spacing: .3em;
    height: 230px;
    display: table;
    width: 100%
}

.main .corporate-page .section--title h1 {
    font-weight: 500;
    font-size: 44px;
    display: table-cell;
    vertical-align: middle
}

.main .corporate-page .section--content:after {
    content: "";
    display: table;
    clear: both
}

.main .corporate-page .section--content .page--sidebar {
    width: 292px;
    float: right;
    margin-top: 19px
}

.main .corporate-page .section--content .page--sidebar ul li {
    position: relative;
    z-index: 2
}

.main .corporate-page .section--content .page--sidebar ul li:before {
    content: '';
    width: 5000px;
    height: 1px;
    position: absolute;
    left: 100%;
    bottom: 0;
    z-index: -1;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    background-color: rgba(255, 255, 255, 0.3)
}

.main .corporate-page .section--content .page--sidebar ul li:after {
    content: '';
    width: 11px;
    height: 11px;
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: -11px;
    bottom: -5px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .corporate-page .section--content .page--sidebar ul li a {
    display: block;
    position: relative;
    font: 500 15px/66px Gotham, Arial, sans-serif;
    color: #03b3f7;
    height: 65px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .corporate-page .section--content .page--sidebar ul li a[class*="icon-"], .main .corporate-page .section--content .page--sidebar ul li a[class^="icon-"] {
    padding-left: 86px
}

.main .corporate-page .section--content .page--sidebar ul li a[class*="icon-"]:before, .main .corporate-page .section--content .page--sidebar ul li a[class*="icon-"]:after, .main .corporate-page .section--content .page--sidebar ul li a[class^="icon-"]:before, .main .corporate-page .section--content .page--sidebar ul li a[class^="icon-"]:after {
    content: '';
    position: absolute;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    left: 35px
}

.main .corporate-page .section--content .page--sidebar ul li a[class*="icon-"]:after, .main .corporate-page .section--content .page--sidebar ul li a[class^="icon-"]:after {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden
}

.main .corporate-page .section--content .page--sidebar ul li a.icon-about:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -142px -35px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 16px;
    width: 18px;
    position: absolute;
    top: 50%;
    margin-top: -8px
}

.main .corporate-page .section--content .page--sidebar ul li a.icon-about:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -51px -35px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 16px;
    width: 18px;
    position: absolute;
    top: 50%;
    margin-top: -8px
}

.main .corporate-page .section--content .page--sidebar ul li a.icon-bank:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -78px -73px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 19px;
    width: 19px;
    position: absolute;
    top: 50%;
    margin-top: -9.5px
}

.main .corporate-page .section--content .page--sidebar ul li a.icon-bank:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -97px -73px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 19px;
    width: 19px;
    position: absolute;
    top: 50%;
    margin-top: -9.5px
}

.main .corporate-page .section--content .page--sidebar ul li a.icon-reference:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -135px -73px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 19px;
    width: 19px;
    position: absolute;
    top: 50%;
    margin-top: -9.5px
}

.main .corporate-page .section--content .page--sidebar ul li a.icon-reference:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -116px -73px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 19px;
    width: 19px;
    position: absolute;
    top: 50%;
    margin-top: -9.5px
}

.main .corporate-page .section--content .page--sidebar ul li a.icon-people:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -75px -54px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 17px;
    width: 19px;
    position: absolute;
    top: 50%;
    margin-top: -8.5px;
    margin-top: -10px !important
}

.main .corporate-page .section--content .page--sidebar ul li a.icon-people:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -85px -93px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 17px;
    width: 19px;
    position: absolute;
    top: 50%;
    margin-top: -8.5px;
    margin-top: -10px !important
}

.main .corporate-page .section--content .page--sidebar ul li a.icon-groundwork:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -149px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 18px;
    width: 18px;
    position: absolute;
    top: 50%;
    margin-top: -9px
}

.main .corporate-page .section--content .page--sidebar ul li a.icon-groundwork:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -121px -93px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 18px;
    width: 18px;
    position: absolute;
    top: 50%;
    margin-top: -9px
}

.main .corporate-page .section--content .page--sidebar ul li a.icon-contact:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -154px -73px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 50%;
    margin-top: -10px
}

.main .corporate-page .section--content .page--sidebar ul li a.icon-contact:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -86px -149px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 50%;
    margin-top: -10px
}

.main .corporate-page .section--content .page--sidebar ul li:hover:before, .main .corporate-page .section--content .page--sidebar ul li:hover:after {
    background-color: rgba(255, 255, 255, 0.7)
}

.main .corporate-page .section--content .page--sidebar ul li:hover a {
    border-bottom-color: rgba(255, 255, 255, 0.7)
}

.main .corporate-page .section--content .page--sidebar ul li.active:before {
    background-color: #fff;
    left: -29px
}

.main .corporate-page .section--content .page--sidebar ul li.active:after {
    left: -40px;
    background-color: #fff
}

.main .corporate-page .section--content .page--sidebar ul li.active a {
    border-bottom-color: #fff;
    color: #fff
}

.main .corporate-page .section--content .page--sidebar ul li.active a:before {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden
}

.main .corporate-page .section--content .page--sidebar ul li.active a:after {
    opacity: 100;
    filter: alpha(opacity=100);
    visibility: visible
}

.main .corporate-page .section--content .page--content {
    margin-right: 327px;
    background-color: #fff
}

.main .corporate-page .section--content .page--content .page-content--title {
    padding: 0 41px;
    height: 84px;
    font: 500 23px/83px Gotham, Arial, sans-serif;
    color: #555a6b;
    border-bottom: 1px solid #eeeef0;
    margin-bottom: 20px;
    position: relative
}

.main .corporate-page .section--content .page--content .page-content--title:before {
    content: '';
    width: 40px;
    height: 7px;
    background-color: #03a9f4;
    bottom: -4px;
    position: absolute;
    left: -12px;
    z-index: 2
}

.main .corporate-page .section--content .page--content .page-content--title.fs-21 {
    font-size: 21px;
    font-weight: 300;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 120%;
    height: auto
}

.main .corporate-page .section--content .page--content .page-content--inner {
    padding: 0 41px 30px
}

.main .corporate-page .section--content .page--content .page-content--inner.fix {
    min-height: 448px
}

.main .corporate-page .section--content .page--content .page-content--inner.pb-fix {
    padding-bottom: 10px
}

.main .corporate-page .section--content .page--content .page-content--inner .tab--content {
    font: 300 14px/24px Gotham, Arial, sans-serif;
    color: #878d92
}

.main .corporate-page .section--content .page--content .page-content--inner .tab--content p {
    display: block;
    font: 300 14px/24px Gotham, Arial, sans-serif;
    color: #878d92
}

.main .corporate-page .section--content .page--content .page-content--inner .tab--content p a {
    color: #878d92;
    text-decoration: underline !important
}

.main .corporate-page .section--content .page--content .page-content--inner .tab--content p a:hover {
    text-decoration: none !important;
    color: #03a9f4
}

.main .corporate-page .section--content .page--content .page-content--inner .tab--buttons {
    margin-top: 32px
}

.main .corporate-page .section--content .page--content .page-content--inner .tab--buttons ul {
    font-size: 0
}

.main .corporate-page .section--content .page--content .page-content--inner .tab--buttons ul li {
    width: 24.4311%;
    display: inline-block;
    vertical-align: top
}

.main .corporate-page .section--content .page--content .page-content--inner .tab--buttons ul li:nth-child(n) {
    margin-bottom: .75853%;
    margin-right: .75853%
}

.main .corporate-page .section--content .page--content .page-content--inner .tab--buttons ul li:nth-child(4n) {
    margin-right: 0;
    margin-bottom: 0
}

.main .corporate-page .section--content .page--content .page-content--inner .tab--buttons ul li:nth-last-child(-n + 4) {
    margin-bottom: 0
}

@media (max-width: 480px) {
    .main .corporate-page .section--content .page--content .page-content--inner .tab--buttons ul li {
        width: 49.5%;
        display: inline-block;
        vertical-align: top
    }

    .main .corporate-page .section--content .page--content .page-content--inner .tab--buttons ul li:nth-child(n) {
        margin-bottom: 1%;
        margin-right: 1%
    }

    .main .corporate-page .section--content .page--content .page-content--inner .tab--buttons ul li:nth-child(2n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .corporate-page .section--content .page--content .page-content--inner .tab--buttons ul li:nth-last-child(-n + 2) {
        margin-bottom: 0
    }

    .main .corporate-page .section--content .page--content .page-content--inner .tab--buttons ul li a {
        font-size: 14px !important
    }
}

.main .corporate-page .section--content .page--content .page-content--inner .tab--buttons ul li a {
    display: block;
    height: 98px;
    text-align: center;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    background-color: #f8f8f8;
    font: 300 16px/120% Gotham, Arial, sans-serif;
    color: #58677b;
    padding-top: 67px;
    position: relative
}

.main .corporate-page .section--content .page--content .page-content--inner .tab--buttons ul li a[class*="icon-"]:before, .main .corporate-page .section--content .page--content .page-content--inner .tab--buttons ul li a[class*="icon-"]:after, .main .corporate-page .section--content .page--content .page-content--inner .tab--buttons ul li a[class^="icon-"]:before, .main .corporate-page .section--content .page--content .page-content--inner .tab--buttons ul li a[class^="icon-"]:after {
    content: '';
    position: absolute;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.main .corporate-page .section--content .page--content .page-content--inner .tab--buttons ul li a[class*="icon-"]:after, .main .corporate-page .section--content .page--content .page-content--inner .tab--buttons ul li a[class^="icon-"]:after {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden
}

.main .corporate-page .section--content .page--content .page-content--inner .tab--buttons ul li a.icon-internet:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -106px -637px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 39px;
    width: 39px;
    position: absolute;
    left: 50%;
    margin-left: -19.5px;
    top: 19px
}

.main .corporate-page .section--content .page--content .page-content--inner .tab--buttons ul li a.icon-internet:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -42px -598px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 39px;
    width: 39px;
    position: absolute;
    left: 50%;
    margin-left: -19.5px;
    top: 19px
}

.main .corporate-page .section--content .page--content .page-content--inner .tab--buttons ul li a.icon-cooling:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -637px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 36px;
    width: 32px;
    position: absolute;
    left: 50%;
    margin-left: -16px;
    top: 19px
}

.main .corporate-page .section--content .page--content .page-content--inner .tab--buttons ul li a.icon-cooling:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -142px -446px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 36px;
    width: 32px;
    position: absolute;
    left: 50%;
    margin-left: -16px;
    top: 19px
}

.main .corporate-page .section--content .page--content .page-content--inner .tab--buttons ul li a.icon-energy:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -84px -718px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 40px;
    width: 40px;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    top: 15px
}

.main .corporate-page .section--content .page--content .page-content--inner .tab--buttons ul li a.icon-energy:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -676px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 40px;
    width: 40px;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    top: 15px
}

.main .corporate-page .section--content .page--content .page-content--inner .tab--buttons ul li a.icon-security:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -107px -482px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 39px;
    width: 32px;
    position: absolute;
    left: 50%;
    margin-left: -16px;
    top: 16px
}

.main .corporate-page .section--content .page--content .page-content--inner .tab--buttons ul li a.icon-security:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -75px -482px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 39px;
    width: 32px;
    position: absolute;
    left: 50%;
    margin-left: -16px;
    top: 16px
}

.main .corporate-page .section--content .page--content .page-content--inner .tab--buttons ul li.active a {
    background-color: #03a9f4;
    color: #fff
}

.main .corporate-page .section--content .page--content .page-content--inner .tab--buttons ul li.active a:before {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden
}

.main .corporate-page .section--content .page--content .page-content--inner .tab--buttons ul li.active a:after {
    opacity: 100;
    filter: alpha(opacity=100);
    visibility: visible
}

.main .corporate-page .section--content .page--content .page-content--inner .text {
    font: 300 15px/25px Gotham, Arial, sans-serif;
    color: #878d92
}

@media (max-width: 768px) {
    .main .corporate-page .section--content .page--content .page-content--inner .text {
        font-size: 14px
    }
}

.main .corporate-page .section--content .page--content .page-content--inner .text p {
    display: block;
    margin-bottom: 15px
}

.main .corporate-page .section--content .page--content .page-content--inner .text p:last-child {
    margin-bottom: 0
}

.main .corporate-page .section--content .page--content .page-content--inner .text a {
    color: #878d92;
    text-decoration: underline !important
}

.main .corporate-page .section--content .page--content .page-content--inner .text a:hover {
    text-decoration: none !important;
    color: #03a9f4
}

@media (max-width: 768px) {
    .main .corporate-page .container {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .main .corporate-page .section--title {
        height: 60px
    }

    .main .corporate-page .section--title h1 {
        font-size: 23px;
        text-align: center
    }

    .main .corporate-page .section--content .page--sidebar {
        width: 100%;
        float: inherit;
        margin-bottom: 15px;
        margin-top: 0
    }

    .main .corporate-page .section--content .page--sidebar ul li:before {
        width: auto;
        left: -25px;
        right: -25px
    }

    .main .corporate-page .section--content .page--sidebar ul li:after {
        display: none;
        content: none
    }

    .main .corporate-page .section--content .page--sidebar ul li a {
        border-bottom: 0;
        height: 40px;
        line-height: 40px;
        font-size: 13px;
        padding-left: 52px !important
    }

    .main .corporate-page .section--content .page--sidebar ul li a:before, .main .corporate-page .section--content .page--sidebar ul li a:after {
        left: 15px !important
    }

    .main .corporate-page .section--content .page--sidebar ul li.active:before {
        left: -25px
    }

    .main .corporate-page .section--content .page--content {
        width: 100%;
        float: inherit
    }

    .main .corporate-page .section--content .page--content .page-content--title {
        padding: 0 15px;
        height: 50px;
        font-size: 18px;
        line-height: 50px
    }

    .main .corporate-page .section--content .page--content .page-content--inner {
        padding: 0 15px 15px
    }
}

@media (max-width: 480px) {
    .main .corporate-page .section--title {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        letter-spacing: .1em
    }

    .main .corporate-page .section--title h1 {
        font-size: 18px
    }
}

.main .section-basic {
    padding: 43px;
    margin-bottom: 30px
}

.main .section-basic:last-child {
    margin-bottom: 0
}

.main .section-basic.bg-white {
    background-color: #fff !important
}

.main .section-basic .title {
    font: 300 35px/120% Gotham, Arial, sans-serif;
    color: #585d74;
    padding-bottom: 16px;
    position: relative;
    display: block;
    margin-bottom: 22px
}

.main .section-basic .title:before {
    content: '';
    width: 88px;
    height: 1px;
    background-color: #00c973;
    border-right: 44px solid #03a9f4;
    position: absolute;
    left: 0;
    bottom: 0
}

.main .section-basic .title:after {
    content: '';
    height: 1px;
    width: 44px;
    background-color: #f24d34;
    position: absolute;
    left: 88px;
    bottom: 0
}

.main .section-basic .text {
    display: block;
    font: 300 17px/120% Gotham, Arial, sans-serif;
    color: #585d74
}

.main .section-basic.bg-1 {
    min-height: 414px;
    background: url(../img/bg-basic1.jpg) no-repeat right bottom
}

.main .section-basic.bg-1 p {
    padding-right: 820px
}

.main .section-basic.bg-2 {
    min-height: 348px;
    background: url(../img/bg-basic2.png) no-repeat right bottom
}

.main .section-basic.bg-2 p {
    padding-right: 600px
}

.main .section-basic.bg-3 {
    min-height: 414px;
    background: url(../img/bg-basic3.jpg) no-repeat 33px 70px;
    padding-left: 704px
}

.main .section-basic.bg-4 {
    min-height: 407px;
    background: url(../img/bg-basic4.png) no-repeat right 54px
}

.main .section-basic.bg-4 p {
    padding-right: 685px
}

@media (max-width: 1200px) {
    .main .section-basic {
        margin-bottom: 20px;
        background-image: none !important;
        min-height: 0 !important;
        padding: 20px 0 !important
    }

    .main .section-basic.bg-white {
        padding-left: 25px !important;
        padding-right: 25px !important
    }

    .main .section-basic p {
        padding: 0 !important
    }
}

@media (max-width: 768px) {
    .main .section-basic .title {
        font-size: 23px
    }

    .main .section-basic .text {
        font-size: 14px;
        line-height: 150%
    }
}

@media (max-width: 480px) {
    .main .section-basic {
        padding: 10px 0 !important
    }

    .main .section-basic.bg-white {
        padding-left: 10px !important;
        padding-right: 10px !important
    }
}

.main .banks-info .bank-item {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dbe1e3;
    overflow: hidden
}

.main .banks-info .bank-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.main .banks-info .bank-item ul {
    margin-top: 15px;
    float: left
}

.main .banks-info .bank-item ul li {
    margin-bottom: 14px;
    font: 300 15px/120% Gotham, Arial, sans-serif;
    color: #37404b
}

@media (max-width: 768px) {
    .main .banks-info .bank-item ul li {
        font-size: 14px
    }
}

.main .banks-info .bank-item ul li span {
    display: inline-block;
    vertical-align: top;
    min-width: 125px;
    padding-right: 5px
}

.main .banks-info .bank-item ul li em {
    font-style: normal
}

.main .banks-info .bank-item ul li strong {
    display: inline-block;
    vertical-align: top;
    font-weight: 500;
    color: #91a2ac
}

.main .banks-info .bank-item ul li:last-child {
    margin-bottom: 0
}

.main .banks-info .bank-item .image {
    float: right;
    background-color: #f9f9f9;
    width: 244px;
    height: 135px;
    display: table;
    text-align: center
}

.main .banks-info .bank-item .image span {
    display: table-cell;
    vertical-align: middle;
    line-height: 0;
    padding: 15px
}

.main .banks-info .bank-item .image span img {
    max-width: 100%
}

.main .banks-info .payment-notification {
    margin-top: 15px
}

.main .banks-info .payment-notification:after {
    content: "";
    display: table;
    clear: both
}

.main .banks-info .payment-notification p {
    display: block;
    float: left;
    width: 500px;
    font: 300 15px/24px Gotham, Arial, sans-serif;
    color: #737e87;
    padding-left: 79px;
    position: relative
}

.main .banks-info .payment-notification p:before {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -64px -1205px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 63px;
    width: 63px;
    position: absolute;
    left: 0;
    top: 0
}

.main .banks-info .payment-notification .btn-notification {
    width: 244px;
    height: 56px;
    background-color: #76b852;
    text-align: center;
    font: 500 15px/56px Gotham, Arial, sans-serif;
    color: #fff;
    float: right
}

.main .banks-info .payment-notification .btn-notification:hover {
    background-color: #87cb61
}

@media (max-width: 768px) {
    .main .banks-info .payment-notification {
        text-align: center
    }

    .main .banks-info .payment-notification p {
        width: auto;
        float: inherit;
        text-align: left;
        font-size: 14px
    }

    .main .banks-info .payment-notification .btn-notification {
        float: inherit;
        display: inline-block;
        vertical-align: top;
        margin-top: 20px;
        font-size: 12px
    }
}

@media (max-width: 768px) and (max-width: 480px) {
    .main .banks-info .payment-notification .btn-notification {
        display: block;
        width: 100%
    }
}

.main .contact-info {
    min-height: 241px;
    margin-top: 50px;
    padding-bottom: 20px
}

@media (max-width: 768px) {
    .main .contact-info {
        min-height: 0
    }
}

.main .contact-info ul {
    font-size: 0
}

.main .contact-info ul li {
    text-align: center;
    width: 32.66667%;
    display: inline-block;
    vertical-align: top
}

.main .contact-info ul li:nth-child(n) {
    margin-bottom: 1%;
    margin-right: 1%
}

.main .contact-info ul li:nth-child(3n) {
    margin-right: 0;
    margin-bottom: 0
}

.main .contact-info ul li:nth-last-child(-n + 3) {
    margin-bottom: 0
}

.main .contact-info ul li .icon {
    display: inline-block;
    vertical-align: top;
    width: 75px;
    height: 75px;
    position: relative;
    z-index: 2;
    margin-bottom: 53px
}

.main .contact-info ul li .icon .shape {
    width: 75px;
    height: 75px;
    display: block;
    border: 2px solid #f7f7f7;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
    z-index: -1;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .contact-info ul li .icon .shape:before {
    content: '';
    top: -9px;
    right: -9px;
    bottom: -9px;
    left: -9px;
    position: absolute;
    z-index: -1;
    border: 2px solid #f44336;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .contact-info ul li .icon:after {
    content: '';
    position: absolute;
    z-index: 2
}

.main .contact-info ul li .icon.address:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -118px -446px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 34px;
    width: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -17px;
    margin-left: -12px
}

.main .contact-info ul li .icon.phone:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -54px -291px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 30px;
    width: 31px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -15px;
    margin-left: -15.5px
}

.main .contact-info ul li .icon.phone .shape:before {
    border-color: #76b852
}

.main .contact-info ul li .icon.mail:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -18px -149px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 20px;
    width: 28px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -10px;
    margin-left: -14px
}

.main .contact-info ul li .icon.mail .shape:before {
    border-color: #03a9f4
}

.main .contact-info ul li .caption {
    display: block;
    font: 300 17px/26px Gotham, Arial, sans-serif;
    color: #445969
}

.main .contact-info ul li .caption strong {
    font-weight: 500
}

.main .contact-info ul li .caption a {
    color: #496874
}

.main .contact-info ul li .caption a:hover {
    text-decoration: underline !important
}

.main .contact-info ul li:hover .icon .shape {
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9)
}

.main .contact-info ul li:hover .icon .shape:before {
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

@media (max-width: 768px) {
    .main .contact-info ul li {
        width: 49%;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 55px !important
    }

    .main .contact-info ul li:nth-child(n) {
        margin-bottom: 2%;
        margin-right: 2%
    }

    .main .contact-info ul li:nth-child(2n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .contact-info ul li:nth-last-child(-n + 2) {
        margin-bottom: 0
    }

    .main .contact-info ul li .caption {
        font-size: 14px
    }

    .main .contact-info ul li:last-child {
        margin-bottom: 0 !important
    }
}

@media (max-width: 480px) {
    .main .contact-info ul li {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 55px !important
    }

    .main .contact-info ul li:nth-child(n) {
        margin-bottom: 55px !important;
        margin-right: 55px
    }

    .main .contact-info ul li:nth-child(1n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .contact-info ul li:nth-last-child(-n + 1) {
        margin-bottom: 0
    }

    .main .contact-info ul li:last-child {
        margin-bottom: 0 !important
    }
}

.main .contact-form {
    margin-top: 74px
}

.main .contact-form .item {
    margin-bottom: 20px;
    position: relative;
    line-height: 0;
    z-index: 2
}

.main .contact-form .item.mB50 {
    margin-bottom: 50px
}

.main .contact-form .item .border {
    position: absolute;
    left: 0;
    height: 11px;
    right: 0;
    bottom: 0;
    z-index: -1
}

.main .contact-form .item .border:before, .main .contact-form .item .border:after {
    content: '';
    height: 100%;
    width: 1px;
    position: absolute;
    bottom: 0;
    background-color: #bbbdc4;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .contact-form .item .border:before {
    left: 0
}

.main .contact-form .item .border:after {
    right: 0
}

.main .contact-form .tb, .main .contact-form .ta {
    width: 100%;
    height: 70px;
    border-bottom: 1px solid #bbbdc4;
    background-color: transparent;
    color: #9497a0;
    font: 300 20px Gotham, Arial, sans-serif;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    padding: 0 24px 2px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    vertical-align: top
}

.main .contact-form .tb::-webkit-input-placeholder, .main .contact-form .ta::-webkit-input-placeholder {
    color: #9497a0;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .contact-form .tb:-moz-placeholder, .main .contact-form .ta:-moz-placeholder {
    color: #9497a0;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .contact-form .tb::-moz-placeholder, .main .contact-form .ta::-moz-placeholder {
    color: #9497a0;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .contact-form .tb:-ms-input-placeholder, .main .contact-form .ta:-ms-input-placeholder {
    color: #9497a0;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .contact-form .tb:focus::-webkit-input-placeholder, .main .contact-form .ta:focus::-webkit-input-placeholder {
    opacity: 0 !important
}

.main .contact-form .tb:focus:-moz-placeholder, .main .contact-form .ta:focus:-moz-placeholder {
    opacity: 0 !important
}

.main .contact-form .tb:focus::-moz-placeholder, .main .contact-form .ta:focus::-moz-placeholder {
    opacity: 0 !important
}

.main .contact-form .tb:focus:-ms-input-placeholder, .main .contact-form .ta:focus:-ms-input-placeholder {
    opacity: 0 !important
}

.main .contact-form .tb:focus, .main .contact-form .ta:focus {
    border-bottom-color: #03a9f4
}

.main .contact-form .tb:focus + .border:before, .main .contact-form .tb:focus + .border:after, .main .contact-form .ta:focus + .border:before, .main .contact-form .ta:focus + .border:after {
    background-color: #03a9f4
}

.main .contact-form .ta {
    height: 100px;
    resize: none;
    overflow: auto
}

.main .contact-form .ta + .border {
    height: 30px
}

.main .contact-form .btn-submit {
    width: 171px;
    height: 52px;
    border: 1px solid #03a9f4;
    text-align: center;
    font: 500 15px/50px Gotham, Arial, sans-serif;
    color: #03a9f4;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    display: inline-block;
    vertical-align: top
}

.main .contact-form .btn-submit:hover {
    background-color: #03a9f4;
    color: #fff
}

@media (max-width: 768px) {
    .main .contact-form {
        margin-top: 15px
    }

    .main .contact-form .ta, .main .contact-form .tb {
        height: 50px;
        font-size: 14px;
        padding-left: 15px;
        padding-right: 15px
    }

    .main .contact-form .ta {
        height: 70px
    }
}

.main .references ul {
    font-size: 0
}

.main .references ul li {
    width: 23.95702%;
    display: inline-block;
    vertical-align: top
}

.main .references ul li:nth-child(n) {
    margin-bottom: 1.39064%;
    margin-right: 1.39064%
}

.main .references ul li:nth-child(4n) {
    margin-right: 0;
    margin-bottom: 0
}

.main .references ul li:nth-last-child(-n + 4) {
    margin-bottom: 0
}

.main .references ul li a {
    display: table;
    width: 100%;
    height: 138px;
    border: 1px solid #ebeeef;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.main .references ul li a .cell {
    text-align: center;
    display: table-cell;
    padding: 10px;
    vertical-align: middle;
    line-height: 0
}

.main .references ul li a .cell img {
    max-width: 100%;
    max-height: 118px
}

.main .references ul li a img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: gray;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    opacity: .7;
    filter: alpha(opacity=70)
}

.main .references ul li a:hover {
    border-color: #03a9f4;
    -webkit-box-shadow: inset 0 0 0 2px #03a9f4;
    -moz-box-shadow: inset 0 0 0 2px #03a9f4;
    -ms-box-shadow: inset 0 0 0 2px #03a9f4;
    -o-box-shadow: inset 0 0 0 2px #03a9f4;
    box-shadow: inset 0 0 0 2px #03a9f4
}

.main .references ul li a:hover img {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: none;
    opacity: 100;
    filter: alpha(opacity=100)
}

@media (max-width: 768px) {
    .main .references ul li {
        width: 32.33333%;
        display: inline-block;
        vertical-align: top
    }

    .main .references ul li:nth-child(n) {
        margin-bottom: 1.5%;
        margin-right: 1.5%
    }

    .main .references ul li:nth-child(3n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .references ul li:nth-last-child(-n + 3) {
        margin-bottom: 0
    }
}

@media (max-width: 480px) {
    .main .references ul li {
        width: 49.5%;
        display: inline-block;
        vertical-align: top
    }

    .main .references ul li:nth-child(n) {
        margin-bottom: 1%;
        margin-right: 1%
    }

    .main .references ul li:nth-child(2n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .references ul li:nth-last-child(-n + 2) {
        margin-bottom: 0
    }
}

.main .faq-section .box {
    margin-bottom: 37px
}

.main .faq-section .box:last-child {
    margin-bottom: 0
}

.main .faq-section h3 {
    display: block;
    font: 500 18px/120% Gotham, Arial, sans-serif;
    color: #555a6b;
    margin-bottom: 29px
}

.main .faq-section .cat ul {
    font-size: 0
}

.main .faq-section .cat ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0 7px 7px 0
}

.main .faq-section .cat ul li a {
    width: 214px;
    height: 78px;
    display: block;
    text-align: center;
    border: 3px solid #03a9f4;
    font: 500 15px/72px Gotham, Arial, sans-serif;
    color: #03a9f4;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .faq-section .cat ul li a:hover {
    background-color: #03a9f4;
    color: #fff
}

@media (max-width: 480px) {
    .main .faq-section .cat ul li {
        display: block;
        margin: 0 0 7px
    }

    .main .faq-section .cat ul li a {
        width: 100%;
        height: auto;
        font-size: 14px;
        padding: 7px 10px;
        text-align: center;
        line-height: 120%
    }
}

.main .faq-section .questions ul {
    font-size: 0
}

.main .faq-section .questions ul li {
    display: block;
    margin-bottom: 13px
}

.main .faq-section .questions ul li:last-child {
    margin-bottom: 0
}

.main .faq-section .questions ul li a {
    display: inline-block;
    vertical-align: top;
    padding: 10px 22px 9px 29px;
    min-height: 39px;
    background-color: #f6f7f7;
    font: 500 15px/120% Gotham, Arial, sans-serif;
    color: #555a6b;
    position: relative;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .faq-section .questions ul li a:hover {
    background-color: #ebefef
}

.main .faq-section .questions ul li a:before {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -25px -18px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 8px;
    width: 5px;
    position: absolute;
    left: 14px;
    top: 15px
}

.main .faq-section-new {
    margin-top: 435px;
    padding-bottom: 38px;
    position: relative;
    background-color: #fff
}

.main .faq-section-new:before {
    content: '';
    background: url(../img/bg-faq1.png) no-repeat;
    width: 1186px;
    height: 394px;
    position: absolute;
    z-index: 3;
    left: 50%;
    margin-left: -593px;
    top: -368px
}

.main .faq-section-new.bg-2 {
    margin-top: 378px
}

.main .faq-section-new.bg-2:before {
    content: '';
    background: url(../img/bg-faq2.png) no-repeat;
    width: 1197px;
    height: 311px;
    left: 50%;
    margin-left: -598.5px;
    top: -311px
}

.main .faq-section-new .section--title {
    display: block;
    position: relative;
    padding-top: 124px;
    text-align: center;
    font: 500 22px/120% Gotham, Arial, sans-serif;
    color: #03a9f4;
    margin-bottom: 40px
}

.main .faq-section-new .section--title:before {
    content: '';
    width: 3px;
    height: 104px;
    background-color: #03a9f4;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -1px
}

.main .faq-section-new .section--title:after {
    content: '';
    width: 32px;
    height: 3px;
    background-color: #03a9f4;
    position: absolute;
    left: 50%;
    margin-left: -16px;
    top: 104px
}

@media (max-width: 768px) {
    .main .faq-section-new .section--title {
        padding-top: 64px;
        margin-bottom: 20px;
        font-size: 17px
    }

    .main .faq-section-new .section--title:before {
        height: 44px
    }

    .main .faq-section-new .section--title:after {
        top: 44px
    }
}

.main .faq-section-new .section--content ul li {
    background-color: #f5f8fa;
    margin-bottom: 14px;
    border: 3px solid #f5f8fa;
    position: relative;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .faq-section-new .section--content ul li:hover {
    background-color: #e8eef1;
    border-color: #e8eef1
}

.main .faq-section-new .section--content ul li:last-child {
    margin-bottom: 0
}

.main .faq-section-new .section--content ul li .faq--btn {
    display: block;
    font: 500 17px/130% Gotham, Arial, sans-serif;
    color: #4c5b65;
    padding: 18px 95px 17px 24px;
    min-height: 54px
}

.main .faq-section-new .section--content ul li .faq--btn:before {
    content: '';
    position: absolute;
    right: -3px;
    top: -3px;
    bottom: -3px;
    width: 60px;
    background-color: #dcdfe1;
    z-index: 2;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .faq-section-new .section--content ul li .faq--btn:after {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -50px -18px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 7px;
    width: 12px;
    position: absolute;
    top: 50%;
    margin-top: -3.5px;
    right: 20px;
    z-index: 3
}

.main .faq-section-new .section--content ul li .faq--content {
    display: none;
    border-top: 1px solid #e8e9ec;
    padding: 18px 0;
    margin-left: 24px;
    margin-right: 107px;
    font: 300 15px/21px Gotham, Arial, sans-serif;
    color: #4c5b65
}

@media (max-width: 768px) {
    .main .faq-section-new .section--content ul li .faq--btn {
        font-size: 14px;
        padding-left: 12px pp;
        padding-right: 62px
    }

    .main .faq-section-new .section--content ul li .faq--btn:before {
        width: 50px
    }

    .main .faq-section-new .section--content ul li .faq--btn:after {
        right: 15px
    }

    .main .faq-section-new .section--content ul li .faq--content {
        font-size: 13px;
        line-height: 18px;
        margin-left: 12px;
        margin-right: 62px
    }
}

.main .faq-section-new .section--content ul li.active {
    background-color: #fff;
    border-color: #f5f8fa
}

.main .faq-section-new .section--content ul li.active .faq--btn:before {
    background-color: #f5f8fa
}

.main .faq-section-new .section--content ul li.active .faq--btn:after {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.main .faq-section-new.inline {
    margin-top: 0;
    padding-bottom: 0
}

.main .faq-section-new.inline:before {
    content: none;
    display: none
}

.main .faq-section-new.inline .section--content {
    background-color: #e8ebf0
}

@media (max-width: 1200px) {
    .main .faq-section-new {
        margin-top: 20px !important
    }

    .main .faq-section-new:before {
        content: none !important;
        display: none !important
    }
}

@media (max-width: 768px) {
    .main .faq-section-new {
        margin-top: 15px !important
    }
}

.main .domain-search-box {
    height: 168px;
    margin-top: -168px
}

.main .domain-search-box .container {
    position: relative
}

.main .domain-search-box .container:before {
    content: 'www.';
    position: absolute;
    font: 300 31px/120% Gotham, Arial, sans-serif;
    left: 29px;
    color: #949fa6;
    top: 26px;
    z-index: 3
}

.main .domain-search-box form {
    position: relative
}

.main .domain-search-box .tb {
    width: 100%;
    height: 93px;
    background-color: #fff;
    padding-left: 117px;
    padding-right: 400px;
    padding-bottom: 3px;
    font: 500 31px Gotham, Arial, sans-serif;
    color: #949fa6;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .domain-search-box .tb::-webkit-input-placeholder {
    color: #949fa6;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .domain-search-box .tb:-moz-placeholder {
    color: #949fa6;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .domain-search-box .tb::-moz-placeholder {
    color: #949fa6;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .domain-search-box .tb:-ms-input-placeholder {
    color: #949fa6;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .domain-search-box .tb:focus::-webkit-input-placeholder {
    opacity: 0 !important
}

.main .domain-search-box .tb:focus:-moz-placeholder {
    opacity: 0 !important
}

.main .domain-search-box .tb:focus::-moz-placeholder {
    opacity: 0 !important
}

.main .domain-search-box .tb:focus:-ms-input-placeholder {
    opacity: 0 !important
}

.main .domain-search-box .tb:focus {
    -webkit-box-shadow: 0 0 0 4px #76b852;
    -moz-box-shadow: 0 0 0 4px #76b852;
    -ms-box-shadow: 0 0 0 4px #76b852;
    -o-box-shadow: 0 0 0 4px #76b852;
    box-shadow: 0 0 0 4px #76b852
}

.main .domain-search-box .btn-base {
    width: 179px;
    height: 77px;
    background-color: #03a9f4;
    text-align: center;
    font: 500 17px/76px Gotham, Arial, sans-serif;
    color: #fff;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    position: absolute;
    right: 9px;
    top: 8px;
    z-index: 2
}

.main .domain-search-box .btn-base:hover {
    background-color: #26bbff
}

.main .domain-search-box .btn-base.primary {
    background-color: #76b852;
    right: 9px
}

.main .domain-search-box .btn-base.primary:hover {
    background-color: #87cb61
}

.main .domain-search-box.multiple {
    height: 363px;
    margin-top: -363px
}

.main .domain-search-box.multiple .container:before {
    content: none !important
}

.main .domain-search-box.multiple .input {
    position: relative;
    line-height: 0
}

.main .domain-search-box.multiple .input .ta {
    background-color: transparent;
    height: 260px;
    width: 100%;
    padding: 30px 29px;
    font: 300 17px/24px Gotham, Arial, sans-serif;
    color: #949fa6;
    resize: none;
    overflow: auto;
    position: relative;
    z-index: 2;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .domain-search-box.multiple .input .ta:focus {
    background-color: #f5f8fa
}

.main .domain-search-box.multiple .input .ta.first-focus {
    background-color: #f5f8fa
}

.main .domain-search-box.multiple .input span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #f5f8fa;
    padding: 30px 29px;
    font: 300 17px/20px Gotham, Arial, sans-serif;
    color: #949fa6;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .domain-search-box.multiple .btn-base {
    position: inherit;
    top: 0;
    right: 0;
    width: 100%;
    min-width: 0;
    margin-top: 10px;
    height: 50px;
    line-height: 50px
}

@media (max-width: 768px) {
    .main .domain-search-box {
        height: 110px;
        margin-top: 15px !important
    }

    .main .domain-search-box.multiple {
        height: auto
    }

    .main .domain-search-box.multiple .input .ta {
        height: 150px;
        border: 1px solid #ddd;
        background-color: #fff;
        padding: 7px 15px;
        font-size: 13px;
        line-height: 20px
    }

    .main .domain-search-box.multiple .input span {
        display: none !important
    }
}

.main .offer-privileges {
    background-color: #f5f8fa
}

.main .offer-privileges .section--title {
    padding: 44px 0 45px;
    text-align: center;
    position: relative;
    background-color: #fff
}

.main .offer-privileges .section--title:before {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -119px -179px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 24px;
    width: 50px;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    position: absolute;
    bottom: -24px;
    z-index: 2
}

.main .offer-privileges .section--title h3 {
    display: block;
    font: 100 43px/120% Gotham, Arial, sans-serif;
    color: #4f6074;
    margin-bottom: 7px
}

.main .offer-privileges .section--title p {
    font: 300 17px/120% Gotham, Arial, sans-serif;
    color: #748498;
    display: block
}

.main .offer-privileges .section--content {
    padding-top: 72px;
    padding-bottom: 36px
}

.main .offer-privileges .section--content .swiper-container {
    padding-top: 6px;
    width: 100%
}

.main .offer-privileges .section--content .swiper-container .swiper-wrapper {
    font-size: 0;
    display: block !important
}

.main .offer-privileges .section--content .swiper-container .swiper-slide {
    float: inherit !important;
    width: 19.5625%;
    display: inline-block;
    vertical-align: top;
    min-height: 280px;
    padding-bottom: 10px;
    text-align: center;
    margin-right: 7.25%
}

.main .offer-privileges .section--content .swiper-container .swiper-slide:nth-child(n) {
    margin-bottom: 7.25%;
    margin-right: 7.25%
}

.main .offer-privileges .section--content .swiper-container .swiper-slide:nth-child(4n) {
    margin-right: 0;
    margin-bottom: 0
}

.main .offer-privileges .section--content .swiper-container .swiper-slide:nth-last-child(-n + 4) {
    margin-bottom: 0
}

.main .offer-privileges .section--content .swiper-container .swiper-slide:last-child {
    margin-right: 0
}

.main .offer-privileges .section--content .swiper-container .swiper-slide .item--icon {
    display: inline-block;
    vertical-align: top;
    width: 117px;
    height: 117px;
    border: 6px solid #03a9f4;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    margin-bottom: 35px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .offer-privileges .section--content .swiper-container .swiper-slide .item--icon:before {
    content: '';
    position: absolute
}

.main .offer-privileges .section--content .swiper-container .swiper-slide .item--icon.icon-ns:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -49px -1034px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 50px;
    width: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -25px;
    margin-left: -21px
}

.main .offer-privileges .section--content .swiper-container .swiper-slide .item--icon.icon-whois:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -126px -846px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 45px;
    width: 47px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -22.5px;
    margin-left: -23.5px
}

.main .offer-privileges .section--content .swiper-container .swiper-slide .item--icon.icon-transfer:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -73px -676px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 42px;
    width: 45px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -21px;
    margin-left: -22.5px
}

.main .offer-privileges .section--content .swiper-container .swiper-slide .item--icon.icon-redirect:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -598px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 39px;
    width: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -19.5px;
    margin-left: -21px
}

.main .offer-privileges .section--content .swiper-container .swiper-slide .item--title {
    display: block;
    text-align: center;
    font: 500 16px/120% Gotham, Arial, sans-serif;
    color: #949fa6;
    margin-bottom: 16px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .offer-privileges .section--content .swiper-container .swiper-slide .item--caption {
    display: block;
    text-align: center;
    font: 300 15px/24px Gotham, Arial, sans-serif;
    color: #949fa6
}

.main .offer-privileges .section--content .swiper-container .swiper-slide:hover .item--icon {
    -webkit-box-shadow: 0 0 0 6px #76b852;
    -moz-box-shadow: 0 0 0 6px #76b852;
    -ms-box-shadow: 0 0 0 6px #76b852;
    -o-box-shadow: 0 0 0 6px #76b852;
    box-shadow: 0 0 0 6px #76b852
}

.main .offer-privileges .section--content .swiper-container .swiper-slide:hover .item--title {
    color: #76b852
}

.main .offer-privileges .section--content .swiper-pagination {
    margin-top: 58px;
    text-align: center;
    width: 100%;
    position: relative;
    left: 0;
    top: 0
}

.main .offer-privileges .section--content .swiper-pagination span {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 16px;
    border: 2px solid #8f979e;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    cursor: pointer;
    margin-right: 7px
}

.main .offer-privileges .section--content .swiper-pagination span:last-child {
    margin-right: 0
}

.main .offer-privileges .section--content .swiper-pagination span:hover {
    background-color: #8f979e
}

.main .offer-privileges .section--content .swiper-pagination span.active {
    background-color: #03a9f4;
    border-color: #03a9f4
}

@media (max-width: 768px) {
    .main .offer-privileges {
        padding: 15px 0
    }

    .main .offer-privileges .section--title {
        margin-bottom: 20px;
        padding-bottom: 20px
    }

    .main .offer-privileges .section--title h3 {
        font-size: 23px
    }

    .main .offer-privileges .section--title p {
        margin-top: 15px;
        font-size: 14px;
        line-height: 140%
    }

    .main .offer-privileges .section--content {
        padding-top: 15px;
        padding-bottom: 0
    }

    .main .offer-privileges .section--content .swiper-container .swiper-slide .item--icon {
        margin-bottom: 22px
    }

    .main .offer-privileges .section--content .swiper-container .swiper-slide .item--caption {
        display: none
    }

    .main .offer-privileges .section--content .swiper-container .swiper-slide .item--title {
        margin-bottom: 0
    }

    .main .offer-privileges .section--content .swiper-pagination span {
        margin-bottom: 7px
    }
}

.main .offer-privileges-new {
    background: #f5f8fa url(../img/full-bg10.jpg) no-repeat 50% 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.main .offer-privileges-new .section--title {
    padding: 44px 0 45px;
    text-align: center;
    position: relative
}

.main .offer-privileges-new .section--title h3 {
    display: block;
    font: 100 43px/120% Gotham, Arial, sans-serif;
    color: #4f6074;
    margin-bottom: 7px
}

.main .offer-privileges-new .section--title p {
    font: 300 17px/120% Gotham, Arial, sans-serif;
    color: #748498;
    display: block
}

.main .offer-privileges-new .section--content {
    position: relative;
    padding-bottom: 18px;
    padding-top: 50px;
    overflow: hidden
}

.main .offer-privileges-new .section--content:before {
    content: '';
    width: 3px;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    background-color: #03a9f4;
    top: 7px;
    bottom: 0
}

.main .offer-privileges-new .section--content:after {
    content: '';
    width: 15px;
    height: 15px;
    background-color: #03a9f4;
    position: absolute;
    left: 50%;
    margin-left: -7px;
    top: 6px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    z-index: 2;
    -webkit-box-shadow: 0 0 0 6px rgba(3, 169, 244, 0.25);
    -moz-box-shadow: 0 0 0 6px rgba(3, 169, 244, 0.25);
    -ms-box-shadow: 0 0 0 6px rgba(3, 169, 244, 0.25);
    -o-box-shadow: 0 0 0 6px rgba(3, 169, 244, 0.25);
    box-shadow: 0 0 0 6px rgba(3, 169, 244, 0.25)
}

@media (max-width: 768px) {
    .main .offer-privileges-new .section--content:before, .main .offer-privileges-new .section--content:after {
        content: none;
        display: none
    }
}

.main .offer-privileges-new .section--content ul {
    font-size: 0
}

.main .offer-privileges-new .section--content ul:after {
    content: "";
    display: table;
    clear: both
}

.main .offer-privileges-new .section--content ul li {
    width: 649px;
    float: right;
    min-height: 115px;
    position: relative;
    margin-bottom: 13px
}

.main .offer-privileges-new .section--content ul li:last-child {
    margin-bottom: 0
}

.main .offer-privileges-new .section--content ul li .icon {
    width: 98px;
    height: 98px;
    background-color: #03a9f4;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    border: 12px solid #f5f8fa;
    -webkit-box-shadow: 0 0 0 2px #03a9f4;
    -moz-box-shadow: 0 0 0 2px #03a9f4;
    -ms-box-shadow: 0 0 0 2px #03a9f4;
    -o-box-shadow: 0 0 0 2px #03a9f4;
    box-shadow: 0 0 0 2px #03a9f4;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .offer-privileges-new .section--content ul li .icon:before {
    content: '';
    position: absolute
}

.main .offer-privileges-new .section--content ul li .icon.icon-activation:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -446px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 32px;
    width: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -16px;
    margin-left: -21px
}

.main .offer-privileges-new .section--content ul li .icon.icon-online:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -75px -637px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 38px;
    width: 31px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -19px;
    margin-left: -15.5px
}

.main .offer-privileges-new .section--content ul li .icon.icon-sms:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -132px -323px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 29px;
    width: 33px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -14.5px;
    margin-left: -16.5px
}

.main .offer-privileges-new .section--content ul li .icon.icon-www:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -262px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 27px;
    width: 33px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -13.5px;
    margin-left: -16.5px
}

.main .offer-privileges-new .section--content ul li .icon.icon-whois:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -482px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 35px;
    width: 39px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -17.5px;
    margin-left: -19.5px
}

.main .offer-privileges-new .section--content ul li .icon.icon-lock:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -147px -522px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 40px;
    width: 28px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -20px;
    margin-left: -14px
}

.main .offer-privileges-new .section--content ul li .icon.icon-transfer:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -39px -482px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 36px;
    width: 36px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -18px;
    margin-left: -18px
}

.main .offer-privileges-new .section--content ul li .item--caption {
    margin-top: -13px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    padding: 22px 33px;
    font: 300 14px/23px Gotham, Arial, sans-serif;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    vertical-align: top;
    color: #8f979e;
    margin-left: 130px;
    text-align: left;
    position: relative
}

.main .offer-privileges-new .section--content ul li .item--caption:before {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-right: 12px solid #fff;
    border-bottom: 12px solid transparent;
    border-top: 12px solid transparent;
    position: absolute;
    right: 100%;
    top: 50px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .offer-privileges-new .section--content ul li .item--caption:after {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-left: 12px solid #fff;
    border-bottom: 12px solid transparent;
    border-top: 12px solid transparent;
    position: absolute;
    left: 100%;
    top: 50px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .offer-privileges-new .section--content ul li .item--caption strong {
    display: block;
    font: 300 21px/120% Gotham, Arial, sans-serif;
    color: #8f979e;
    margin-bottom: 13px
}

.main .offer-privileges-new .section--content ul li:hover .icon {
    -webkit-box-shadow: 0 0 0 3px #03a9f4;
    -moz-box-shadow: 0 0 0 3px #03a9f4;
    -ms-box-shadow: 0 0 0 3px #03a9f4;
    -o-box-shadow: 0 0 0 3px #03a9f4;
    box-shadow: 0 0 0 3px #03a9f4;
    border-width: 5px
}

.main .offer-privileges-new .section--content ul li:hover .item--caption {
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.07);
    -ms-box-shadow: 0 0 7px rgba(0, 0, 0, 0.07);
    -o-box-shadow: 0 0 7px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.07);
    background-color: #fff
}

.main .offer-privileges-new .section--content ul li:hover .item--caption:before {
    opacity: 1;
    visibility: visible
}

.main .offer-privileges-new .section--content ul li:hover .item--caption:after {
    opacity: 0;
    visibility: hidden
}

.main .offer-privileges-new .section--content ul li:nth-child(even) {
    float: left
}

.main .offer-privileges-new .section--content ul li:nth-child(even) .icon {
    left: auto;
    right: 0
}

.main .offer-privileges-new .section--content ul li:nth-child(even) .item--caption {
    margin-left: 0;
    margin-right: 130px;
    text-align: right
}

.main .offer-privileges-new .section--content ul li:nth-child(even):hover .item--caption:before {
    opacity: 0;
    visibility: hidden
}

.main .offer-privileges-new .section--content ul li:nth-child(even):hover .item--caption:after {
    opacity: 1;
    visibility: visible
}

@media (max-width: 1200px) {
    .main .offer-privileges-new .section--content ul li {
        width: 54%
    }
}

@media (max-width: 768px) {
    .main .offer-privileges-new .section--content ul li {
        width: 100%;
        float: inherit !important
    }

    .main .offer-privileges-new .section--content ul li .icon {
        width: 60px;
        height: 60px;
        border-width: 3px !important
    }

    .main .offer-privileges-new .section--content ul li .item--caption {
        padding: 15px;
        margin-left: 80px;
        font-size: 12px;
        line-height: 18px
    }

    .main .offer-privileges-new .section--content ul li .item--caption:before, .main .offer-privileges-new .section--content ul li .item--caption:after {
        top: 30px
    }

    .main .offer-privileges-new .section--content ul li .item--caption strong {
        font-size: 17px
    }

    .main .offer-privileges-new .section--content ul li:nth-child(even) {
        float: left
    }

    .main .offer-privileges-new .section--content ul li:nth-child(even) .item--caption {
        margin-left: 0;
        margin-right: 80px
    }
}

@media (max-width: 768px) {
    .main .offer-privileges-new {
        padding: 15px 0
    }

    .main .offer-privileges-new .section--title {
        margin-bottom: 20px;
        padding-bottom: 20px
    }

    .main .offer-privileges-new .section--title h3 {
        font-size: 23px
    }

    .main .offer-privileges-new .section--title p {
        margin-top: 15px;
        font-size: 14px;
        line-height: 140%
    }
}

.main .domain-choose-new {
    margin-top: 39px;
    border: 2px solid #f5f8fa;
    padding: 24px 15px;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.main .domain-choose-new .domain-choose {
    margin-bottom: 35px
}

@media (max-width: 768px) {
    .main .domain-choose-new .domain-choose {
        margin-bottom: 15px
    }
}

.main .domain-choose-new .domain-choose ul li {
    margin-bottom: 9px
}

.main .domain-choose-new .domain-choose ul li:last-child {
    margin-bottom: 0
}

.main .domain-choose-new .domain-choose ul li .input-radio {
    display: block;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    font: 300 17px/120% Gotham, Arial, sans-serif;
    min-height: 53px;
    padding: 15px 17px;
    background-color: #f6f6f6
}

.main .domain-choose-new .domain-choose ul li .input-radio input {
    position: absolute;
    left: -9999px
}

.main .domain-choose-new .domain-choose ul li .input-radio i {
    width: 23px;
    height: 23px;
    background-color: #fff;
    border: 3px solid #9498a8;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    display: inline-block;
    vertical-align: top;
    float: left;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.main .domain-choose-new .domain-choose ul li .input-radio span {
    display: block;
    margin-left: 40px
}

.main .domain-choose-new .domain-choose ul li .input-radio.active {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0
}

.main .domain-choose-new .domain-choose ul li .input-radio.active i {
    border-width: 7px;
    border-color: #00b386
}

@media (max-width: 768px) {
    .main .domain-choose-new .domain-choose ul li .input-radio {
        font-size: 15px
    }

    .main .domain-choose-new .domain-choose ul li .input-radio span {
        margin-left: 35px
    }
}

.main .domain-choose-new .domain-choose ul li .item--detail {
    border: 2px solid #f6f6f6;
    -webkit-border-radius: 0 0 3px 3x;
    -moz-border-radius: 0 0 3px 3x;
    -ms-border-radius: 0 0 3px 3x;
    border-radius: 0 0 3px 3x;
    padding: 13px 12px;
    position: relative;
    display: none
}

.main .domain-choose-new .domain-choose ul li .item--detail .input {
    margin-right: 265px;
    position: relative;
    z-index: 2
}

.main .domain-choose-new .domain-choose ul li .item--detail .extension {
    position: absolute;
    top: 13px;
    right: 146px;
    width: 123px
}

.main .domain-choose-new .domain-choose ul li .item--detail .extension .tb {
    padding: 0 15px 2px
}

.main .domain-choose-new .domain-choose ul li .item--detail .tb {
    background-color: transparent;
    width: 100%;
    height: 48px;
    border: 2px solid #f6f6f6;
    padding: 0 15px 2px 90px;
    font: 500 17px Gotham, Arial, sans-serif;
    color: #494f56;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .domain-choose-new .domain-choose ul li .item--detail .tb:focus {
    border-color: #cacaca
}

.main .domain-choose-new .domain-choose ul li .item--detail .tb:focus + .www {
    background-color: #cacaca !important
}

.main .domain-choose-new .domain-choose ul li .item--detail .www {
    display: block;
    z-index: -1;
    position: absolute;
    left: 2px;
    top: 2px;
    bottom: 2px;
    width: 75px;
    background-color: #f6f6f6;
    text-align: center;
    font: 500 17px/44px Gotham, Arial, sans-serif;
    color: #494f56;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .domain-choose-new .domain-choose ul li .item--detail .selectbox {
    width: 100%;
    display: block;
    height: 48px;
    color: #8e9195;
    font: 500 17px Gotham, Arial, sans-serif;
    background-color: transparent;
    z-index: 3
}

.main .domain-choose-new .domain-choose ul li .item--detail .selectbox select {
    width: 100%;
    height: 48px;
    background-color: #fff;
    border: 2px solid #f6f6f6;
    color: #8e9195;
    font: 500 17px Gotham, Arial, sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px
}

.main .domain-choose-new .domain-choose ul li .item--detail .selectbox.touch {
    padding-right: 0
}

.main .domain-choose-new .domain-choose ul li .item--detail .selectbox.touch select {
    padding-left: 20px;
    z-index: 5
}

.main .domain-choose-new .domain-choose ul li .item--detail .selectbox .sod_label {
    height: 48px;
    line-height: 44px;
    padding-left: 15px;
    padding-right: 51px;
    border: 2px solid #f6f6f6;
    position: relative;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.main .domain-choose-new .domain-choose ul li .item--detail .selectbox .sod_label:before {
    content: '';
    width: 42px;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: #f6f6f6
}

.main .domain-choose-new .domain-choose ul li .item--detail .selectbox .sod_label:after {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-top: 4px solid #494f56;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    margin-left: -4px;
    top: 20px;
    right: 16px;
    z-index: 2
}

.main .domain-choose-new .domain-choose ul li .item--detail .selectbox .sod_list_wrapper {
    border: 2px solid #cacaca;
    border-top: 0
}

.main .domain-choose-new .domain-choose ul li .item--detail .selectbox .sod_list_wrapper .sod_list {
    max-height: 175px;
    overflow-x: hidden;
    overflow-y: auto
}

.main .domain-choose-new .domain-choose ul li .item--detail .selectbox .sod_list_wrapper .sod_option {
    display: block;
    min-height: 35px;
    font: 13px/120% Gotham, Arial, sans-serif;
    color: #3d3d3d;
    padding: 10px 14px 8px;
    white-space: normal
}

.main .domain-choose-new .domain-choose ul li .item--detail .selectbox .sod_list_wrapper .sod_option.selected {
    background-color: #eee
}

.main .domain-choose-new .domain-choose ul li .item--detail .selectbox.open .sod_label {
    border-color: #cacaca;
    border-bottom-color: transparent;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0
}

.main .domain-choose-new .domain-choose ul li .item--detail .selectbox.open .sod_label:before {
    background-color: #cacaca
}

.main .domain-choose-new .domain-choose ul li .item--detail .selectbox.open .sod_label:after {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 19px
}

.main .domain-choose-new .domain-choose ul li .item--detail .selectbox.open .sod_list_wrapper {
    margin-top: -2px
}

.main .domain-choose-new .domain-choose ul li .item--detail .selectbox.above .sod_label {
    border-bottom-color: #cacaca;
    border-top-color: transparent
}

.main .domain-choose-new .domain-choose ul li .item--detail .selectbox.above .sod_list_wrapper {
    margin-top: 0;
    margin-bottom: -2px;
    border-top: 2px solid #cacaca;
    border-bottom: 0
}

.main .domain-choose-new .domain-choose ul li .item--detail .selectbox.above.open .sod_label {
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px
}

.main .domain-choose-new .domain-choose ul li .item--detail .selectbox.focus .sod_label {
    border-color: #cacaca
}

.main .domain-choose-new .domain-choose ul li .item--detail .btn-check {
    display: block;
    height: 48px;
    width: 123px;
    background-color: #10ad69;
    position: absolute;
    right: 12px;
    top: 13px;
    text-align: center;
    font: 500 13px/48px Gotham, Arial, sans-serif;
    color: #fff;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.main .domain-choose-new .domain-choose ul li .item--detail .btn-check:hover {
    background-color: #19ba74
}

@media (max-width: 768px) {
    .main .domain-choose-new .domain-choose ul li .item--detail .input {
        margin-right: 131px
    }

    .main .domain-choose-new .domain-choose ul li .item--detail .extension {
        right: 12px
    }

    .main .domain-choose-new .domain-choose ul li .item--detail .btn-check {
        display: block;
        margin: 15px auto 0;
        position: inherit
    }
}

@media (max-width: 480px) {
    .main .domain-choose-new .domain-choose ul li .item--detail .www {
        display: none
    }

    .main .domain-choose-new .domain-choose ul li .item--detail .tb {
        padding: 0 10px 2px !important;
        font-size: 13px;
        font-weight: 400 !important
    }
}

.main .domain-choose-new .domain-result {
    text-align: center
}

.main .domain-choose-new .domain-result .result-domain {
    display: block;
    font: 300 23px/120% Gotham, Arial, sans-serif;
    color: #10ad69;
    margin-bottom: 25px
}

.main .domain-choose-new .domain-result h5 {
    display: block;
    font: 300 17px/120% Gotham, Arial, sans-serif;
    color: #505960;
    margin-bottom: 18px
}

@media (max-width: 768px) {
    .main .domain-choose-new .domain-result .result-domain {
        font-size: 17px;
        margin-bottom: 15px
    }

    .main .domain-choose-new .domain-result h5 {
        font-size: 15px;
        margin-bottom: 15px
    }
}

.main .domain-choose-new .domain-result .selectbox {
    width: 227px;
    display: inline-block;
    vertical-align: top;
    height: 48px;
    color: #8e9195;
    font: 500 17px Gotham, Arial, sans-serif;
    background-color: transparent
}

.main .domain-choose-new .domain-result .selectbox select {
    width: 100%;
    height: 48px;
    background-color: #fff;
    border: 2px solid #f6f6f6;
    color: #8e9195;
    font: 500 17px Gotham, Arial, sans-serif
}

.main .domain-choose-new .domain-result .selectbox.touch {
    padding-right: 0
}

.main .domain-choose-new .domain-result .selectbox.touch select {
    padding-left: 20px;
    z-index: 5
}

.main .domain-choose-new .domain-result .selectbox .sod_label {
    height: 48px;
    line-height: 44px;
    padding-left: 15px;
    padding-right: 66px;
    border: 2px solid #f6f6f6;
    position: relative;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.main .domain-choose-new .domain-result .selectbox .sod_label:before {
    content: '';
    width: 42px;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: #f6f6f6
}

.main .domain-choose-new .domain-result .selectbox .sod_label:after {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-top: 4px solid #494f56;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    margin-left: -4px;
    top: 20px;
    right: 16px;
    z-index: 0
}

.main .domain-choose-new .domain-result .selectbox .sod_list_wrapper {
    border: 2px solid #cacaca;
    border-top: 0
}

.main .domain-choose-new .domain-result .selectbox .sod_list_wrapper .sod_list {
    max-height: 175px;
    overflow-x: hidden;
    overflow-y: auto
}

.main .domain-choose-new .domain-result .selectbox .sod_list_wrapper .sod_option {
    display: block;
    min-height: 35px;
    font: 13px/120% Gotham, Arial, sans-serif;
    color: #3d3d3d;
    padding: 10px 14px 8px;
    white-space: normal
}

.main .domain-choose-new .domain-result .selectbox .sod_list_wrapper .sod_option.selected {
    background-color: #eee
}

.main .domain-choose-new .domain-result .selectbox.open .sod_label {
    border-color: #cacaca;
    border-bottom-color: transparent;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0
}

.main .domain-choose-new .domain-result .selectbox.open .sod_label:before {
    background-color: #cacaca
}

.main .domain-choose-new .domain-result .selectbox.open .sod_label:after {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 19px
}

.main .domain-choose-new .domain-result .selectbox.open .sod_list_wrapper {
    margin-top: -2px
}

.main .domain-choose-new .domain-result .selectbox.above .sod_label {
    border-bottom-color: #cacaca;
    border-top-color: transparent
}

.main .domain-choose-new .domain-result .selectbox.above .sod_list_wrapper {
    margin-top: 0;
    margin-bottom: -2px;
    border-top: 2px solid #cacaca;
    border-bottom: 0
}

.main .domain-choose-new .domain-result .selectbox.above.open .sod_label {
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px
}

.main .domain-choose-new .domain-result .selectbox.focus .sod_label {
    border-color: #cacaca
}

.main .domain-choose-new .domain-result .dropdown {
    position: relative;
    width: 227px;
    display: inline-block;
    vertical-align: top;
    text-align: left
}

.main .domain-choose-new .domain-result .dropdown .btn-toggle {
    display: block;
    width: 100%;
    height: 48px;
    padding-left: 15px;
    padding-right: 66px;
    border: 2px solid #f6f6f6;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    color: #8e9195;
    text-align: left;
    font: 500 17px/44px Gotham, Arial, sans-serif
}

.main .domain-choose-new .domain-result .dropdown .btn-toggle:before {
    content: '';
    width: 42px;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: #f6f6f6
}

.main .domain-choose-new .domain-result .dropdown .btn-toggle:after {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-top: 4px solid #494f56;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    margin-left: -4px;
    top: 20px;
    right: 16px;
    z-index: 0
}

.main .domain-choose-new .domain-result .dropdown .dd-menu {
    display: none !important;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 10;
    min-width: 100%;
    width: auto;
    border: 2px solid #cacaca;
    background-color: #fff;
    border-top: 0
}

.main .domain-choose-new .domain-result .dropdown .dd-menu li a {
    display: block;
    min-height: 35px;
    font: 13px/120% Gotham, Arial, sans-serif;
    color: #3d3d3d;
    padding: 10px 14px 8px;
    white-space: normal
}

.main .domain-choose-new .domain-result .dropdown .dd-menu li a:hover {
    background-color: #eee
}

.main .domain-choose-new .domain-result .dropdown.active .btn-toggle {
    border-color: #cacaca;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0
}

.main .domain-choose-new .domain-result .dropdown.active .dd-menu {
    display: block !important
}

.main .domain-choose-new .domain-result .other-extension {
    margin-top: 43px;
    text-align: left
}

.main .domain-choose-new .domain-result .other-extension h6 {
    display: block;
    position: relative;
    z-index: 0;
    font: 300 16px/120% Gotham, Arial, sans-serif;
    color: #505960;
    text-align: center;
    margin-bottom: 30px
}

.main .domain-choose-new .domain-result .other-extension h6:before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #f6f6f6;
    position: absolute;
    left: 0;
    top: 9px;
    z-index: -2
}

.main .domain-choose-new .domain-result .other-extension h6 span {
    display: inline-block;
    vertical-align: top;
    padding: 0 11px;
    background-color: #fff
}

.main .domain-choose-new .domain-result .other-extension > ul {
    font-size: 0
}

.main .domain-choose-new .domain-result .other-extension > ul > li {
    width: 49.35142%;
    display: inline-block;
    vertical-align: top;
    min-height: 57px;
    border: 1px solid #f6f6f6;
    font-size: 0;
    padding: 8px 9px 8px 18px
}

.main .domain-choose-new .domain-result .other-extension > ul > li:nth-child(n) {
    margin-bottom: 1.29717%;
    margin-right: 1.29717%
}

.main .domain-choose-new .domain-result .other-extension > ul > li:nth-child(2n) {
    margin-right: 0;
    margin-bottom: 0
}

.main .domain-choose-new .domain-result .other-extension > ul > li:nth-last-child(-n + 2) {
    margin-bottom: 0
}

.main .domain-choose-new .domain-result .other-extension > ul > li .status {
    margin-top: 9px;
    display: inline-block;
    vertical-align: top;
    min-height: 20px;
    font: 300 20px/19px Gotham, Arial, sans-serif;
    color: #727e82;
    padding-left: 36px;
    position: relative
}

.main .domain-choose-new .domain-result .other-extension > ul > li .status:before {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -66px -149px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 0;
    top: 0
}

.main .domain-choose-new .domain-result .other-extension > ul > li .status.untick:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -46px -149px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 20px;
    width: 20px
}

.main .domain-choose-new .domain-result .other-extension > ul > li .input-check {
    margin-top: 11px;
    display: inline-block;
    vertical-align: top;
    min-height: 17px;
    margin-right: 15px;
    font-size: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 200px
}

@media (max-width: 480px) {
    .main .domain-choose-new .domain-result .other-extension > ul > li .input-check {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px
    }
}

.main .domain-choose-new .domain-result .other-extension > ul > li .input-check input {
    position: absolute;
    left: -9999px
}

.main .domain-choose-new .domain-result .other-extension > ul > li .input-check i {
    display: inline-block;
    vertical-align: top;
    width: 17px;
    height: 17px;
    background-color: #5dc152;
    text-align: center;
    line-height: 17px;
    cursor: pointer;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    color: #fff;
    font-style: normal
}

.main .domain-choose-new .domain-result .other-extension > ul > li .input-check i:hover {
    background-color: #6fd264
}

.main .domain-choose-new .domain-result .other-extension > ul > li .input-check i:before {
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    opacity: 0;
    visibility: hidden;
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0)
}

.main .domain-choose-new .domain-result .other-extension > ul > li .input-check span {
    margin-left: 16px;
    font: 300 19px/17px Gotham, Arial, sans-serif;
    color: #727e82
}

@media (max-width: 768px) {
    .main .domain-choose-new .domain-result .other-extension > ul > li .input-check span {
        font-size: 15px;
        margin-left: 10px
    }
}

.main .domain-choose-new .domain-result .other-extension > ul > li .input-check.active i:before {
    opacity: 1;
    visibility: visible;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.main .domain-choose-new .domain-result .other-extension > ul > li .unavailable {
    float: right;
    display: inline-block;
    vertical-align: top;
    width: 174px;
    height: 36px;
    background-color: #bdbdbd;
    text-align: center;
    font: 500 15px/36px Gotham, Arial, sans-serif;
    color: #fff
}

.main .domain-choose-new .domain-result .other-extension > ul > li .custom-dropdown {
    float: right;
    display: inline-block;
    vertical-align: top;
    width: 174px
}

.main .domain-choose-new .domain-result .other-extension > ul > li .custom-dropdown .btn-toggle {
    height: 38px;
    padding-left: 12px;
    padding-right: 50px;
    line-height: 34px;
    color: #505960
}

.main .domain-choose-new .domain-result .other-extension > ul > li .custom-dropdown .btn-toggle:before {
    width: 38px
}

.main .domain-choose-new .domain-result .other-extension > ul > li .custom-dropdown .btn-toggle:after {
    right: 13px;
    top: 15px
}

.main .domain-choose-new .domain-result .other-extension > ul > li .selectbox {
    float: right;
    display: inline-block;
    vertical-align: top;
    width: 174px;
    height: 38px;
    font: 500 15px Gotham, Arial, sans-serif
}

.main .domain-choose-new .domain-result .other-extension > ul > li .selectbox select {
    width: 100%;
    height: 38px;
    font: 500 15px Gotham, Arial, sans-serif
}

.main .domain-choose-new .domain-result .other-extension > ul > li .selectbox.touch {
    padding-right: 0
}

.main .domain-choose-new .domain-result .other-extension > ul > li .selectbox.touch select {
    padding-left: 20px;
    z-index: 5
}

.main .domain-choose-new .domain-result .other-extension > ul > li .selectbox .sod_label {
    height: 38px;
    line-height: 34px;
    padding-left: 13px;
    padding-right: 52px
}

.main .domain-choose-new .domain-result .other-extension > ul > li .selectbox .sod_label:before {
    width: 39px
}

.main .domain-choose-new .domain-result .other-extension > ul > li .selectbox .sod_label:after {
    top: 14px;
    right: 15px
}

@media (max-width: 1200px) {
    .main .domain-choose-new .domain-result .other-extension > ul > li .input-check, .main .domain-choose-new .domain-result .other-extension > ul > li .status {
        display: block;
        width: auto;
        margin-right: 0;
        margin-bottom: 10px
    }

    .main .domain-choose-new .domain-result .other-extension > ul > li .selectbox, .main .domain-choose-new .domain-result .other-extension > ul > li .custom-dropdown, .main .domain-choose-new .domain-result .other-extension > ul > li .unavailable {
        width: 100%;
        display: block;
        float: inherit
    }
}

@media (max-width: 768px) {
    .main .domain-choose-new .domain-result .other-extension > ul > li {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        padding: 8px
    }

    .main .domain-choose-new .domain-result .other-extension > ul > li:nth-child(n) {
        margin-bottom: 10px !important;
        margin-right: 10px
    }

    .main .domain-choose-new .domain-result .other-extension > ul > li:nth-child(1n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .domain-choose-new .domain-result .other-extension > ul > li:nth-last-child(-n + 1) {
        margin-bottom: 0
    }
}

.main .custom-dropdown {
    position: relative;
    width: 227px;
    display: inline-block;
    vertical-align: top;
    text-align: left
}

.main .custom-dropdown .btn-toggle {
    display: block;
    width: 100%;
    height: 48px;
    padding-left: 18px;
    padding-right: 69px;
    border: 2px solid #f5f8fa;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    color: #505960;
    text-align: left;
    font: 500 15px/44px Gotham, Arial, sans-serif
}

.main .custom-dropdown .btn-toggle:before {
    content: '';
    width: 51px;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: #f5f8fa
}

.main .custom-dropdown .btn-toggle:after {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-top: 4px solid #494f56;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    margin-left: -4px;
    top: 20px;
    right: 20px;
    z-index: 0
}

.main .custom-dropdown .dd-menu {
    display: none !important;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 10;
    min-width: 100%;
    width: auto;
    border: 2px solid #d6dfe5;
    background-color: #fff;
    border-top: 0
}

.main .custom-dropdown .dd-menu li a {
    display: block;
    min-height: 35px;
    font: 13px/120% Gotham, Arial, sans-serif;
    color: #3d3d3d;
    padding: 10px 14px 8px;
    white-space: normal
}

.main .custom-dropdown .dd-menu li a:hover {
    background-color: #eee
}

.main .custom-dropdown.active .btn-toggle {
    border-color: #d6dfe5;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0
}

.main .custom-dropdown.active .dd-menu {
    display: block !important
}

.main .avaiable-domains {
    padding-top: 53px;
    background-color: #fff
}

.main .avaiable-domains .section--title {
    text-align: center;
    font: 300 26px/120% Gotham, Arial, sans-serif;
    color: #546f79;
    padding-bottom: 44px;
    position: relative
}

.main .avaiable-domains .section--title strong {
    color: #7ac56a;
    font-weight: 500
}

.main .avaiable-domains .section--title:before {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-bottom: 9px solid #7ac56a;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    position: absolute;
    left: 50%;
    margin-left: -9px;
    bottom: 0;
    z-index: 2
}

.main .avaiable-domains .section--title h6 {
    font-size: 26px
}

.main .avaiable-domains .section--title strong {
    color: #5dc152
}

.main .avaiable-domains .section--inner table {
    width: 100%;
    display: table
}

.main .avaiable-domains .section--inner table tr {
    display: table;
    width: 100%;
    margin-bottom: 12px;
    background-color: #fff;
    border: 3px solid #7ac56a
}

.main .avaiable-domains .section--inner table tr:last-child {
    margin-bottom: 0
}

.main .avaiable-domains .section--inner table tr td {
    display: table-cell;
    height: 75px;
    vertical-align: middle;
    font: 300 20px/120% Gotham, Arial, sans-serif;
    color: #2a3644;
    padding: 5px 15px
}

.main .avaiable-domains .section--inner table tr td .icon {
    display: none;
    vertical-align: middle;
    width: 17px;
    height: 17px;
    background-color: #7ac56a;
    position: relative
}

.main .avaiable-domains .section--inner table tr td .icon:before {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -84px -18px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 9px;
    width: 12px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -4.5px;
    margin-left: -6px
}

.main .avaiable-domains .section--inner table tr td .status {
    display: inline-block;
    vertical-align: top;
    height: 52px;
    width: 278px;
    font: 500 15px/52px Gotham, Arial, sans-serif;
    color: #5dc152;
    padding-left: 57px;
    padding-right: 5px;
    background-color: #f5f8fa;
    text-align: center;
    position: relative
}

.main .avaiable-domains .section--inner table tr td .status:before {
    content: '';
    width: 52px;
    height: 52px;
    background-color: #5dc152;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.main .avaiable-domains .section--inner table tr td .status:after {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -106px -149px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 22px;
    width: 22px;
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 2
}

.main .avaiable-domains .section--inner table tr td .btn-price {
    display: block;
    height: 52px;
    background-color: #7ac56a;
    text-align: center;
    font: 500 15px/52px Gotham, Arial, sans-serif;
    color: #fff;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .avaiable-domains .section--inner table tr td .btn-price:hover {
    background-color: #71cf5d
}

.main .avaiable-domains .section--inner table tr td .btn-price.disable {
    background-color: #c6c7c8;
    cursor: not-allowed !important
}

.main .avaiable-domains .section--inner table tr td .btn-link {
    display: inline-block;
    vertical-align: top;
    width: 113px;
    height: 52px;
    background-color: #f5f8fa;
    text-align: center;
    font: 500 12px/52px Gotham, Arial, sans-serif;
    color: #2a3644;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .avaiable-domains .section--inner table tr td .btn-link:hover {
    background-color: #eff3f5
}

.main .avaiable-domains .section--inner table tr td .btn-link:last-child {
    margin-right: 0
}

.main .avaiable-domains .section--inner table tr td .mob-dropdown {
    position: relative;
    line-height: 0;
    width: 100%
}

.main .avaiable-domains .section--inner table tr td .mob-dropdown:after {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -71px -179px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 23px;
    width: 23px;
    position: absolute;
    left: 15px;
    top: 14px;
    z-index: 2
}

.main .avaiable-domains .section--inner table tr td .mob-dropdown .dropdown--btn {
    text-align: left;
    display: block;
    height: 52px;
    background-color: #f5f8fa;
    color: #2a3644;
    font: 300 15px Gotham, Arial, sans-serif;
    position: relative;
    padding-left: 70px;
    line-height: 52px;
    padding-right: 29px;
    border: 1px solid #7AC56A;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.main .avaiable-domains .section--inner table tr td .mob-dropdown .dropdown--btn:before {
    content: '';
    width: 52px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-color: #7ac56a
}

.main .avaiable-domains .section--inner table tr td .mob-dropdown .dropdown--btn:after {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-top: 4px solid #2a3644;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    right: 18px;
    top: 24px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.main .avaiable-domains .section--inner table tr td .mob-dropdown .dropdown--menu {
    display: none;
    border: 2px solid #7ac56a;
    border-top: 0;
    z-index: 999;
    max-height: 175px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    top: 100%
}

.main .avaiable-domains .section--inner table tr td .mob-dropdown .dropdown--menu li a {
    display: block;
    min-height: 35px;
    font: 13px/120% Gotham, Arial, sans-serif;
    color: #333;
    padding: 10px 15px;
    white-space: normal
}

.main .avaiable-domains .section--inner table tr td .mob-dropdown .dropdown--menu li.selected a {
    background-color: #eee
}

.main .avaiable-domains .section--inner table tr td .mob-dropdown.active .dropdown--btn {
    background-color: #7ac56a;
    color: #fff
}

.main .avaiable-domains .section--inner table tr td .mob-dropdown.active .dropdown--btn:after {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-top: 4px solid #fff;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent
}

.main .avaiable-domains .section--inner table tr td .mob-dropdown.active .dropdown--menu {
    display: block
}

.main .avaiable-domains .section--inner table tr td .selectbox {
    display: block;
    height: 52px;
    background-color: #f5f8fa;
    color: #2a3644;
    font: 300 15px Gotham, Arial, sans-serif;
    position: relative;
    padding-left: 52px
}

.main .avaiable-domains .section--inner table tr td .selectbox:before {
    content: '';
    width: 52px;
    height: 52px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-color: #7ac56a
}

.main .avaiable-domains .section--inner table tr td .selectbox:after {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -71px -179px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 23px;
    width: 23px;
    position: absolute;
    left: 15px;
    top: 14px;
    z-index: 2
}

.main .avaiable-domains .section--inner table tr td .selectbox select {
    width: 100%;
    height: 52px;
    background-color: #f5f8fa;
    border: 0;
    color: #2a3644;
    font: 15px Gotham, Arial, sans-serif
}

.main .avaiable-domains .section--inner table tr td .selectbox.touch {
    padding-right: 0
}

.main .avaiable-domains .section--inner table tr td .selectbox.touch select {
    padding-left: 19px;
    z-index: 5
}

.main .avaiable-domains .section--inner table tr td .selectbox .sod_label {
    height: 52px;
    line-height: 52px;
    padding-left: 18px;
    padding-right: 29px;
    border: 1px solid transparent;
    position: relative;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.main .avaiable-domains .section--inner table tr td .selectbox .sod_label:after {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-top: 4px solid #2a3644;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    right: 18px;
    top: 24px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.main .avaiable-domains .section--inner table tr td .selectbox .sod_list_wrapper {
    border: 1px solid #7ac56a;
    border-top: 0;
    z-index: 999
}

.main .avaiable-domains .section--inner table tr td .selectbox .sod_list_wrapper .sod_list {
    max-height: 175px;
    overflow-x: hidden;
    overflow-y: auto
}

.main .avaiable-domains .section--inner table tr td .selectbox .sod_list_wrapper .sod_option {
    display: block;
    min-height: 35px;
    font: 13px/120% Gotham, Arial, sans-serif;
    color: #333;
    padding: 10px 15px;
    white-space: normal
}

.main .avaiable-domains .section--inner table tr td .selectbox .sod_list_wrapper .sod_option.selected {
    background-color: #eee
}

.main .avaiable-domains .section--inner table tr td .selectbox.open .sod_label {
    border-color: #7ac56a
}

.main .avaiable-domains .section--inner table tr td .selectbox.open .sod_label:after {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.main .avaiable-domains .section--inner table tr td .selectbox.open .sod_list_wrapper {
    margin-top: -1px
}

.main .avaiable-domains .section--inner table tr td .selectbox.above .sod_label {
    border-bottom-color: #7ac56a;
    border-top-color: transparent
}

.main .avaiable-domains .section--inner table tr td .selectbox.above .sod_list_wrapper {
    margin-top: 0;
    margin-bottom: -1px;
    border-top: 1px solid #7ac56a;
    border-bottom: 0
}

.main .avaiable-domains .section--inner table tr td .selectbox.focus .sod_label {
    border-color: #7ac56a
}

.main .avaiable-domains .section--inner table tr.unavailable {
    border-color: #ff6969
}

.main .avaiable-domains .section--inner table tr.unavailable td .icon {
    background-color: #ff6969
}

.main .avaiable-domains .section--inner table tr.unavailable td .icon:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -54px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 9px;
    width: 8px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -4.5px;
    margin-left: -4px
}

.main .avaiable-domains .section--inner table tr.unavailable td .status {
    color: #ff6969
}

.main .avaiable-domains .section--inner table tr.unavailable td .status:before {
    background-color: #ff6969
}

.main .avaiable-domains .section--inner table tr.unavailable td .status:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -147px -149px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 22px;
    width: 22px
}

@media (max-width: 768px) {
    .main .avaiable-domains .section--inner table tr td:nth-child(2) {
        display: none
    }
}

@media (max-width: 630px) {
    .main .avaiable-domains .section--inner table tr {
        display: block;
        padding-top: 10px;
        padding-bottom: 10px
    }

    .main .avaiable-domains .section--inner table tr td {
        vertical-align: top;
        display: inline-block;
        height: auto
    }

    .main .avaiable-domains .section--inner table tr td:nth-child(1) {
        float: left;
        margin-bottom: 10px;
        margin-right: 10px
    }

    .main .avaiable-domains .section--inner table tr td:nth-child(2n) {
        display: block;
        width: auto;
        margin-left: 0;
        margin-bottom: 10px;
        font-size: 0
    }

    .main .avaiable-domains .section--inner table tr td:nth-child(2n) .btn-link {
        width: 49%;
        margin-right: 2%
    }

    .main .avaiable-domains .section--inner table tr td:nth-child(2n) .btn-link:last-child {
        margin-right: 0
    }

    .main .avaiable-domains .section--inner table tr td:nth-child(4n) {
        width: 100%;
        margin-right: 0
    }

    .main .avaiable-domains .section--inner table tr td:nth-child(4n) .left {
        width: 59%;
        margin-right: 2%
    }

    .main .avaiable-domains .section--inner table tr td:nth-child(4n) .left .btn-link {
        width: 49%;
        margin-right: 2%
    }

    .main .avaiable-domains .section--inner table tr td:nth-child(4n) .left .btn-link:last-child {
        margin-right: 0
    }

    .main .avaiable-domains .section--inner table tr td:nth-child(4n) .right {
        width: 39%;
        margin-right: 0
    }

    .main .avaiable-domains .section--inner table tr td:nth-child(4n) .right .btn-price {
        width: 100%
    }
}

.main .bg-white {
    background-color: #fff
}

.main .table-responsive {
    width: 100%
}

@media (max-width: 1200px) {
    .main .table-responsive {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-transition-timing-function: linear, linear;
        transition-timing-function: linear, linear;
        -webkit-overflow-scrolling: touch;
    }
}

.main .table-responsive table {
    width: 100%
}

@media (max-width: 768px) {
    .main .table-responsive table {
        table-layout: auto !important
    }
}

.main .domain-pricelist {
    padding-top: 50px;
    padding-bottom: 38px
}

.main .domain-pricelist .section--buttons ul {
    display: table;
    width: 100%;
    table-layout: fixed
}

.main .domain-pricelist .section--buttons ul li {
    display: table-cell;
    height: 66px;
    vertical-align: top
}

.main .domain-pricelist .section--buttons ul li a {
    display: block;
    height: 62px;
    background-color: #e0e4ea;
    text-align: left;
    padding-left: 32px;
    font: 300 20px/62px Gotham, Arial, sans-serif;
    color: #585c67;
    position: relative;
    top: 4px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.main .domain-pricelist .section--buttons ul li a:before {
    content: '';
    width: 0;
    height: 0;
    border: 14px solid transparent;
    border-left: 0;
    border-top: 0;
    border-bottom: 62px solid #e0e4ea;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 2;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.main .domain-pricelist .section--buttons ul li:nth-child(even) a {
    background-color: #e8ebf0
}

.main .domain-pricelist .section--buttons ul li:nth-child(even) a:before {
    border-bottom-color: #e8ebf0
}

.main .domain-pricelist .section--buttons ul li:last-child a:before {
    content: none;
    display: none
}

.main .domain-pricelist .section--buttons ul li.active a {
    background-color: #f5f8fa;
    height: 66px;
    top: 0
}

.main .domain-pricelist .section--buttons ul li.active a:before {
    border-bottom-color: #f5f8fa;
    border-bottom-width: 66px
}

.main .domain-pricelist .section--content {
    background-color: #f5f8fa;
    padding: 15px 10px 10px
}

.main .domain-pricelist .section--content table {
    width: 100%;
    background-color: #fff;
    table-layout: fixed
}

.main .domain-pricelist .section--content table td {
    height: 56px;
    text-align: center;
    font: 15px/120% Gotham, Arial, sans-serif;
    color: #727e82;
    vertical-align: middle;
    border-bottom: 1px solid #f8f8f9;
    padding: 10px 27px
}

.main .domain-pricelist .section--content table td:first-child {
    text-align: left
}

.main .domain-pricelist .section--content table tbody tr:hover td {
    background-color: #fcfcfc
}

.main .domain-pricelist .section--content table thead {
    background-color: #e8ebf0
}

.main .domain-pricelist .section--content table thead td {
    font-weight: 600;
    height: 50px;
    border-bottom-color: #e8ebf0
}

@media (max-width: 880px) {
    .main .domain-pricelist .section--buttons ul {
        table-layout: auto
    }

    .main .domain-pricelist .section--buttons ul li {
        height: 50px
    }

    .main .domain-pricelist .section--buttons ul li a {
        font-size: 15px;
        height: 50px;
        line-height: 50px;
        overflow: hidden;
        padding: 0 7px;
        text-align: center
    }

    .main .domain-pricelist .section--buttons ul li a:before {
        content: none !important;
        display: none !important
    }

    .main .domain-pricelist .section--buttons ul li.active a {
        height: 50px
    }
}

@media (max-width: 768px) {
    .main .domain-pricelist .section--content table td {
        padding: 5px 7px;
        font-size: 12px;
        text-align: center !important
    }
}

@media (max-width: 480px) {
    .main .domain-pricelist .section--buttons ul {
        display: block;
        text-align: left;
        font-size: 0;
        background-color: #e0e4ea
    }

    .main .domain-pricelist .section--buttons ul li {
        width: 50%;
        display: inline-block;
        vertical-align: top
    }

    .main .domain-pricelist .section--buttons ul li:nth-child(n) {
        margin-bottom: 0;
        margin-right: 0
    }

    .main .domain-pricelist .section--buttons ul li:nth-child(2n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .domain-pricelist .section--buttons ul li:nth-last-child(-n + 2) {
        margin-bottom: 0
    }

    .main .domain-pricelist .section--buttons ul li a {
        top: 0;
        margin-top: 0;
        font-size: 11px;
        padding: 0
    }
}

.main .cloud-section {
    position: relative;
    margin-top: -160px;
    overflow: hidden
}

.main .cloud-section.sticky {
    margin-bottom: 108px
}

@media (max-width: 768px) {
    .main .cloud-section.sticky {
        margin-bottom: 153px
    }
}

.main .cloud-section .section--inner {
    height: 160px;
    background-color: rgba(0, 0, 0, 0.3);
    padding-top: 32px
}

.main .cloud-section .section--bottom {
    background-color: #e7ecef;
    height: 108px;
    padding-bottom: 21px;
    padding-top: 20px
}

.main .cloud-section .section--bottom.fixed {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 60
}

@media (max-width: 1200px) {
    .main .cloud-section .section--bottom.fixed {
        top: 119px
    }
}

@media (max-width: 768px) {
    .main .cloud-section .section--bottom.fixed {
        top: 102px
    }
}

.main .cloud-section .buttons {
    position: relative;
    z-index: 4;
    width: 1270px;
    margin: 0 auto
}

.main .cloud-section .buttons ul {
    margin-left: -70px;
    font-size: 0;
    text-align: center
}

@media (max-width: 1200px) {
    .main .cloud-section .buttons ul {
        margin-left: 0
    }
}

.main .cloud-section .buttons ul li {
    display: inline-block;
    vertical-align: top;
    width: 71px;
    margin-right: 38px
}

.main .cloud-section .buttons ul li:last-child {
    margin-right: 0
}

.main .cloud-section .buttons ul li a {
    display: block;
    height: 60px;
    text-align: center;
    position: relative;
    font: 500 29px/120% Gotham, Arial, sans-serif;
    color: #fff;
    padding-top: 5px
}

.main .cloud-section .buttons ul li a strong {
    margin-top: -2px;
    display: block;
    font-size: 13px;
    line-height: 120%
}

.main .cloud-section .buttons ul li a:after {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-top: 10px solid #03a9f4;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px
}

@media (max-width: 1200px) {
    .main .cloud-section .buttons ul li a:after {
        -webkit-transition: all .15s ease-in-out;
        -moz-transition: all .15s ease-in-out;
        -ms-transition: all .15s ease-in-out;
        -o-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out
    }
}

.main .cloud-section .buttons ul li.active a {
    background-color: #03a9f4
}

.main .cloud-section .buttons ul li.active a:before, .main .cloud-section .buttons ul li.active a:after {
    opacity: 100;
    filter: alpha(opacity=100);
    visibility: visible
}

.main .cloud-section .ranges {
    height: 1px;
    z-index: 5;
    position: relative;
    margin-top: 30px
}

.main .cloud-section .ranges .inner {
    height: 1px;
    width: 100%;
    position: relative
}

.main .cloud-section .ranges .inner .seperators {
    height: 9px;
    width: 1270px;
    position: absolute;
    z-index: 3;
    left: 50%;
    margin-left: -635px;
    bottom: -4px;
    text-align: center;
    font-size: 0
}

.main .cloud-section .ranges .inner .seperators span {
    display: inline-block;
    vertical-align: top;
    width: 71px;
    margin-right: 38px;
    line-height: 0;
    position: relative;
    height: 9px;
    text-align: center
}

.main .cloud-section .ranges .inner .seperators span:last-child {
    margin-right: 0
}

.main .cloud-section .ranges .inner .seperators span:before {
    content: '';
    width: 9px;
    height: 9px;
    display: inline-block;
    background-color: #03a9f4;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.main .cloud-section .ranges .inner .range {
    width: 100%;
    height: 1px;
    position: relative;
    background-color: #212c38;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 0 rgba(245, 248, 250, 0.22);
    -moz-box-shadow: 0 1px 0 rgba(245, 248, 250, 0.22);
    -ms-box-shadow: 0 1px 0 rgba(245, 248, 250, 0.22);
    -o-box-shadow: 0 1px 0 rgba(245, 248, 250, 0.22);
    box-shadow: 0 1px 0 rgba(245, 248, 250, 0.22)
}

.main .cloud-section .ranges .inner .range .slider-range-bg {
    background: #03a9f4;
    height: 1px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 0
}

.main .cloud-section .ranges .inner .range .slider-range-bg.last {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.main .cloud-section .ranges .inner .range .slider-range {
    width: 1199px;
    height: 1px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5
}

.main .cloud-section .ranges .inner .range .slider-range .ui-slider-range {
    z-index: 5
}

.main .cloud-section .ranges .inner .range .slider-range .ui-slider-range:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 21px;
    top: -10px
}

.main .cloud-section .ranges .inner .range .slider-range .ui-slider-handle {
    display: block;
    background-color: #03a9f4;
    width: 21px;
    height: 21px;
    top: -10px;
    left: 100%;
    margin-left: -10px;
    z-index: 6;
    position: absolute;
    overflow: visible !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    cursor: move
}

.main .cloud-section .ranges .inner .range .slider-range .ui-slider-handle:before {
    content: '';
    width: 71px;
    height: 85px;
    background-color: transparent;
    border-top: 25px solid #0391d1;
    position: absolute;
    left: 50%;
    margin-left: -35.5px;
    top: -105px
}

.main .cloud-section .ranges .inner .range .slider-range .ui-slider-handle:after {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -37px -93px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 14px;
    width: 48px;
    position: absolute;
    left: 50%;
    margin-left: -24px;
    position: absolute;
    top: -100px;
    z-index: 2
}

.main .cloud-section .property {
    height: 67px
}

.main .cloud-section .property .item {
    display: none;
    overflow: hidden
}

.main .cloud-section .property .item ul {
    float: left
}

.main .cloud-section .property .item ul li {
    float: left;
    margin-right: 42px;
    padding-right: 42px;
    border-right: 1px solid #d7d9db;
    height: 67px;
    font: 300 12px/120% Gotham, Arial, sans-serif;
    color: #4e5f67;
    padding-top: 17px;
    position: relative
}

.main .cloud-section .property .item ul li em {
    display: block;
    font-style: normal;
    font: 300 18px/120% Gotham, Arial, sans-serif;
    color: #03a9f4
}

.main .cloud-section .property .item ul li em.tick:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -73px -18px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 8px;
    width: 11px;
    margin-left: 4px;
    position: relative;
    top: -2px
}

.main .cloud-section .property .item ul li em.untick:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -30px -18px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 9px;
    width: 9px;
    margin-left: 4px;
    position: relative;
    top: -2px
}

.main .cloud-section .property .item ul li:last-child {
    padding-right: 0;
    border-right: 0;
    margin-right: 0
}

.main .cloud-section .property .item ul li[class*="icon-"]:before, .main .cloud-section .property .item ul li[class^="icon-"]:before {
    content: '';
    position: absolute;
    left: 0
}

.main .cloud-section .property .item ul li.icon-cpu {
    padding-left: 47px
}

.main .cloud-section .property .item ul li.icon-cpu:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -85px -412px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 33px;
    width: 33px;
    position: absolute;
    top: 50%;
    margin-top: -16.5px
}

.main .cloud-section .property .item ul li.icon-ram {
    padding-left: 47px
}

.main .cloud-section .property .item ul li.icon-ram:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -33px -262px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 27px;
    width: 33px;
    position: absolute;
    top: 50%;
    margin-top: -13.5px
}

.main .cloud-section .property .item ul li.icon-hdd {
    padding-left: 38px
}

.main .cloud-section .property .item ul li.icon-hdd:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -85px -291px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 30px;
    width: 24px;
    position: absolute;
    top: 50%;
    margin-top: -15px
}

.main .cloud-section .property .item ul li.icon-traffic {
    padding-left: 46px
}

.main .cloud-section .property .item ul li.icon-traffic:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -42px -446px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 32px;
    width: 32px;
    position: absolute;
    top: 50%;
    margin-top: -16px
}

.main .cloud-section .property .item .price {
    float: right;
    overflow: hidden;
    font-size: 0;
    white-space: normal
}

.main .cloud-section .property .item .price .btn-price {
    display: inline-block;
    vertical-align: top;
    height: 61px;
    width: 165px;
    background-color: #03a9f4;
    text-align: center;
    font: 500 16px/61px Gotham, Arial, sans-serif;
    color: #fff;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    text-shadow: 0;
    margin-top: 6px
}

.main .cloud-section .property .item .price .btn-price:hover {
    background-color: #26bbff
}

.main .cloud-section .property .item .price .price--label {
    display: inline-block;
    vertical-align: top;
    margin-right: 24px;
    font: 300 50px/120% Gotham, Arial, sans-serif;
    color: #4e5f67;
    margin-top: 6px;
    text-align: left
}

.main .cloud-section .property .item .price .price--label strong {
    font-weight: 500;
    color: #03a9f4
}

.main .cloud-section .property .item .price .price--label strong span {
    position: relative;
    left: -10px;
    display: inline-block;
    margin-right: -10px;
    color: #4e5f67;
    display: inline-block;
    font-weight: 300
}

@media (max-width: 1200px) {
    .main .cloud-section {
        padding-top: 20px
    }

    .main .cloud-section .section--inner {
        background-color: transparent;
        margin-top: 0;
        height: auto;
        padding-top: 0;
        padding-bottom: 20px
    }

    .main .cloud-section .ranges {
        display: none
    }

    .main .cloud-section .buttons {
        width: 100%
    }

    .main .cloud-section .buttons ul {
        text-align: left
    }

    .main .cloud-section .buttons ul li {
        width: 13.42857%;
        display: inline-block;
        vertical-align: top
    }

    .main .cloud-section .buttons ul li:nth-child(n) {
        margin-bottom: 1%;
        margin-right: 1%
    }

    .main .cloud-section .buttons ul li:nth-child(7n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .cloud-section .buttons ul li:nth-last-child(-n + 7) {
        margin-bottom: 0
    }

    .main .cloud-section .buttons ul li a {
        margin-left: 0 !important;
        min-width: 0;
        display: block;
        height: auto;
        text-align: center;
        white-space: normal;
        color: #333;
        padding: 5px;
        min-height: 35px;
        font-size: 22px;
        line-height: 120%;
        background-color: #fff;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        -webkit-transition: all .15s ease-in-out;
        -moz-transition: all .15s ease-in-out;
        -ms-transition: all .15s ease-in-out;
        -o-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out
    }

    .main .cloud-section .buttons ul li.active a {
        background-color: #03a9f4;
        color: #fff
    }

    .main .cloud-section .section--bottom {
        height: auto
    }

    .main .cloud-section .property {
        height: auto
    }

    .main .cloud-section .property .item ul {
        display: table;
        float: inherit;
        width: 100%
    }

    .main .cloud-section .property .item ul li {
        float: inherit !important;
        display: table-cell;
        vertical-align: top;
        margin: 0 !important
    }

    .main .cloud-section .property .item ul li.icon-cpu {
        padding-left: 62px
    }

    .main .cloud-section .property .item ul li.icon-cpu:before {
        display: inline-block;
        background-image: url(../img/icons-s55f8bf7893.png);
        background-position: -85px -412px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 33px;
        width: 33px;
        position: absolute;
        top: 50%;
        margin-top: -16.5px;
        left: 15px
    }

    .main .cloud-section .property .item ul li.icon-ram {
        padding-left: 62px
    }

    .main .cloud-section .property .item ul li.icon-ram:before {
        display: inline-block;
        background-image: url(../img/icons-s55f8bf7893.png);
        background-position: -33px -262px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 27px;
        width: 33px;
        position: absolute;
        top: 50%;
        margin-top: -13.5px;
        left: 15px
    }

    .main .cloud-section .property .item ul li.icon-hdd {
        padding-left: 53px
    }

    .main .cloud-section .property .item ul li.icon-hdd:before {
        display: inline-block;
        background-image: url(../img/icons-s55f8bf7893.png);
        background-position: -85px -291px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 30px;
        width: 24px;
        position: absolute;
        top: 50%;
        margin-top: -15px;
        left: 15px
    }

    .main .cloud-section .property .item ul li.icon-traffic {
        padding-left: 61px
    }

    .main .cloud-section .property .item ul li.icon-traffic:before {
        display: inline-block;
        background-image: url(../img/icons-s55f8bf7893.png);
        background-position: -42px -446px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 32px;
        width: 32px;
        position: absolute;
        top: 50%;
        margin-top: -16px;
        left: 15px
    }

    .main .cloud-section .property .item .price {
        width: 100%;
        display: block;
        float: inherit;
        border-top: 1px solid #dedede;
        margin-top: 10px;
        padding-top: 10px;
        text-align: center
    }
}

@media (max-width: 768px) {
    .main .cloud-section {
        margin-top: 0
    }

    .main .cloud-section .buttons {
        width: 100%
    }

    .main .cloud-section .buttons ul li {
        width: 32.66667%;
        display: inline-block;
        vertical-align: top
    }

    .main .cloud-section .buttons ul li:nth-child(n) {
        margin-bottom: 1%;
        margin-right: 1%
    }

    .main .cloud-section .buttons ul li:nth-child(3n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .cloud-section .buttons ul li:nth-last-child(-n + 3) {
        margin-bottom: 0
    }

    .main .cloud-section .buttons ul li a {
        font-size: 19px
    }

    .main .cloud-section .buttons ul li a strong {
        font-size: 11px;
        margin-top: 0;
        font-weight: 400
    }

    .main .cloud-section .buttons ul li a:after {
        content: none !important;
        display: none !important
    }

    .main .cloud-section .property {
        height: auto
    }

    .main .cloud-section .property .item ul li {
        vertical-align: middle;
        padding: 0 5px !important;
        height: 45px;
        text-align: center
    }

    .main .cloud-section .property .item ul li em {
        font-size: 14px
    }

    .main .cloud-section .property .item ul li:before {
        content: none !important;
        display: none !important
    }

    .main .cloud-section .property .item .price {
        width: 100%;
        display: block;
        float: inherit;
        border-top: 1px solid #dedede;
        margin-top: 10px;
        padding-top: 10px;
        text-align: center
    }

    .main .cloud-section .property .item .price .price--label {
        font-size: 35px;
        margin-top: 4px
    }

    .main .cloud-section .property .item .price .btn-price {
        height: 40px;
        font-size: 15px;
        line-height: 40px;
        width: auto;
        padding: 0 15px
    }
}

.main .cloudmail-section {
    position: relative;
    z-index: 5;
    margin-top: -160px;
    overflow: hidden
}

.main .cloudmail-section .section--inner {
    height: 160px;
    background-color: rgba(0, 0, 0, 0.3);
    padding-top: 32px
}

.main .cloudmail-section .section--bottom {
    background-color: #e7ecef;
    height: 108px;
    padding-bottom: 21px;
    padding-top: 20px
}

.main .cloudmail-section .buttons {
    position: relative;
    z-index: 4;
    width: 1275px;
    margin: 0 auto
}

.main .cloudmail-section .buttons ul {
    margin-left: -70px;
    font-size: 0;
    text-align: center
}

@media (max-width: 1200px) {
    .main .cloudmail-section .buttons ul {
        margin-left: 0
    }
}

.main .cloudmail-section .buttons ul li {
    display: inline-block;
    vertical-align: top;
    width: 71px;
    margin-right: 230px
}

.main .cloudmail-section .buttons ul li:last-child {
    margin-right: 0
}

.main .cloudmail-section .buttons ul li a {
    display: block;
    height: 60px;
    text-align: center;
    position: relative;
    font: 500 29px/120% Gotham, Arial, sans-serif;
    color: #fff;
    padding-top: 5px
}

.main .cloudmail-section .buttons ul li a strong {
    margin-top: -2px;
    display: block;
    font-size: 13px;
    line-height: 120%
}

.main .cloudmail-section .buttons ul li a:after {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-top: 10px solid #03a9f4;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px
}

@media (max-width: 1200px) {
    .main .cloudmail-section .buttons ul li a:after {
        -webkit-transition: all .15s ease-in-out;
        -moz-transition: all .15s ease-in-out;
        -ms-transition: all .15s ease-in-out;
        -o-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out
    }
}

.main .cloudmail-section .buttons ul li.active a {
    background-color: #03a9f4
}

.main .cloudmail-section .buttons ul li.active a:before, .main .cloudmail-section .buttons ul li.active a:after {
    opacity: 100;
    filter: alpha(opacity=100);
    visibility: visible
}

.main .cloudmail-section .ranges {
    height: 1px;
    z-index: 5;
    position: relative;
    margin-top: 30px
}

.main .cloudmail-section .ranges .inner {
    height: 1px;
    width: 100%;
    position: relative
}

.main .cloudmail-section .ranges .inner .seperators {
    height: 9px;
    width: 1275px;
    position: absolute;
    z-index: 3;
    left: 50%;
    margin-left: -637.5px;
    bottom: -4px;
    text-align: center;
    font-size: 0
}

.main .cloudmail-section .ranges .inner .seperators span {
    display: inline-block;
    vertical-align: top;
    width: 71px;
    margin-right: 230px;
    line-height: 0;
    position: relative;
    height: 9px;
    text-align: center
}

.main .cloudmail-section .ranges .inner .seperators span:last-child {
    margin-right: 0
}

.main .cloudmail-section .ranges .inner .seperators span:before {
    content: '';
    width: 9px;
    height: 9px;
    display: inline-block;
    background-color: #03a9f4;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.main .cloudmail-section .ranges .inner .range {
    width: 100%;
    height: 1px;
    position: relative;
    background-color: #212c38;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 0 rgba(245, 248, 250, 0.22);
    -moz-box-shadow: 0 1px 0 rgba(245, 248, 250, 0.22);
    -ms-box-shadow: 0 1px 0 rgba(245, 248, 250, 0.22);
    -o-box-shadow: 0 1px 0 rgba(245, 248, 250, 0.22);
    box-shadow: 0 1px 0 rgba(245, 248, 250, 0.22)
}

.main .cloudmail-section .ranges .inner .range .slider-range-bg {
    background: #03a9f4;
    height: 1px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 0
}

.main .cloudmail-section .ranges .inner .range .slider-range-bg.last {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.main .cloudmail-section .ranges .inner .range .slider-range {
    width: 1204px;
    height: 1px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5
}

.main .cloudmail-section .ranges .inner .range .slider-range .ui-slider-range {
    z-index: 5
}

.main .cloudmail-section .ranges .inner .range .slider-range .ui-slider-range:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 21px;
    top: -10px
}

.main .cloudmail-section .ranges .inner .range .slider-range .ui-slider-handle {
    display: block;
    background-color: #03a9f4;
    width: 21px;
    height: 21px;
    top: -10px;
    left: 100%;
    margin-left: -10px;
    z-index: 6;
    position: absolute;
    overflow: visible !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    cursor: move
}

.main .cloudmail-section .ranges .inner .range .slider-range .ui-slider-handle:before {
    content: '';
    width: 71px;
    height: 85px;
    background-color: transparent;
    border-top: 25px solid #0391d1;
    position: absolute;
    left: 50%;
    margin-left: -35.5px;
    top: -105px
}

.main .cloudmail-section .ranges .inner .range .slider-range .ui-slider-handle:after {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -37px -93px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 14px;
    width: 48px;
    position: absolute;
    left: 50%;
    margin-left: -24px;
    position: absolute;
    top: -100px;
    z-index: 2
}

.main .cloudmail-section .property {
    height: 67px
}

.main .cloudmail-section .property .item {
    display: none;
    overflow: hidden
}

.main .cloudmail-section .property .item ul {
    float: left
}

.main .cloudmail-section .property .item ul li {
    float: left;
    margin-right: 29px;
    padding-right: 29px;
    border-right: 1px solid #d7d9db;
    height: 67px;
    font: 300 11px/120% Gotham, Arial, sans-serif;
    color: #4e5f67;
    padding-top: 17px;
    position: relative
}

.main .cloudmail-section .property .item ul li em {
    display: block;
    font-style: normal;
    font: 500 17px/120% Gotham, Arial, sans-serif;
    color: #586870
}

.main .cloudmail-section .property .item ul li em.tick:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -73px -18px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 8px;
    width: 11px;
    margin-left: 4px;
    position: relative;
    top: -2px
}

.main .cloudmail-section .property .item ul li em.untick:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -30px -18px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 9px;
    width: 9px;
    margin-left: 4px;
    position: relative;
    top: -2px
}

.main .cloudmail-section .property .item ul li:last-child {
    padding-right: 0;
    border-right: 0;
    margin-right: 0
}

.main .cloudmail-section .property .item ul li[class*="icon-"]:before, .main .cloudmail-section .property .item ul li[class^="icon-"]:before {
    content: '';
    position: absolute;
    left: 0
}

.main .cloudmail-section .property .item ul li.icon-mail {
    padding-left: 48px
}

.main .cloudmail-section .property .item ul li.icon-mail:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -127px -203px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 27px;
    width: 34px;
    position: absolute;
    top: 50%;
    margin-top: -13.5px
}

.main .cloudmail-section .property .item ul li.icon-quota {
    padding-left: 50px
}

.main .cloudmail-section .property .item ul li.icon-quota:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -91px -203px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 27px;
    width: 36px;
    position: absolute;
    top: 50%;
    margin-top: -13.5px
}

.main .cloudmail-section .property .item ul li.icon-antispam {
    padding-left: 46px
}

.main .cloudmail-section .property .item ul li.icon-antispam:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -59px -230px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 28px;
    width: 32px;
    position: absolute;
    top: 50%;
    margin-top: -14px
}

.main .cloudmail-section .property .item ul li.icon-ssl {
    padding-left: 35px
}

.main .cloudmail-section .property .item ul li.icon-ssl:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -113px -230px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 28px;
    width: 21px;
    position: absolute;
    top: 50%;
    margin-top: -14px
}

.main .cloudmail-section .property .item ul li.icon-mobile {
    padding-left: 36px
}

.main .cloudmail-section .property .item ul li.icon-mobile:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -91px -230px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 28px;
    width: 22px;
    position: absolute;
    top: 50%;
    margin-top: -14px
}

.main .cloudmail-section .property .item .price {
    float: right;
    overflow: hidden;
    font-size: 0;
    white-space: normal
}

.main .cloudmail-section .property .item .price .btn-price {
    display: inline-block;
    vertical-align: top;
    height: 61px;
    width: 165px;
    background-color: #03a9f4;
    text-align: center;
    font: 500 16px/61px Gotham, Arial, sans-serif;
    color: #fff;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    text-shadow: 0;
    margin-top: 6px
}

.main .cloudmail-section .property .item .price .btn-price:hover {
    background-color: #26bbff
}

.main .cloudmail-section .property .item .price .price--label {
    display: inline-block;
    vertical-align: top;
    margin-right: 24px;
    font: 300 50px/120% Gotham, Arial, sans-serif;
    color: #4e5f67;
    margin-top: 6px;
    text-align: left
}

.main .cloudmail-section .property .item .price .price--label strong {
    font-weight: 500;
    color: #03a9f4
}

.main .cloudmail-section .property .item .price .price--label strong span {
    position: relative;
    left: -10px;
    display: inline-block;
    margin-right: -10px;
    color: #4e5f67;
    display: inline-block;
    font-weight: 300
}

@media (max-width: 1200px) {
    .main .cloudmail-section {
        padding-top: 20px
    }

    .main .cloudmail-section .section--inner {
        background-color: transparent;
        margin-top: 0;
        height: auto;
        padding-top: 0;
        padding-bottom: 20px
    }

    .main .cloudmail-section .ranges {
        display: none
    }

    .main .cloudmail-section .buttons {
        width: 100%
    }

    .main .cloudmail-section .buttons ul {
        text-align: left
    }

    .main .cloudmail-section .buttons ul li {
        width: 13.42857%;
        display: inline-block;
        vertical-align: top
    }

    .main .cloudmail-section .buttons ul li:nth-child(n) {
        margin-bottom: 1%;
        margin-right: 1%
    }

    .main .cloudmail-section .buttons ul li:nth-child(7n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .cloudmail-section .buttons ul li:nth-last-child(-n + 7) {
        margin-bottom: 0
    }

    .main .cloudmail-section .buttons ul li a {
        margin-left: 0 !important;
        min-width: 0;
        display: block;
        height: auto;
        text-align: center;
        white-space: normal;
        color: #333;
        padding: 5px;
        min-height: 35px;
        font-size: 22px;
        line-height: 120%;
        background-color: #fff;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        -webkit-transition: all .15s ease-in-out;
        -moz-transition: all .15s ease-in-out;
        -ms-transition: all .15s ease-in-out;
        -o-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out
    }

    .main .cloudmail-section .buttons ul li.active a {
        background-color: #03a9f4;
        color: #fff
    }

    .main .cloudmail-section .section--bottom {
        height: auto
    }

    .main .cloudmail-section .property {
        height: auto
    }

    .main .cloudmail-section .property .item ul {
        display: table;
        float: inherit;
        width: 100%
    }

    .main .cloudmail-section .property .item ul li {
        float: inherit !important;
        display: table-cell;
        vertical-align: top;
        margin: 0 !important
    }

    .main .cloudmail-section .property .item .price {
        width: 100%;
        display: block;
        float: inherit;
        border-top: 1px solid #dedede;
        margin-top: 10px;
        padding-top: 10px;
        text-align: center
    }
}

@media (max-width: 768px) {
    .main .cloudmail-section {
        margin-top: 0
    }

    .main .cloudmail-section .buttons {
        width: 100%
    }

    .main .cloudmail-section .buttons ul li {
        width: 32.66667%;
        display: inline-block;
        vertical-align: top
    }

    .main .cloudmail-section .buttons ul li:nth-child(n) {
        margin-bottom: 1%;
        margin-right: 1%
    }

    .main .cloudmail-section .buttons ul li:nth-child(3n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .cloudmail-section .buttons ul li:nth-last-child(-n + 3) {
        margin-bottom: 0
    }

    .main .cloudmail-section .buttons ul li a {
        font-size: 19px
    }

    .main .cloudmail-section .buttons ul li a strong {
        font-size: 11px;
        margin-top: 0;
        font-weight: 400
    }

    .main .cloudmail-section .buttons ul li a:after {
        content: none !important;
        display: none !important
    }

    .main .cloudmail-section .property {
        height: auto
    }

    .main .cloudmail-section .property .item ul li {
        vertical-align: middle;
        padding: 0 5px !important;
        height: 45px;
        text-align: center
    }

    .main .cloudmail-section .property .item ul li em {
        font-size: 14px
    }

    .main .cloudmail-section .property .item ul li:before {
        content: none !important;
        display: none !important
    }

    .main .cloudmail-section .property .item .price {
        width: 100%;
        display: block;
        float: inherit;
        border-top: 1px solid #dedede;
        margin-top: 10px;
        padding-top: 10px;
        text-align: center
    }

    .main .cloudmail-section .property .item .price .price--label {
        font-size: 35px;
        margin-top: 4px
    }

    .main .cloudmail-section .property .item .price .btn-price {
        height: 40px;
        font-size: 15px;
        line-height: 40px;
        width: auto;
        padding: 0 15px
    }
}

.main .timeline-section {
    background: #00204d url(../img/bg-timeline.jpg) no-repeat 50% 0;
    height: 2541px;
    padding-top: 85px;
    padding-bottom: 50px;
    overflow: hidden;
    position: relative;
    z-index: 2
}

.main .timeline-section .section--title {
    display: block;
    text-align: center;
    font: 300 30px/120% Gotham, Arial, sans-serif;
    color: #488bd3
}

.main .timeline-section .section--title strong {
    font-weight: 500
}

.main .timeline-section .section--content {
    margin-top: 82px
}

.main .timeline-section .section--content ul li {
    width: 100%;
    display: table;
    text-align: left
}

.main .timeline-section .section--content ul li h4 {
    display: block;
    font: 300 30px/120% Gotham, Arial, sans-serif;
    color: #488bd3;
    margin-bottom: 29px
}

.main .timeline-section .section--content ul li p {
    display: block;
    font: 300 16px/28px Gotham, Arial, sans-serif;
    color: #b5bfcb
}

.main .timeline-section .section--content ul li .cell {
    display: table-cell;
    vertical-align: middle
}

.main .timeline-section .section--content ul li.pos-1 {
    height: 396px;
    padding-left: 378px;
    padding-right: 152px
}

.main .timeline-section .section--content ul li.pos-2 {
    height: 459px;
    padding-right: 510px
}

.main .timeline-section .section--content ul li.pos-3 {
    height: 493px;
    padding-left: 405px;
    padding-right: 100px
}

.main .timeline-section .section--content ul li.pos-4 {
    height: 479px;
    padding-right: 513px
}

.main .timeline-section .section--content ul li.pos-5 {
    height: 391px;
    padding-left: 573px;
    padding-right: 75px
}

@media (max-width: 768px) {
    .main .timeline-section .section--content ul li {
        display: block;
        height: auto;
        margin-bottom: 30px
    }

    .main .timeline-section .section--content ul li .cell {
        display: block
    }
}

@media (max-width: 768px) {
    .main .timeline-section {
        height: auto;
        background-image: none;
        padding: 30px 0 !important
    }

    .main .timeline-section .section--title {
        font-size: 23px
    }

    .main .timeline-section .section--content {
        margin-top: 30px
    }

    .main .timeline-section .section--content ul li {
        padding: 0 !important;
        height: auto !important;
        margin-bottom: 25px;
        text-align: left
    }

    .main .timeline-section .section--content ul li:last-child {
        margin-bottom: 0
    }

    .main .timeline-section .section--content ul li h4 {
        font-size: 18px;
        margin-bottom: 10px
    }

    .main .timeline-section .section--content ul li p {
        font-size: 14px;
        line-height: 140%
    }
}

.main .vmware-section {
    background: url(../img/bg-vmware.png) no-repeat 50% 0;
    margin-top: -145px;
    min-height: 548px;
    position: relative;
    z-index: 3;
    padding-top: 287px
}

.main .vmware-section .container {
    padding-left: 567px
}

.main .vmware-section .container .caption {
    width: 465px;
    max-width: 100%;
    display: inline-block;
    vertical-align: top;
    border-left: 3px solid #d1d5da;
    padding-left: 16px;
    padding-top: 5px;
    font: 300 17px/120% Gotham, Arial, sans-serif;
    color: #414b59
}

.main .vmware-section .container .caption h3 {
    display: block;
    font: 300 23px/120% Gotham, Arial, sans-serif;
    color: #414b59;
    margin-bottom: 25px
}

.main .vmware-section .container .caption p {
    display: block
}

@media (max-width: 1200px) {
    .main .vmware-section .container .caption {
        float: right;
        margin-right: 50px
    }
}

@media (max-width: 768px) {
    .main .vmware-section {
        background-image: none !important;
        margin-top: 0;
        padding: 25px 0;
        min-height: 0
    }

    .main .vmware-section .container .caption {
        width: 100%;
        border-left: 0;
        float: inherit;
        margin-right: 0;
        text-align: center
    }

    .main .vmware-section .container .caption h3 {
        font-size: 23px;
        margin-bottom: 15px
    }

    .main .vmware-section .container .caption p {
        font-size: 14px;
        line-height: 140%
    }
}

.main .section-ssd-raid {
    background: #fff url(../img/bg-raid.jpg) no-repeat 50% 0;
    padding-top: 134px;
    min-height: 384px;
    padding-bottom: 50px
}

.main .section-ssd-raid .col {
    width: 450px
}

.main .section-ssd-raid .col h3 {
    display: block;
    font: 300 23px/120% Gotham, Arial, sans-serif;
    color: #414b59;
    margin-bottom: 28px
}

.main .section-ssd-raid .col p {
    display: block;
    font: 300 16px/22px Gotham, Arial, sans-serif;
    color: #a6a9ae
}

.main .section-ssd-raid .col.right {
    text-align: right
}

@media (max-width: 1200px) {
    .main .section-ssd-raid {
        display: none
    }
}

.main .mail-performance {
    background-color: #fff;
    padding: 55px 0;
    text-align: center;
    overflow: hidden
}

.main .mail-performance h3 {
    display: block;
    font: 500 29px/120% Gotham, Arial, sans-serif;
    color: #586870;
    margin-bottom: 25px
}

.main .mail-performance p {
    display: block;
    font: 300 17px/26px Gotham, Arial, sans-serif;
    color: #586870
}

@media (max-width: 768px) {
    .main .mail-performance {
        padding: 25px 0
    }

    .main .mail-performance h3 {
        font-size: 23px;
        margin-bottom: 15px
    }

    .main .mail-performance p {
        font-size: 14px;
        line-height: 140%
    }
}

.main .mail-property {
    background: url(../img/bg-woman.jpg) no-repeat 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 717px;
    padding: 90px 0 25px;
    overflow: hidden
}

.main .mail-property h3 {
    display: block;
    font: 500 31px/120% Gotham, Arial, sans-serif;
    color: #fff;
    margin-bottom: 35px
}

.main .mail-property ul {
    padding-left: 10px
}

.main .mail-property ul li {
    font: 300 16px/120% Gotham, Arial, sans-serif;
    color: #fff;
    margin-bottom: 35px;
    position: relative;
    padding-left: 22px
}

.main .mail-property ul li:before {
    content: '';
    width: 5px;
    height: 5px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 6px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.main .mail-property ul li:last-child {
    margin-bottom: 0
}

@media (max-width: 768px) {
    .main .mail-property {
        padding: 25px 0;
        min-height: 0
    }

    .main .mail-property h3 {
        font-size: 23px;
        margin-bottom: 25px;
        text-align: center
    }

    .main .mail-property ul li {
        font-size: 14px;
        margin-bottom: 15px
    }
}

.main .session-section {
    background: url(../img/cover/5.jpg) no-repeat 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 845px;
    position: relative;
    padding-bottom: 158px
}

.main .session-section.inline-page {
    height: auto;
    padding-bottom: 0;
    background: none
}

.main .session-section .container {
    max-width: 762px !important;
    width: 100% !important
}

.main .session-section .section--top {
    padding-top: 105px;
    margin-bottom: 78px
}

.main .session-section .section--top h2 {
    display: block;
    font: 500 44px/120% Gotham, Arial, sans-serif;
    color: #f5f8fa;
    letter-spacing: .3em;
    padding-bottom: 39px;
    margin-bottom: 45px;
    position: relative;
    text-align: center
}

.main .session-section .section--top h2:before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: rgba(245, 248, 250, 0.2);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1
}

.main .session-section .section--top h2:after {
    content: '';
    width: 132px;
    height: 3px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -66px;
    bottom: -1px;
    z-index: 2
}

.main .session-section .section--top h2.with-arrow span {
    position: relative
}

.main .session-section .section--top h2.with-arrow span:after {
    content: '';
    background: url(../img/bg-arrow2.png) no-repeat;
    width: 138px;
    height: 105px;
    position: absolute;
    left: 100%;
    top: 24px;
    margin-left: -20px
}

.main .session-section .section--top p {
    display: block;
    font: 300 20px/120% Gotham, Arial, sans-serif;
    color: #f5f8fa;
    text-align: center
}

.main .session-section .section--top p a {
    font-weight: 700;
    color: #f5f8fa
}

.main .session-section .section--top p a:hover {
    text-decoration: underline
}

.main .session-section .section--top h5 {
    display: block;
    font: 300 27px/120% Gotham, Arial, sans-serif;
    color: #f5f8fa;
    text-align: center
}

.main .session-section .section--top h5 a {
    font-weight: 700;
    color: #f5f8fa
}

.main .session-section .section--top h5 a:hover {
    text-decoration: underline
}

.main .session-section .section--content .item {
    margin-bottom: 18px
}

.main .session-section .section--content .item:after {
    content: "";
    display: table;
    clear: both
}

.main .session-section .section--content .item .item--label {
    width: 170px;
    float: left;
    height: 86px;
    font: bold 16px/86px Gotham, Arial, sans-serif;
    color: #4a576b;
    background-color: #fff;
    position: relative;
    padding-left: 70px
}

.main .session-section .section--content .item .item--label.icon-mail:before {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -179px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 19px;
    width: 28px;
    position: absolute;
    top: 50%;
    margin-top: -9.5px;
    left: 24px
}

.main .session-section .section--content .item .item--label.icon-password:before {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -129px -291px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 31px;
    width: 22px;
    position: absolute;
    top: 50%;
    margin-top: -15.5px;
    left: 26px;
    margin-top: -20px
}

.main .session-section .section--content .item .item--input {
    margin-left: 170px
}

.main .session-section .section--content .item .tb {
    width: 100%;
    height: 86px;
    border: 1px solid #fff;
    background-color: transparent;
    font: 17px Gotham, Arial, sans-serif;
    color: #fff;
    color: rgba(255, 255, 255, 0.7);
    color: rgba(255, 255, 255, 0.7);
    padding: 0 26px 2px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .session-section .section--content .item .tb::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .session-section .section--content .item .tb:-moz-placeholder {
    color: rgba(255, 255, 255, 0.7);
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .session-section .section--content .item .tb::-moz-placeholder {
    color: rgba(255, 255, 255, 0.7);
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .session-section .section--content .item .tb:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .session-section .section--content .item .tb:focus::-webkit-input-placeholder {
    opacity: 0 !important
}

.main .session-section .section--content .item .tb:focus:-moz-placeholder {
    opacity: 0 !important
}

.main .session-section .section--content .item .tb:focus::-moz-placeholder {
    opacity: 0 !important
}

.main .session-section .section--content .item .tb:focus:-ms-input-placeholder {
    opacity: 0 !important
}

.main .session-section .section--content .item .tb:focus {
    background-color: rgba(0, 0, 0, 0.1);
    color: #fff
}

.main .session-section .section--content .item .input-check {
    display: inline-block;
    vertical-align: top;
    min-height: 24px;
    margin-bottom: 14px
}

.main .session-section .section--content .item .input-check input {
    position: absolute;
    left: -9999px
}

.main .session-section .section--content .item .input-check i {
    display: block;
    width: 24px;
    height: 24px;
    background-color: #03a9f4;
    float: left;
    position: relative;
    cursor: pointer;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .session-section .section--content .item .input-check i:hover {
    background-color: #26bbff
}

.main .session-section .section--content .item .input-check i:before {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -62px -18px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 8px;
    width: 11px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -4px;
    margin-left: -5.5px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0)
}

.main .session-section .section--content .item .input-check.active i:before {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 100;
    filter: alpha(opacity=100);
    visibility: visible
}

.main .session-section .section--content .item .input-check span {
    display: block;
    margin-left: 36px;
    font: 500 13px/120% Gotham, Arial, sans-serif;
    color: #fff;
    padding-top: 4px
}

.main .session-section .section--content .item .btn-lost {
    display: inline-block;
    vertical-align: top;
    min-height: 24px;
    font: 500 13px/24px Gotham, Arial, sans-serif;
    color: #fff;
    position: relative;
    padding-left: 35px
}

.main .session-section .section--content .item .btn-lost:hover {
    text-decoration: underline
}

.main .session-section .section--content .item .btn-lost:before {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff
}

.main .session-section .section--content .item .btn-lost:after {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -134px 0;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 13px;
    width: 8px;
    position: absolute;
    left: 8px;
    top: 5px;
    z-index: 2
}

.main .session-section .section--content .item .btn-submit {
    width: 201px;
    height: 62px;
    background-color: #03a9f4;
    text-align: center;
    padding-right: 71px;
    padding-left: 5px;
    font: bold 16px/62px Gotham, Arial, sans-serif;
    color: #fff;
    position: relative;
    z-index: 2
}

.main .session-section .section--content .item .btn-submit:before {
    content: '';
    width: 66px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.main .session-section .section--content .item .btn-submit:hover:before {
    width: 100%
}

.main .session-section .section--content .item .btn-submit:after {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-left: 11px solid #fff;
    border-bottom: 11px solid transparent;
    border-top: 11px solid transparent;
    border-top-width: 7px;
    border-bottom-width: 7px;
    position: absolute;
    right: 27px;
    top: 50%;
    margin-top: -7px
}

.main .session-section .section--content .text {
    display: block;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 38px 35px;
    font: 17px/26px Gotham, Arial, sans-serif;
    color: #fff;
    max-width: 824px;
    width: 100%;
    margin: 0 auto;
    text-align: center
}

@media (max-width: 768px) {
    .main .session-section .section--content .text {
        font-size: 14px;
        line-height: 150%;
        padding: 15px
    }
}

.main .session-section .section--bottom {
    height: 160px;
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-top: 43px;
    padding-bottom: 43px
}

.main .session-section .section--bottom .tip {
    float: left;
    font: 300 20px/120% Gotham, Arial, sans-serif;
    color: #f5f8fa;
    margin-top: 21px;
    position: relative
}

.main .session-section .section--bottom .tip:after {
    content: '';
    background: url(../img/bg-arrow3.png) no-repeat;
    width: 229px;
    height: 71px;
    position: absolute;
    left: 100%;
    margin-left: 5px;
    bottom: 0
}

.main .session-section .section--bottom .expired {
    display: block;
    height: 125px;
    border: 1px solid #fff;
    text-align: center;
    font: 300 25px/123px Gotham, Arial, sans-serif;
    color: #fff;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .session-section .section--bottom .expired:hover {
    background-color: #fff;
    color: #333
}

@media (max-width: 768px) {
    .main .session-section .section--bottom .expired {
        height: auto;
        padding: 10px;
        line-height: 120%;
        font-size: 15px
    }
}

.main .session-section .section--bottom .btn-new {
    float: right;
    display: block;
    height: 64px;
    width: 335px;
    border: 3px solid #fff;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    text-align: center;
    font: bold 16px/58px Gotham, Arial, sans-serif;
    color: #fff
}

.main .session-section .section--bottom .btn-new span {
    display: inline-block;
    position: relative;
    padding-right: 23px
}

.main .session-section .section--bottom .btn-new span:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: 14px;
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -85px 0;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 13px;
    width: 9px;
    position: absolute;
    top: 50%;
    margin-top: -6.5px;
    right: 0;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    margin-top: -7px
}

.main .session-section .section--bottom .btn-new span:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: 14px;
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -94px 0;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 13px;
    width: 9px;
    position: absolute;
    top: 50%;
    margin-top: -6.5px;
    right: 0;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    margin-top: -7px
}

.main .session-section .section--bottom .btn-new:hover {
    background-color: #fff;
    color: #333
}

.main .session-section .section--bottom .btn-new:hover span:before {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden
}

.main .session-section .section--bottom .btn-new:hover span:after {
    opacity: 100;
    filter: alpha(opacity=100);
    visibility: visible
}

.main .session-section.lost-password {
    height: 588px
}

@media (max-width: 768px) {
    .main .session-section.lost-password {
        height: auto
    }
}

.main .session-section.lost-password .container {
    max-width: 1200px !important
}

.main .session-section.lost-password .section--bottom {
    height: 212px;
    padding: 41px 0
}

@media (max-width: 768px) {
    .main .session-section.lost-password .section--bottom {
        height: auto;
        padding: 10px 0
    }
}

@media (max-width: 768px) {
    .main .session-section {
        height: auto;
        padding-bottom: 0
    }

    .main .session-section .section--top {
        padding: 30px 0;
        margin-bottom: 0
    }

    .main .session-section .section--top h2 {
        font-size: 23px;
        margin-bottom: 25px;
        padding-bottom: 25px;
        letter-spacing: .1em
    }

    .main .session-section .section--top h2.with-arrow span {
        position: relative
    }

    .main .session-section .section--top h2.with-arrow span:after {
        content: '';
        background: url(../img/bg-arrow2.png) no-repeat;
        width: 138px;
        height: 105px;
        position: absolute;
        left: 100%;
        top: 24px;
        margin-left: -20px
    }

    .main .session-section .section--top h5 {
        font-size: 18px
    }

    .main .session-section .section--top p {
        font-size: 14px;
        line-height: 140%
    }

    .main .session-section .section--content .item .item--label {
        height: 50px;
        line-height: 50px
    }

    .main .session-section .section--content .item .item--input .tb {
        height: 50px
    }

    .main .session-section .section--content .item .btn-submit {
        height: 50px;
        line-height: 50px
    }

    .main .session-section .section--bottom {
        overflow: hidden;
        position: relative;
        height: auto;
        padding: 25px 0;
        margin-top: 15px
    }
}

@media (max-width: 480px) {
    .main .session-section .section--content .item .item--label {
        width: 75px;
        text-indent: -9999px
    }

    .main .session-section .section--content .item .item--input {
        margin-left: 75px
    }

    .main .session-section .section--content .item .item--input .tb {
        font-size: 13px;
        height: 50px;
        padding: 0 10px
    }

    .main .session-section .section--content .item .btn-submit {
        height: 50px;
        line-height: 50px;
        width: auto;
        padding: 0 15px;
        font-size: 13px
    }

    .main .session-section .section--content .item .btn-submit:before, .main .session-section .section--content .item .btn-submit:after {
        content: none;
        display: none
    }

    .main .session-section .section--bottom {
        text-align: center
    }

    .main .session-section .section--bottom .tip {
        float: inherit;
        display: block;
        text-align: center;
        margin-top: 0
    }

    .main .session-section .section--bottom .tip:after {
        display: none
    }

    .main .session-section .section--bottom .btn-new {
        float: inherit;
        display: inline-block;
        vertical-align: top;
        height: 50px;
        border-width: 1px;
        line-height: 48px;
        font-size: 13px;
        width: auto;
        padding: 0 15px;
        margin-top: 15px
    }
}

.main .section-register {
    position: relative;
    margin-bottom: 14px;
    z-index: 5;
    margin-top: -560px
}

.main .section-register .section--buttons ul {
    display: table;
    width: 100%;
    table-layout: fixed
}

.main .section-register .section--buttons ul li {
    display: table-cell;
    vertical-align: top;
    height: 105px
}

.main .section-register .section--buttons ul li a {
    display: block;
    height: 95px;
    border-bottom: 8px solid #0286c2;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-align: center;
    font: 500 18px/95px Gotham, Arial, sans-serif;
    color: #495a66;
    background-color: #e8ebed;
    position: relative;
    top: 10px
}

.main .section-register .section--buttons ul li.active a {
    top: 0;
    height: 105px;
    background-color: #fff;
    border-color: #03a9f4
}

.main .section-register .section--content {
    padding-top: 26px;
    background-color: #fff
}

.main .section-register .section--content .form-block {
    margin-bottom: 20px
}

.main .section-register .section--content .form-block:last-child {
    margin-bottom: 0
}

.main .section-register .section--content .form-block .block--title {
    height: 43px;
    font: 500 19px/120% Gotham, Arial, sans-serif;
    color: #636d7b;
    text-align: left;
    border-bottom: 1px solid #ccd2d7;
    margin: 0 16px
}

.main .section-register .section--content .form-block .block--title span {
    display: inline-block;
    vertical-align: top;
    height: 43px;
    border-bottom: 4px solid #e0e2e5;
    padding-bottom: 21px
}

.main .section-register .section--content .form-block .block--content {
    padding: 22px 23px;
    font-size: 0
}

.main .section-register .section--content .form-block .block--content:after {
    content: "";
    display: table;
    clear: both
}

.main .section-register .section--content .form-block .block--content .item {
    display: inline-block;
    vertical-align: top;
    width: 47.487%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 11px !important
}

.main .section-register .section--content .form-block .block--content .item:not(.hidden):nth-child(n) {
    margin-bottom: 5.026%;
    margin-right: 5.026%
}

.main .section-register .section--content .form-block .block--content .item:not(.hidden):nth-child(2n) {
    margin-right: 0;
    margin-bottom: 0
}

.main .section-register .section--content .form-block .block--content .item:not(.hidden):nth-last-child(-n + 2) {
    margin-bottom: 0
}

.main .section-register .section--content .form-block .block--content .item:not(.hidden):nth-last-child(-n+2) {
    margin-bottom: 0 !important
}

.main .section-register .section--content .form-block .block--content .item.full {
    display: block;
    width: 100%;
    margin-right: 0
}

.main .section-register .section--content .form-block .block--content .item .item--label {
    width: 161px;
    float: left;
    font: 300 15px/120% Gotham, Arial, sans-serif;
    color: #636d7b;
    padding-top: 18px;
    padding-right: 5px
}

.main .section-register .section--content .form-block .block--content .item .item--input {
    margin-left: 161px;
    line-height: 0;
    position: relative
}

.main .section-register .section--content .form-block .block--content .item .item--input .icon {
    position: absolute;
    left: 1px;
    top: 1px;
    bottom: 1px;
    width: 52px;
    text-align: center;
    font-size: 17px;
    color: #cfd5d9;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    line-height: 48px;
    border-right: 1px solid #cfd5d9
}

.main .section-register .section--content .form-block .block--content .item .item--input .help-block {
    display: none !important
}

.main .section-register .section--content .form-block .block--content .item .item--input.has-error, .main .section-register .section--content .form-block .block--content .item .item--input .has-error {
    position: relative
}

.main .section-register .section--content .form-block .block--content .item .item--input.has-error:after, .main .section-register .section--content .form-block .block--content .item .item--input .has-error:after {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -139px -93px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 18px;
    width: 18px;
    position: absolute;
    right: 15px;
    top: 15px
}

.main .section-register .section--content .form-block .block--content .item .item--input.has-error .tb, .main .section-register .section--content .form-block .block--content .item .item--input.has-error .ta, .main .section-register .section--content .form-block .block--content .item .item--input.has-error .selectbox .sod_label, .main .section-register .section--content .form-block .block--content .item .item--input .has-error .tb, .main .section-register .section--content .form-block .block--content .item .item--input .has-error .ta, .main .section-register .section--content .form-block .block--content .item .item--input .has-error .selectbox .sod_label {
    border-color: #f44336 !important
}

.main .section-register .section--content .form-block .block--content .item .item--input.has-error .tb + .icon, .main .section-register .section--content .form-block .block--content .item .item--input.has-error .ta + .icon, .main .section-register .section--content .form-block .block--content .item .item--input.has-error .selectbox .sod_label + .icon, .main .section-register .section--content .form-block .block--content .item .item--input .has-error .tb + .icon, .main .section-register .section--content .form-block .block--content .item .item--input .has-error .ta + .icon, .main .section-register .section--content .form-block .block--content .item .item--input .has-error .selectbox .sod_label + .icon {
    border-color: #f44336;
    color: #f44336
}

.main .section-register .section--content .form-block .block--content .item .item--input.has-success, .main .section-register .section--content .form-block .block--content .item .item--input .has-success {
    position: relative
}

.main .section-register .section--content .form-block .block--content .item .item--input.has-success:after, .main .section-register .section--content .form-block .block--content .item .item--input .has-success:after {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -60px -73px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 18px;
    width: 18px;
    position: absolute;
    right: 15px;
    top: 15px
}

.main .section-register .section--content .form-block .block--content .item .item--input.has-success .tb, .main .section-register .section--content .form-block .block--content .item .item--input.has-success .ta, .main .section-register .section--content .form-block .block--content .item .item--input.has-success .selectbox, .main .section-register .section--content .form-block .block--content .item .item--input.has-success .sod_label, .main .section-register .section--content .form-block .block--content .item .item--input .has-success .tb, .main .section-register .section--content .form-block .block--content .item .item--input .has-success .ta, .main .section-register .section--content .form-block .block--content .item .item--input .has-success .selectbox, .main .section-register .section--content .form-block .block--content .item .item--input .has-success .sod_label {
    border-color: #03a9f4 !important
}

.main .section-register .section--content .form-block .block--content .item .item--input.has-success .tb + .icon, .main .section-register .section--content .form-block .block--content .item .item--input.has-success .ta + .icon, .main .section-register .section--content .form-block .block--content .item .item--input.has-success .selectbox + .icon, .main .section-register .section--content .form-block .block--content .item .item--input.has-success .sod_label + .icon, .main .section-register .section--content .form-block .block--content .item .item--input .has-success .tb + .icon, .main .section-register .section--content .form-block .block--content .item .item--input .has-success .ta + .icon, .main .section-register .section--content .form-block .block--content .item .item--input .has-success .selectbox + .icon, .main .section-register .section--content .form-block .block--content .item .item--input .has-success .sod_label + .icon {
    border-color: #03a9f4;
    background-color: #03a9f4;
    color: #fff
}

.main .section-register .section--content .form-block .block--content .item .item--input.has-success .selectbox .sod_label:before, .main .section-register .section--content .form-block .block--content .item .item--input .has-success .selectbox .sod_label:before {
    background-color: #fff
}

.main .section-register .section--content .form-block .block--content .item .tb {
    width: 100%;
    height: 50px;
    border: 1px solid #cfd5d9;
    font: 300 15px Gotham, Arial, sans-serif;
    color: #b7bec7;
    padding: 0 20px 2px 69px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .section-register .section--content .form-block .block--content .item .tb::-webkit-input-placeholder {
    color: #b7bec7;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .section-register .section--content .form-block .block--content .item .tb:-moz-placeholder {
    color: #b7bec7;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .section-register .section--content .form-block .block--content .item .tb::-moz-placeholder {
    color: #b7bec7;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .section-register .section--content .form-block .block--content .item .tb:-ms-input-placeholder {
    color: #b7bec7;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .section-register .section--content .form-block .block--content .item .tb:focus::-webkit-input-placeholder {
    opacity: 0 !important
}

.main .section-register .section--content .form-block .block--content .item .tb:focus:-moz-placeholder {
    opacity: 0 !important
}

.main .section-register .section--content .form-block .block--content .item .tb:focus::-moz-placeholder {
    opacity: 0 !important
}

.main .section-register .section--content .form-block .block--content .item .tb:focus:-ms-input-placeholder {
    opacity: 0 !important
}

.main .section-register .section--content .form-block .block--content .item .tb::-webkit-input-placeholder {
    color: #636d7b;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .section-register .section--content .form-block .block--content .item .tb:-moz-placeholder {
    color: #636d7b;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .section-register .section--content .form-block .block--content .item .tb::-moz-placeholder {
    color: #636d7b;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .section-register .section--content .form-block .block--content .item .tb:-ms-input-placeholder {
    color: #636d7b;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .section-register .section--content .form-block .block--content .item .tb:focus::-webkit-input-placeholder {
    opacity: 0 !important
}

.main .section-register .section--content .form-block .block--content .item .tb:focus:-moz-placeholder {
    opacity: 0 !important
}

.main .section-register .section--content .form-block .block--content .item .tb:focus::-moz-placeholder {
    opacity: 0 !important
}

.main .section-register .section--content .form-block .block--content .item .tb:focus:-ms-input-placeholder {
    opacity: 0 !important
}

.main .section-register .section--content .form-block .block--content .item .tb:focus {
    border-color: #97a5ae;
    color: #636d7b
}

.main .section-register .section--content .form-block .block--content .item .tb:focus + .icon {
    border-color: #97a5ae;
    color: #636d7b
}

.main .section-register .section--content .form-block .block--content .item .tb.textarea {
    height: 100px;
    line-height: 22px;
    padding-top: 12px;
    padding-bottom: 12px;
    resize: none;
    overflow: hidden
}

.main .section-register .section--content .form-block .block--content .item .selectbox {
    width: 100%;
    display: block;
    height: 50px;
    color: #b7bec7;
    font: 300 15px Gotham, Arial, sans-serif;
    z-index: 3;
    background-color: transparent
}

.main .section-register .section--content .form-block .block--content .item .selectbox select {
    width: 100%;
    height: 50px;
    background-color: #fff;
    border: 1px solid #97a5ae;
    color: #b7bec7;
    font: 300 17px Gotham, Arial, sans-serif
}

.main .section-register .section--content .form-block .block--content .item .selectbox.touch {
    padding-right: 0
}

.main .section-register .section--content .form-block .block--content .item .selectbox.touch select {
    padding-left: 20px;
    z-index: 5
}

.main .section-register .section--content .form-block .block--content .item .selectbox .sod_label {
    height: 50px;
    line-height: 48px;
    padding-left: 69px;
    padding-right: 69px;
    border: 1px solid #cfd5d9;
    position: relative;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.main .section-register .section--content .form-block .block--content .item .selectbox .sod_label:before {
    content: '';
    background-color: #e0e2e5;
    width: 49px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.main .section-register .section--content .form-block .block--content .item .selectbox .sod_label:after {
    content: '';
    position: absolute;
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -39px -18px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 6px;
    width: 11px;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 18px
}

.main .section-register .section--content .form-block .block--content .item .selectbox .sod_list_wrapper {
    border: 1px solid #97a5ae;
    border-top: 0
}

.main .section-register .section--content .form-block .block--content .item .selectbox .sod_list_wrapper .sod_list {
    max-height: 175px;
    overflow-x: hidden;
    overflow-y: auto
}

.main .section-register .section--content .form-block .block--content .item .selectbox .sod_list_wrapper .sod_option {
    display: block;
    min-height: 35px;
    font: 15px/120% Gotham, Arial, sans-serif;
    color: #3d3d3d;
    padding: 8px 20px;
    white-space: normal
}

.main .section-register .section--content .form-block .block--content .item .selectbox .sod_list_wrapper .sod_option.selected {
    background-color: #eee
}

.main .section-register .section--content .form-block .block--content .item .selectbox.open {
    color: #636d7b
}

.main .section-register .section--content .form-block .block--content .item .selectbox.open .sod_label {
    border-color: #97a5ae;
    border-bottom-color: transparent
}

.main .section-register .section--content .form-block .block--content .item .selectbox.open .sod_label:after {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.main .section-register .section--content .form-block .block--content .item .selectbox.open .sod_list_wrapper {
    margin-top: -1px
}

.main .section-register .section--content .form-block .block--content .item .selectbox.open + .icon {
    border-color: transparent;
    color: #636d7b
}

.main .section-register .section--content .form-block .block--content .item .selectbox.above .sod_label {
    border-bottom-color: #97a5ae;
    border-top-color: transparent
}

.main .section-register .section--content .form-block .block--content .item .selectbox.above .sod_list_wrapper {
    margin-top: 0;
    margin-bottom: -1px;
    border-top: 1px solid #97a5ae;
    border-bottom: 0
}

.main .section-register .section--content .form-block .block--content .item .selectbox.focus .sod_label {
    border-color: #97a5ae
}

.main .section-register .section--content .form-block .block--content .item .selectbox.focus + .icon {
    border-color: transparent;
    color: #636d7b
}

@media (max-width: 768px) {
    .main .section-register .section--content .form-block .block--content .item {
        text-align: left
    }

    .main .section-register .section--content .form-block .block--content .item .item--label {
        display: block;
        float: inherit;
        width: auto;
        margin-bottom: 10px
    }

    .main .section-register .section--content .form-block .block--content .item .item--input {
        margin-left: 0
    }

    .main .section-register .section--content .form-block .block--content .item .item--input.has-error:after, .main .section-register .section--content .form-block .block--content .item .item--input .has-error:after {
        top: 10px
    }

    .main .section-register .section--content .form-block .block--content .item .item--input.has-success:after, .main .section-register .section--content .form-block .block--content .item .item--input .has-success:after {
        top: 10px
    }
}

@media (max-width: 480px) {
    .main .section-register .section--content .form-block .block--content .item {
        width: 100%;
        display: inline-block;
        vertical-align: top
    }

    .main .section-register .section--content .form-block .block--content .item:nth-child(n) {
        margin-bottom: 5px !important;
        margin-right: 5px
    }

    .main .section-register .section--content .form-block .block--content .item:nth-child(1n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .section-register .section--content .form-block .block--content .item:nth-last-child(-n + 1) {
        margin-bottom: 0
    }

    .main .section-register .section--content .form-block .block--content .item .item--label {
        font-size: 14px
    }

    .main .section-register .section--content .form-block .block--content .item .tb {
        height: 40px;
        font-size: 13px;
        padding-left: 65px;
        padding-right: 25px
    }

    .main .section-register .section--content .form-block .block--content .item .selectbox {
        height: 40px
    }

    .main .section-register .section--content .form-block .block--content .item .selectbox select {
        height: 40px
    }

    .main .section-register .section--content .form-block .block--content .item .selectbox .sod_label {
        padding-left: 65px;
        padding-right: 15px;
        font-size: 13px;
        height: 40px;
        line-height: 38px
    }

    .main .section-register .section--content .form-block .block--content .item .selectbox .sod_list_wrapper .sod_option {
        font-size: 13px;
        padding-left: 15px;
        padding-right: 15px
    }
}

.main .section-register .section--content .form-bottom {
    margin-top: 25px;
    padding: 0 18px 28px
}

.main .section-register .section--content .form-bottom:after {
    content: "";
    display: table;
    clear: both
}

.main .section-register .section--content .input-check {
    margin-bottom: 24px;
    display: block;
    min-height: 47px;
    background-color: #ebedee;
    padding: 14px 22px;
    font-size: 0
}

.main .section-register .section--content .input-check input {
    position: fixed;
    left: -9999px
}

.main .section-register .section--content .input-check i {
    float: left;
    display: inline-block;
    vertical-align: top;
    width: 19px;
    height: 19px;
    border: 2px solid #03a9f4;
    position: relative;
    cursor: pointer
}

.main .section-register .section--content .input-check i:before {
    content: '';
    position: absolute;
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -35px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 9px;
    width: 12px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -4.5px;
    margin-left: -6px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0)
}

.main .section-register .section--content .input-check span {
    display: block;
    margin-left: 30px;
    vertical-align: top;
    font: 300 16px/120% Gotham, Arial, sans-serif;
    color: #788388
}

.main .section-register .section--content .input-check span strong {
    color: #000
}

.main .section-register .section--content .input-check span strong a {
    color: #000
}

.main .section-register .section--content .input-check span a {
    color: #788388
}

.main .section-register .section--content .input-check span a:hover {
    text-decoration: underline !important
}

.main .section-register .section--content .input-check.active i:before {
    opacity: 100;
    filter: alpha(opacity=100);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: visible
}

.main .section-register .section--content .input-check.inline {
    background-color: transparent;
    padding: 0;
    min-height: 0;
    margin-top: 18px;
    margin-bottom: 18px;
    display: inline-block;
    vertical-align: top
}

.main .section-register .section--content .input-radio {
    margin-bottom: 24px;
    display: block;
    min-height: 47px;
    background-color: #ebedee;
    padding: 14px 22px;
    font-size: 0
}

.main .section-register .section--content .input-radio input {
    position: fixed;
    left: -9999px
}

.main .section-register .section--content .input-radio i {
    float: left;
    display: inline-block;
    vertical-align: top;
    width: 19px;
    height: 19px;
    border: 2px solid #03a9f4;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer
}

.main .section-register .section--content .input-radio i:before {
    content: '';
    position: absolute;
    width: 9px;
    height: 9px;
    background-color: #03a9f4;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    left: 3px;
    top: 3px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0)
}

.main .section-register .section--content .input-radio span {
    display: block;
    margin-left: 30px;
    vertical-align: top;
    font: 300 16px/120% Gotham, Arial, sans-serif;
    color: #788388
}

.main .section-register .section--content .input-radio span strong {
    color: #000
}

.main .section-register .section--content .input-radio span strong a {
    color: #000
}

.main .section-register .section--content .input-radio span a {
    color: #788388
}

.main .section-register .section--content .input-radio span a:hover {
    text-decoration: underline !important
}

.main .section-register .section--content .input-radio.active i:before {
    opacity: 100;
    filter: alpha(opacity=100);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: visible
}

.main .section-register .section--content .input-radio.inline {
    background-color: transparent;
    padding: 0;
    min-height: 0;
    margin-top: 18px;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: top
}

.main .section-register .section--content .safe {
    margin-top: 9px;
    float: left;
    font: 300 14px/120% Gotham, Arial, sans-serif;
    padding-top: 11px;
    color: #788388;
    position: relative;
    padding-left: 47px;
    min-height: 40px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .section-register .section--content .safe:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -40px -676px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 40px;
    width: 33px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .section-register .section--content .safe:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/icon-safe-hover.png) no-repeat;
    width: 33px;
    height: 40px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    opacity: 0;
    visibility: hidden
}

.main .section-register .section--content .safe:hover {
    color: #76b852
}

.main .section-register .section--content .safe:hover:before {
    opacity: 0;
    visibility: hidden
}

.main .section-register .section--content .safe:hover:after {
    opacity: 1;
    visibility: visible
}

.main .section-register .section--content .btn-submit {
    float: right;
    height: 52px;
    background-color: #03a9f4;
    padding-left: 27px;
    padding-right: 75px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    font: 500 15px/52px Gotham, Arial, sans-serif;
    color: #fff;
    z-index: 2;
    position: relative
}

.main .section-register .section--content .btn-submit:before {
    content: '';
    width: 48px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    background-color: #000;
    opacity: .1;
    filter: alpha(opacity=10);
    z-index: -1
}

.main .section-register .section--content .btn-submit:after {
    content: '';
    position: absolute;
    right: 20px;
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -43px 0;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 12px;
    width: 6px;
    position: absolute;
    top: 50%;
    margin-top: -6px
}

.main .section-register .section--content .btn-submit:hover:before {
    width: 100%
}

.main .section-register .section--content .aggrement-text {
    display: none;
    border: 3px solid #edeff0;
    padding: 18px;
    font: 300 14px/24px Gotham, Arial, sans-serif;
    color: #788388
}

.main .section-register .section--content .aggrement-text p {
    display: block;
    height: 180px;
    overflow-y: auto;
    overflow-x: hidden
}

.main .section-register .section--content .aggrement-text p::-webkit-scrollbar {
    width: 5px;
    background-color: #ebedee;
    border-radius: 11px
}

.main .section-register .section--content .aggrement-text p::-webkit-scrollbar-thumb {
    background: #03a9f4;
    border-radius: 11px;
    -webkit-transition: all .3s ease-in-out 0;
    -moz-transition: all .3s ease-in-out 0;
    -ms-transition: all .3s ease-in-out 0;
    -o-transition: all .3s ease-in-out 0;
    transition: all .3s ease-in-out 0
}

.main .section-register .section--content .aggrement-text p::-webkit-scrollbar-thumb:hover {
    background-color: #26bbff
}

@media (max-width: 768px) {
    .main .section-register .section--content {
        text-align: center
    }

    .main .section-register .section--content .input-check {
        text-align: left
    }

    .main .section-register .section--content .safe {
        display: block;
        float: inherit;
        text-align: left
    }

    .main .section-register .section--content .btn-submit {
        display: inline-block;
        vertical-align: top;
        float: inherit;
        margin-top: 25px;
        max-width: 100%
    }
}

@media (max-width: 768px) {
    .main .section-register {
        padding-bottom: 0;
        padding-top: 15px;
        margin: 0 -15px !important
    }

    .main .section-register .container {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .main .section-register.inline {
        padding: 0
    }

    .main .section-register.inline .section--content .block--title {
        margin-bottom: 15px
    }

    .main .section-register.inline .section--content .block--content {
        padding: 0
    }

    .main .section-register .section--content {
        padding-top: 0
    }

    .main .section-register .section--content .form-block .block--content {
        padding: 15px
    }

    .main .section-register .section--content .form-block .block--title {
        font-size: 15px;
        height: 43px;
        line-height: 43px
    }

    .main .section-register .section--buttons {
        margin-top: 0
    }

    .main .section-register .section--buttons ul li {
        height: 55px
    }

    .main .section-register .section--buttons ul li a {
        height: 45px;
        font-size: 13px;
        line-height: 45px;
        border-width: 4px
    }

    .main .section-register .section--buttons ul li.active a {
        height: 55px;
        border-width: 0
    }
}

@media (max-width: 480px) {
    .main .section-register {
        margin-left: -10px !important;
        margin-right: -10px !important
    }

    .main .section-register .section--content .form-bottom {
        margin-top: 0
    }

    .main .section-register .section--content .form-block:last-child {
        margin-bottom: 0
    }

    .main .section-register .section--content .form-block .block--content .item .item--label {
        margin-left: 0 !important
    }

    .main .section-register .section--content .form-block .block--content .item .item--input .icon {
        line-height: 38px
    }

    .main .section-register .section--content .input-check span, .main .section-register .section--content .input-radio span {
        font-size: 13px
    }
}

.main .hosting-section {
    margin-top: -152px;
    position: relative;
    z-index: 100
}

.main .hosting-section ul.list {
    font-size: 0
}

.main .hosting-section ul.list > li {
    width: 22.9375%;
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
    min-height: 640px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    line-height: 0;
    position: relative
}

.main .hosting-section ul.list > li:nth-child(n) {
    margin-bottom: 2.75%;
    margin-right: 2.75%
}

.main .hosting-section ul.list > li:nth-child(4n) {
    margin-right: 0;
    margin-bottom: 0
}

.main .hosting-section ul.list > li:nth-last-child(-n + 4) {
    margin-bottom: 0
}

.main .hosting-section ul.list > li:hover {
    -webkit-box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.3)
}

.main .hosting-section ul.list > li.active:before {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-bottom: 9px solid #e8e9ef;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    position: absolute;
    left: 50%;
    margin-left: -9px;
    top: 100%;
    margin-top: 10px
}

.main .hosting-section ul.list > li .item--top {
    height: 152px;
    border-bottom: 6px solid #aaa;
    padding-top: 16px;
    text-align: center
}

.main .hosting-section ul.list > li .item--top .type {
    display: block;
    font: 300 20px/120% Gotham, Arial, sans-serif;
    color: #38434c;
    padding-bottom: 15px;
    position: relative;
    letter-spacing: .3em;
    margin-bottom: 5px
}

.main .hosting-section ul.list > li .item--top .type:before {
    content: '';
    background-color: #aaa;
    width: 50px;
    height: 3px;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    bottom: 0
}

.main .hosting-section ul.list > li .item--top .price {
    display: block;
    font: 100 54px/120% Gotham, Arial, sans-serif;
    color: #38434c
}

.main .hosting-section ul.list > li .item--top .caption {
    display: block;
    font: 500 10px/120% Gotham, Arial, sans-serif;
    color: #d1d2d4
}

.main .hosting-section ul.list > li .item--prop ol {
    font-size: 0
}

.main .hosting-section ul.list > li .item--prop ol li {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    height: 115px;
    border-right: 1px solid #fcfcfc \9;
    border-right: 1px solid rgba(168, 172, 184, 0.2);
    border-bottom: 1px solid #fcfcfc \9;
    border-bottom: 1px solid rgba(168, 172, 184, 0.2);
    padding-top: 70px;
    text-align: center;
    font: 300 14px/120% Gotham, Arial, sans-serif;
    color: #a8acb8;
    position: relative;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .hosting-section ul.list > li .item--prop ol li:nth-child(n) {
    margin-bottom: 0;
    margin-right: 0
}

.main .hosting-section ul.list > li .item--prop ol li:nth-child(2n) {
    margin-right: 0;
    margin-bottom: 0
}

.main .hosting-section ul.list > li .item--prop ol li:nth-last-child(-n + 2) {
    margin-bottom: 0
}

.main .hosting-section ul.list > li .item--prop ol li:hover {
    background-color: #fafafa
}

.main .hosting-section ul.list > li .item--prop ol li.icon-hdd:before {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -82px -846px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 44px;
    width: 44px;
    position: absolute;
    left: 50%;
    margin-left: -22px;
    top: 15px
}

.main .hosting-section ul.list > li .item--prop ol li.icon-traffic:before {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -92px -760px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 43px;
    width: 43px;
    position: absolute;
    left: 50%;
    margin-left: -21.5px;
    top: 16px
}

.main .hosting-section ul.list > li .item--prop ol li.icon-mail:before {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -938px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 45px;
    width: 46px;
    position: absolute;
    left: 50%;
    margin-left: -23px;
    top: 14px
}

.main .hosting-section ul.list > li .item--prop ol li.icon-database:before {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -39px -846px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 43px;
    width: 43px;
    position: absolute;
    left: 50%;
    margin-left: -21.5px;
    top: 14px
}

.main .hosting-section ul.list > li .item--prop ol li.icon-subdomain:before {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -120px -598px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 39px;
    width: 39px;
    position: absolute;
    left: 50%;
    margin-left: -19.5px;
    top: 17px
}

.main .hosting-section ul.list > li .item--prop ol li.icon-update:before {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -32px -637px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 37px;
    width: 43px;
    position: absolute;
    left: 50%;
    margin-left: -21.5px;
    top: 17px
}

.main .hosting-section ul.list > li .item--prop ol li strong {
    display: block;
    margin-bottom: 3px
}

.main .hosting-section ul.list > li .item--prop ol li:nth-child(2n) {
    border-right: 0
}

.main .hosting-section ul.list > li .item--prop ol li:nth-last-child(-n+2) {
    border-bottom: 0
}

.main .hosting-section ul.list > li .item--bottom {
    border-top: 1px solid #eeeef1;
    padding: 10px;
    padding-bottom: 9px;
    min-height: 138px;
    position: relative
}

.main .hosting-section ul.list > li .item--bottom:before {
    content: '';
    position: fixed;
    top: -150%;
    left: -200%;
    width: 5000%;
    height: 250%;
    z-index: 9000;
    background-color: #000;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.main .hosting-section ul.list > li .item--bottom.overlayerdiv:before {
    opacity: .3;
    filter: alpha(opacity=30);
    visibility: visible
}

.main .hosting-section ul.list > li .item--bottom.overlayerdiv .buy-div {
    z-index: 9999
}

.main .hosting-section ul.list > li .item--bottom .btn-prop {
    display: block;
    height: 54px;
    border: 2px solid #cbcdd4;
    font: 500 14px/50px Gotham, Arial, sans-serif;
    color: #a8acb8;
    padding-left: 21px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    position: relative
}

.main .hosting-section ul.list > li .item--bottom .btn-prop:before {
    content: '';
    width: 56px;
    height: 100%;
    border-left: 1px solid rgba(203, 205, 212, 0.2);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.main .hosting-section ul.list > li .item--bottom .btn-prop:after {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -157px -93px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 18px;
    width: 18px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 18px;
    z-index: 2;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.main .hosting-section ul.list > li .item--bottom .btn-prop:hover {
    background-color: #d6d8df
}

.main .hosting-section ul.list > li .item--bottom .btn-prop:hover:after {
    -moz-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg)
}

.main .hosting-section ul.list > li .item--bottom .btn-buy {
    margin-top: 10px;
    display: block;
    height: 54px;
    border: 2px solid #cbcdd4;
    font: 500 14px/50px Gotham, Arial, sans-serif;
    color: #a8acb8;
    padding-left: 21px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .hosting-section ul.list > li .item--bottom .btn-buy .icon {
    content: '';
    width: 56px;
    height: 100%;
    border-left: 1px solid rgba(203, 205, 212, 0.2);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.main .hosting-section ul.list > li .item--bottom .btn-buy:before, .main .hosting-section ul.list > li .item--bottom .btn-buy:after {
    content: '';
    position: absolute;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    right: 21px;
    top: 15px
}

.main .hosting-section ul.list > li .item--bottom .btn-buy:after {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -131px -35px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 19px;
    width: 11px
}

.main .hosting-section ul.list > li .item--bottom .btn-buy:hover {
    background-color: #f5f5f5;
    color: #fff !important
}

.main .hosting-section ul.list > li .item--bottom .btn-buy:hover:before {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden
}

.main .hosting-section ul.list > li .item--bottom .btn-buy:hover:after {
    opacity: 100;
    filter: alpha(opacity=100);
    visibility: visible
}

.main .hosting-section ul.list > li .item--bottom .other-price {
    position: absolute;
    width: 100%;
    background-color: #fff;
    z-index: 9999;
    left: 0;
    bottom: 54px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden
}

.main .hosting-section ul.list > li .item--bottom .other-price:before {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-top: 7px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    position: absolute;
    left: 50%;
    margin-left: -7px;
    top: 100%;
    margin-top: -1px
}

.main .hosting-section ul.list > li .item--bottom .other-price li {
    border-bottom: 1px solid #eff0f2;
    height: 59px;
    padding-left: 18px;
    position: relative
}

.main .hosting-section ul.list > li .item--bottom .other-price li h2 {
    display: block;
    font: 500 25px/58px Gotham, Arial, sans-serif;
    color: #76b852
}

.main .hosting-section ul.list > li .item--bottom .other-price li .discount {
    position: absolute;
    right: 0;
    width: 136px;
    height: 26px;
    padding-right: 85px;
    text-align: center;
    font: 500 12px/26px Gotham, Arial, sans-serif;
    color: #38434c;
    top: 50%;
    margin-top: -13px;
    background-color: #eff0f2;
    -webkit-border-radius: 25px 0 0 25px;
    -moz-border-radius: 25px 0 0 25px;
    -ms-border-radius: 25px 0 0 25px;
    border-radius: 25px 0 0 25px
}

.main .hosting-section ul.list > li .item--bottom .other-price li .discount span {
    height: 100%;
    background-color: #76b852;
    width: 85px;
    position: absolute;
    right: 0;
    -webkit-border-radius: 25px 0 0 25px;
    -moz-border-radius: 25px 0 0 25px;
    -ms-border-radius: 25px 0 0 25px;
    border-radius: 25px 0 0 25px;
    text-align: center;
    font: 500 11px/26px Gotham, Arial, sans-serif;
    color: #fff
}

.main .hosting-section ul.list > li .item--bottom .other-price li .discount.color-green span {
    background-color: #76b852 !important
}

.main .hosting-section ul.list > li .item--bottom .other-price li .discount.color-orange span {
    background-color: #ff6b00 !important
}

.main .hosting-section ul.list > li .item--bottom .other-price li .discount.color-red span {
    background-color: #f44336 !important
}

.main .hosting-section ul.list > li .item--bottom .other-price li:last-child {
    margin-bottom: 0
}

.main .hosting-section ul.list > li .item--bottom .other-price li:nth-child(3) .discount span, .main .hosting-section ul.list > li .item--bottom .other-price li:nth-child(4) .discount span {
    background-color: #ff6b00
}

.main .hosting-section ul.list > li .item--bottom .other-price li:nth-child(5) .discount span, .main .hosting-section ul.list > li .item--bottom .other-price li:nth-child(6) .discount span, .main .hosting-section ul.list > li .item--bottom .other-price li:nth-child(7) .discount span, .main .hosting-section ul.list > li .item--bottom .other-price li:nth-child(8) .discount span, .main .hosting-section ul.list > li .item--bottom .other-price li:nth-child(9) .discount span {
    background-color: #f44336
}

.main .hosting-section ul.list > li .item--bottom .buy-div {
    position: relative;
    margin-left: -10px;
    margin-right: -10px;
    padding: 0 10px
}

.main .hosting-section ul.list > li .item--bottom .buy-div:hover .btn-buy {
    background-color: #f5f5f5;
    color: #fff !important
}

.main .hosting-section ul.list > li .item--bottom .buy-div:hover .btn-buy:before {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden
}

.main .hosting-section ul.list > li .item--bottom .buy-div:hover .btn-buy:after {
    opacity: 100;
    filter: alpha(opacity=100);
    visibility: visible
}

.main .hosting-section ul.list > li .item--bottom .buy-div:hover .other-price {
    bottom: 64px;
    opacity: 100;
    filter: alpha(opacity=100);
    visibility: visible
}

.main .hosting-section ul.list > li.green .item--top {
    border-bottom-color: #76b852
}

.main .hosting-section ul.list > li.green .item--top .type:before {
    background-color: #76b852
}

.main .hosting-section ul.list > li.green .item--bottom .btn-buy {
    border-color: #76b852
}

.main .hosting-section ul.list > li.green .item--bottom .btn-buy:hover {
    background-color: #76b852;
    color: #76b852
}

.main .hosting-section ul.list > li.green .item--bottom .btn-buy:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -160px -35px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 19px;
    width: 11px
}

.main .hosting-section ul.list > li.green .item--bottom .other-price h2 {
    color: #76b852
}

.main .hosting-section ul.list > li.green .item--bottom .buy-div {
    position: relative;
    z-index: 9999;
    line-height: 0
}

.main .hosting-section ul.list > li.green .item--bottom .buy-div:hover .btn-buy {
    background-color: #76b852;
    color: #76b852
}

.main .hosting-section ul.list > li.blue .item--top {
    border-bottom-color: #03a9f4
}

.main .hosting-section ul.list > li.blue .item--top .type:before {
    background-color: #03a9f4
}

.main .hosting-section ul.list > li.blue .item--bottom .btn-buy {
    border-color: #03a9f4
}

.main .hosting-section ul.list > li.blue .item--bottom .btn-buy:hover {
    background-color: #03a9f4;
    color: #03a9f4
}

.main .hosting-section ul.list > li.blue .item--bottom .btn-buy:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -140px -54px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 19px;
    width: 11px
}

.main .hosting-section ul.list > li.blue .item--bottom .other-price h2 {
    color: #03a9f4
}

.main .hosting-section ul.list > li.blue .item--bottom .buy-div {
    position: relative;
    z-index: 9999;
    line-height: 0
}

.main .hosting-section ul.list > li.blue .item--bottom .buy-div:hover .btn-buy {
    background-color: #03a9f4;
    color: #03a9f4
}

.main .hosting-section ul.list > li.red .item--top {
    border-bottom-color: #f44336
}

.main .hosting-section ul.list > li.red .item--top .type:before {
    background-color: #f44336
}

.main .hosting-section ul.list > li.red .item--bottom .btn-buy {
    border-color: #f44336
}

.main .hosting-section ul.list > li.red .item--bottom .btn-buy:hover {
    background-color: #f44336;
    color: #f44336
}

.main .hosting-section ul.list > li.red .item--bottom .btn-buy:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -161px -130px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 19px;
    width: 11px
}

.main .hosting-section ul.list > li.red .item--bottom .other-price h2 {
    color: #f44336
}

.main .hosting-section ul.list > li.red .item--bottom .buy-div {
    position: relative;
    z-index: 9999;
    line-height: 0
}

.main .hosting-section ul.list > li.red .item--bottom .buy-div:hover .btn-buy {
    background-color: #f44336;
    color: #f44336
}

.main .hosting-section ul.list > li.black .item--top {
    border-bottom-color: #38434c
}

.main .hosting-section ul.list > li.black .item--top .type:before {
    background-color: #38434c
}

.main .hosting-section ul.list > li.black .item--bottom .btn-buy {
    border-color: #38434c
}

.main .hosting-section ul.list > li.black .item--bottom .btn-buy:hover {
    background-color: #38434c;
    color: #38434c
}

.main .hosting-section ul.list > li.black .item--bottom .btn-buy:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -161px -111px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 19px;
    width: 11px
}

.main .hosting-section ul.list > li.black .item--bottom .other-price h2 {
    color: #38434c
}

.main .hosting-section ul.list > li.black .item--bottom .buy-div {
    position: relative;
    z-index: 9999;
    line-height: 0
}

.main .hosting-section ul.list > li.black .item--bottom .buy-div:hover .btn-buy {
    background-color: #38434c;
    color: #38434c
}

.main .hosting-section ul.list > li.orange .item--top {
    border-bottom-color: #ff6c2c
}

.main .hosting-section ul.list > li.orange .item--top .type:before {
    background-color: #ff6c2c
}

.main .hosting-section ul.list > li.orange .item--bottom .btn-buy {
    border-color: #ff6c2c
}

.main .hosting-section ul.list > li.orange .item--bottom .btn-buy:hover {
    background-color: #ff6c2c;
    color: #ff6c2c
}

.main .hosting-section ul.list > li.orange .item--bottom .btn-buy:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -73px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 19px;
    width: 11px
}

.main .hosting-section ul.list > li.orange .item--bottom .other-price h2 {
    color: #ff6c2c
}

.main .hosting-section ul.list > li.orange .item--bottom .buy-div {
    position: relative;
    z-index: 9999;
    line-height: 0
}

.main .hosting-section ul.list > li.orange .item--bottom .buy-div:hover .btn-buy {
    background-color: #ff6c2c;
    color: #ff6c2c
}

@media (max-width: 768px) {
    .main .hosting-section {
        margin-top: 10px
    }

    .main .hosting-section ul.list > li {
        width: 49%;
        display: inline-block;
        vertical-align: top;
        min-height: 0
    }

    .main .hosting-section ul.list > li:nth-child(n) {
        margin-bottom: 2%;
        margin-right: 2%
    }

    .main .hosting-section ul.list > li:nth-child(2n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .hosting-section ul.list > li:nth-last-child(-n + 2) {
        margin-bottom: 0
    }

    .main .hosting-section ul.list > li:before {
        content: none;
        display: none
    }

    .main .hosting-section ul.list > li .item--top {
        height: 125px;
        border-bottom-width: 3px
    }

    .main .hosting-section ul.list > li .item--top .type {
        font-size: 13px;
        letter-spacing: .1em
    }

    .main .hosting-section ul.list > li .item--top .price {
        font-size: 40px
    }

    .main .hosting-section ul.list > li .item--bottom {
        min-height: 0
    }

    .main .hosting-section ul.list > li .item--bottom .btn-prop, .main .hosting-section ul.list > li .item--bottom .btn-buy {
        height: 40px;
        border-width: 1px;
        line-height: 38px
    }

    .main .hosting-section ul.list > li .item--bottom .btn-buy:before, .main .hosting-section ul.list > li .item--bottom .btn-buy:after {
        top: 8px !important
    }

    .main .hosting-section ul.list > li .item--bottom .buy-div .other-price {
        display: none !important
    }
}

@media (max-width: 480px) {
    .main .hosting-section ul.list > li {
        width: 100%;
        display: inline-block;
        vertical-align: top
    }

    .main .hosting-section ul.list > li:nth-child(n) {
        margin-bottom: 15px !important;
        margin-right: 15px
    }

    .main .hosting-section ul.list > li:nth-child(1n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .hosting-section ul.list > li:nth-last-child(-n + 1) {
        margin-bottom: 0
    }
}

.main .input-megabg {
    background-image: url(../img/textbox-logo.png) !important;
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important
}

.main .hosting-packages-detail {
    background-color: #e8e9ef;
    max-width: 1200px;
    width: 100%;
    margin: 19px auto 0;
    position: relative
}

.main .hosting-packages-detail .btn-close {
    display: none;
    width: 50px;
    height: 50px;
    background-color: #e8e9ef;
    position: absolute;
    left: 100%;
    top: 0;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .hosting-packages-detail .btn-close:hover {
    background-color: #d8d9e1
}

.main .hosting-packages-detail .btn-close:before {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -67px -203px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 24px;
    width: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -12px;
    margin-left: -12px
}

@media (max-width: 1200px) {
    .main .hosting-packages-detail .btn-close {
        left: auto;
        right: 0;
        top: 60px
    }
}

@media (max-width: 480px) {
    .main .hosting-packages-detail .btn-close {
        top: 74px
    }
}

.main .hosting-packages-detail .hosting-prop-item {
    display: none
}

.main .hosting-packages-detail .tab--buttons {
    height: 93px;
    border-bottom: 1px solid #c9cdd4
}

.main .hosting-packages-detail .tab--buttons ul {
    font-size: 0;
    width: 100%;
    height: 94px;
    display: table;
    margin-bottom: -1px
}

.main .hosting-packages-detail .tab--buttons ul li {
    display: table-cell;
    vertical-align: top;
    margin-right: 16px
}

.main .hosting-packages-detail .tab--buttons ul li:last-child {
    margin-right: 0
}

.main .hosting-packages-detail .tab--buttons ul li a {
    display: block;
    height: 94px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    padding: 0 55px;
    padding-top: 47px;
    font: 500 13px/120% Gotham, Arial, sans-serif;
    color: #38434c;
    position: relative;
    text-align: center
}

.main .hosting-packages-detail .tab--buttons ul li a:before {
    content: '';
    width: 0;
    height: 5px;
    background-color: #4d5b67;
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    transform-origin: bottom center;
    -webkit-transform-origin: bottom center;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    position: absolute;
    left: 50%;
    bottom: 0
}

.main .hosting-packages-detail .tab--buttons ul li.active a:before {
    width: 100%;
    left: 0;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 100;
    filter: alpha(opacity=100);
    visibility: visible
}

.main .hosting-packages-detail .tab--content {
    padding: 50px 15px
}

.main .hosting-packages-detail .tab--content .properties {
    font-size: 0
}

.main .hosting-packages-detail .tab--content h3 {
    display: block;
    min-height: 60px;
    margin-bottom: 13px;
    font: 300 18px/120% Gotham, Arial, sans-serif;
    color: #4d5b67;
    position: relative;
    padding-top: 3px
}

.main .hosting-packages-detail .tab--content h3 span {
    display: block;
    font-size: 12px
}

.main .hosting-packages-detail .tab--content h3[class*="icon-"], .main .hosting-packages-detail .tab--content h3[class^="icon-"] {
    padding-left: 46px
}

.main .hosting-packages-detail .tab--content h3[class*="icon-"]:before, .main .hosting-packages-detail .tab--content h3[class^="icon-"]:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0
}

.main .hosting-packages-detail .tab--content h3.icon-property:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -152px -230px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 30px;
    width: 22px;
    left: 0;
    top: -1px
}

.main .hosting-packages-detail .tab--content h3.icon-domain:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -144px -262px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 29px;
    width: 29px;
    top: 1px
}

.main .hosting-packages-detail .tab--content h3.icon-mail:before {
    background: url(../img/icon-prop-mail.png) no-repeat;
    width: 28px;
    height: 26px;
    top: 1px
}

.main .hosting-packages-detail .tab--content h3.icon-sql:before {
    background: url(../img/icon-prop-sql.png) no-repeat;
    width: 25px;
    height: 28px;
    top: 1px
}

.main .hosting-packages-detail .tab--content h3.icon-setting:before {
    background: url(../img/icon-prop-setting.png) no-repeat;
    width: 28px;
    height: 28px;
    top: 1px
}

.main .hosting-packages-detail .tab--content h3.icon-limit:before {
    background: url(../img/icon-prop-limit.png) no-repeat;
    width: 28px;
    height: 25px;
    top: 1px
}

.main .hosting-packages-detail .tab--content h3.icon-technic:before {
    background: url(../img/icon-prop-technic.png) no-repeat;
    width: 28px;
    height: 28px;
    top: 1px
}

.main .hosting-packages-detail .tab--content h3.icon-support:before {
    background: url(../img/icon-prop-support.png) no-repeat;
    width: 28px;
    height: 27px;
    top: 1px
}

.main .hosting-packages-detail .tab--content h3.icon-optional:before {
    background: url(../img/icon-prop-optional.png) no-repeat;
    width: 28px;
    height: 28px;
    top: 1px
}

.main .hosting-packages-detail .tab--content h3.icon-speed:before {
    background: url(../img/icon-prop-speed.png) no-repeat;
    width: 28px;
    height: 23px;
    top: 1px
}

.main .hosting-packages-detail .tab--content h3.icon-cpu:before {
    background: url(../img/icon-prop-cpu.png) no-repeat;
    width: 28px;
    height: 28px;
    top: 1px
}

.main .hosting-packages-detail .tab--content h3.icon-pencil:before {
    background: url(../img/icon-prop-pencil.png) no-repeat;
    width: 28px;
    height: 28px;
    top: 1px
}

.main .hosting-packages-detail .prop-col {
    width: 27.77778%;
    display: inline-block;
    vertical-align: top;
    display: inline-block;
    vertical-align: top
}

.main .hosting-packages-detail .prop-col:nth-child(n) {
    margin-bottom: 8.33333%;
    margin-right: 8.33333%
}

.main .hosting-packages-detail .prop-col:nth-child(3n) {
    margin-right: 0;
    margin-bottom: 0
}

.main .hosting-packages-detail .prop-col:nth-last-child(-n + 3) {
    margin-bottom: 0
}

.main .hosting-packages-detail .prop-col ol li {
    border-bottom: 1px solid #d8dbe1;
    font: 300 14px/120% Gotham, Arial, sans-serif;
    padding-bottom: 12px;
    color: #4d5b67;
    overflow: hidden;
    margin-bottom: 12px
}

.main .hosting-packages-detail .prop-col ol li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.main .hosting-packages-detail .prop-col ol li span {
    float: left
}

.main .hosting-packages-detail .prop-col ol li span em {
    display: block;
    font-size: 11px;
    font-style: normal;
    margin-top: 5px
}

.main .hosting-packages-detail .prop-col ol li strong {
    float: right;
    font-weight: 500
}

.main .hosting-packages-detail .prop-col ol li strong.font-normal {
    font-weight: 300
}

.main .hosting-packages-detail .prop-col ol li strong a {
    color: #1c7dd4
}

.main .hosting-packages-detail .prop-col ol li strong a:hover {
    text-decoration: underline !important
}

.main .hosting-packages-detail .prop-col ol li .tick {
    float: right;
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -96px -18px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 10px;
    width: 14px;
    display: block
}

.main .hosting-packages-detail .prop-col ol li .untick {
    float: right;
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -21px -35px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 11px;
    width: 11px;
    display: block;
    margin-right: 2px
}

.main .hosting-packages-detail .prop-col ol li .tip {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    background-color: #03a9f4;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    font: 300 11px/14px Gotham, Arial, sans-serif;
    color: #fff;
    margin-left: 3px
}

@media (max-width: 768px) {
    .main .hosting-packages-detail .prop-col {
        width: 48.5%;
        display: inline-block;
        vertical-align: top
    }

    .main .hosting-packages-detail .prop-col:nth-child(n) {
        margin-bottom: 3%;
        margin-right: 3%
    }

    .main .hosting-packages-detail .prop-col:nth-child(2n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .hosting-packages-detail .prop-col:nth-last-child(-n + 2) {
        margin-bottom: 0
    }
}

@media (max-width: 480px) {
    .main .hosting-packages-detail .prop-col {
        width: 100%;
        display: inline-block;
        vertical-align: top
    }

    .main .hosting-packages-detail .prop-col:nth-child(n) {
        margin-bottom: 15px !important;
        margin-right: 15px
    }

    .main .hosting-packages-detail .prop-col:nth-child(1n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .hosting-packages-detail .prop-col:nth-last-child(-n + 1) {
        margin-bottom: 0
    }
}

.main .hosting-packages-detail .terms-of-use .terms--content {
    padding-left: 46px;
    margin-top: 15px
}

.main .hosting-packages-detail .terms-of-use .terms--content h2 {
    display: block;
    font: 300 27px/120% Gotham, Arial, sans-serif;
    color: #3e4b62
}

.main .hosting-packages-detail .terms-of-use .terms--content h5 {
    display: block;
    font: 300 14px/120% Gotham, Arial, sans-serif;
    color: #838b91;
    margin-top: 7px
}

.main .hosting-packages-detail .terms-of-use .terms--content p {
    font: 300 14px/21px Gotham, Arial, sans-serif;
    color: #838b91;
    display: block;
    margin-bottom: 20px
}

.main .hosting-packages-detail .terms-of-use .terms--content p a {
    color: #838b91;
    font-weight: 500;
    text-decoration: underline !important;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .hosting-packages-detail .terms-of-use .terms--content p a:hover {
    color: #666;
    text-decoration: none !important
}

.main .hosting-packages-detail .terms-of-use .terms--content ol {
    list-style-type: decimal;
    margin-left: 37px
}

.main .hosting-packages-detail .terms-of-use .terms--content ol li {
    margin-bottom: 22px;
    font: 300 14px/21px Gotham, Arial, sans-serif;
    color: #405261;
    position: relative;
    padding-left: 10px
}

.main .hosting-packages-detail .terms-of-use .terms--content ol li span {
    color: #838b91
}

.main .hosting-packages-detail .terms-of-use .terms--content ol li:last-child {
    margin-bottom: 0
}

.main .hosting-packages-detail .faq-section ul li {
    margin-bottom: 12px;
    border: 1px solid #b3b6c1;
    position: relative;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .hosting-packages-detail .faq-section ul li:hover {
    background-color: #fafafa
}

.main .hosting-packages-detail .faq-section ul li:last-child {
    margin-bottom: 0
}

.main .hosting-packages-detail .faq-section ul li .faq--btn {
    display: block;
    font: 300 15px/130% Gotham, Arial, sans-serif;
    color: #4d5b67;
    padding: 19px 75px 18px 24px
}

.main .hosting-packages-detail .faq-section ul li .faq--btn:before {
    content: '';
    position: absolute;
    right: -1px;
    top: -1px;
    bottom: -1px;
    width: 56px;
    background-color: #03a9f4;
    z-index: 2;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .hosting-packages-detail .faq-section ul li .faq--btn:after {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -150px 0;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 14px;
    width: 14px;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 21px;
    z-index: 3
}

.main .hosting-packages-detail .faq-section ul li .faq--content {
    display: none;
    border-top: 1px solid #e8e9ec;
    padding: 18px 75px 18px 24px;
    font: 300 15px/25px Gotham, Arial, sans-serif;
    color: #4d5b67
}

.main .hosting-packages-detail .faq-section ul li.active {
    background-color: #fff;
    border-color: #fff
}

.main .hosting-packages-detail .faq-section ul li.active a:before {
    background-color: #4d5b67
}

.main .hosting-packages-detail .faq-section ul li.active a:after {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -44px -73px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 19px;
    z-index: 3
}

@media (max-width: 1200px) {
    .main .hosting-packages-detail .tab--buttons {
        height: auto !important
    }

    .main .hosting-packages-detail .tab--buttons .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow-y: hidden !important;
        overflow-x: auto !important
    }

    .main .hosting-packages-detail .tab--buttons .container ul {
        height: auto
    }

    .main .hosting-packages-detail .tab--buttons .container ul li a {
        height: 60px;
        padding: 15px 15px 0 !important
    }

    .main .hosting-packages-detail .tab--content {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width: 768px) {
    .main .hosting-packages-detail .tab--content {
        padding: 25px 0
    }

    .main .hosting-packages-detail .tab--content h3 {
        min-height: 50px;
        padding-left: 35px;
        font-size: 16px
    }
}

.main .welcome-cloud-section {
    background: #fff url(../img/bg-cloud.jpg) no-repeat 50% 0;
    margin-top: 108px;
    padding-top: 70px;
    padding-bottom: 70px;
    position: relative
}

.main .welcome-cloud-section:before {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -1482px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 74px;
    width: 113px;
    position: absolute;
    left: 50%;
    margin-left: -56.5px;
    top: -34px;
    z-index: 2
}

.main .welcome-cloud-section .section--title {
    text-align: center;
    margin-bottom: 69px
}

.main .welcome-cloud-section .section--title h3 {
    display: block;
    font: 300 42px/120% Gotham, Arial, sans-serif;
    color: #03a9f4;
    margin-bottom: 12px
}

.main .welcome-cloud-section .section--title h3 strong {
    font-weight: 500
}

.main .welcome-cloud-section .section--title p {
    display: block;
    font: 300 17px/26px Gotham, Arial, sans-serif;
    color: #7f8b97;
    max-width: 862px;
    width: 100%;
    margin: 0 auto
}

.main .welcome-cloud-section .section--content ul {
    font-size: 0
}

.main .welcome-cloud-section .section--content ul li {
    width: 25.66667%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    min-height: 375px;
    padding-top: 262px;
    position: relative
}

.main .welcome-cloud-section .section--content ul li:nth-child(n) {
    margin-bottom: 11.5%;
    margin-right: 11.5%
}

.main .welcome-cloud-section .section--content ul li:nth-child(3n) {
    margin-right: 0;
    margin-bottom: 0
}

.main .welcome-cloud-section .section--content ul li:nth-last-child(-n + 3) {
    margin-bottom: 0
}

.main .welcome-cloud-section .section--content ul li:before {
    content: '';
    width: 100%;
    position: absolute;
    left: 0
}

.main .welcome-cloud-section .section--content ul li strong {
    display: block;
    font: 300 28px/120% Gotham, Arial, sans-serif;
    color: #03a9f4;
    margin-bottom: 22px
}

.main .welcome-cloud-section .section--content ul li span {
    display: block;
    font: 14px/21px Gotham, Arial, sans-serif;
    color: #999495
}

.main .welcome-cloud-section .section--content ul li.bg1:before {
    background: url(../img/cloud-text-bg1.png) no-repeat 50% 0;
    height: 232px;
    top: 9px
}

.main .welcome-cloud-section .section--content ul li.bg1:after {
    content: '';
    background: url(../img/bg-arrow4.png) no-repeat;
    width: 282px;
    height: 94px;
    position: absolute;
    left: 269px;
    top: 38px
}

.main .welcome-cloud-section .section--content ul li.bg2:before {
    background: url(../img/cloud-text-bg2.png) no-repeat 50% 0;
    height: 232px;
    top: 0
}

.main .welcome-cloud-section .section--content ul li.bg2:after {
    content: '';
    background: url(../img/bg-arrow5.png) no-repeat;
    width: 233px;
    height: 96px;
    position: absolute;
    left: 230px;
    top: 124px
}

.main .welcome-cloud-section .section--content ul li.bg3:before {
    background: url(../img/cloud-text-bg3.png) no-repeat 50% 0;
    height: 222px;
    top: 8px
}

@media (max-width: 1200px) {
    .main .welcome-cloud-section .section--content ul li:after {
        content: none !important;
        display: none !important
    }
}

@media (max-width: 768px) {
    .main .welcome-cloud-section .section--content ul li {
        width: 48.5%;
        display: inline-block;
        vertical-align: top;
        padding-top: 0;
        min-height: 0
    }

    .main .welcome-cloud-section .section--content ul li:nth-child(n) {
        margin-bottom: 3%;
        margin-right: 3%
    }

    .main .welcome-cloud-section .section--content ul li:nth-child(2n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .welcome-cloud-section .section--content ul li:nth-last-child(-n + 2) {
        margin-bottom: 0
    }

    .main .welcome-cloud-section .section--content ul li:before {
        content: none !important;
        display: none !important
    }

    .main .welcome-cloud-section .section--content ul li strong {
        font-size: 18px;
        margin-bottom: 13px
    }
}

@media (max-width: 480px) {
    .main .welcome-cloud-section .section--content ul li {
        width: 100%;
        display: inline-block;
        vertical-align: top
    }

    .main .welcome-cloud-section .section--content ul li:nth-child(n) {
        margin-bottom: 25px !important;
        margin-right: 25px
    }

    .main .welcome-cloud-section .section--content ul li:nth-child(1n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .welcome-cloud-section .section--content ul li:nth-last-child(-n + 1) {
        margin-bottom: 0
    }
}

@media (max-width: 768px) {
    .main .welcome-cloud-section {
        margin-top: 40px;
        padding-bottom: 15px
    }

    .main .welcome-cloud-section .section--title {
        margin-bottom: 25px;
        padding-bottom: 15px;
        border-bottom: 1px solid #eee
    }

    .main .welcome-cloud-section .section--title h3 {
        font-size: 23px;
        margin-bottom: 15px
    }

    .main .welcome-cloud-section .section--title p {
        font-size: 14px;
        line-height: 140%
    }
}

.main .promotion-section {
    background: #fafafa url(../img/sitenizi-tasiyoruz.jpg) no-repeat 50% 0;
    height: 787px;
    padding-top: 123px;
    overflow: hidden
}

.main .promotion-section h3 {
    display: block;
    font: 300 30px/120% Gotham, Arial, sans-serif;
    color: #488bd3;
    margin-bottom: 20px
}

.main .promotion-section p {
    display: block;
    font: 300 16px/28px Gotham, Arial, sans-serif;
    color: #7e858e
}

.main .promotion-section .col {
    display: block;
    width: 845px;
    float: left;
    text-align: left;
    padding-left: 302px
}

.main .promotion-section .col:nth-child(even) {
    float: right;
    text-align: right;
    padding-left: 0;
    padding-right: 286px
}

.main .promotion-section .col.c1 {
    min-height: 158px;
    margin-bottom: 71px
}

.main .promotion-section .col.c2 {
    min-height: 153px;
    margin-bottom: 110px
}

@media (max-width: 1200px) {
    .main .promotion-section {
        background-image: none !important;
        height: auto;
        padding: 30px 0
    }

    .main .promotion-section .col {
        padding: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        margin-bottom: 25px !important
    }

    .main .promotion-section .col:last-child {
        margin-bottom: 0 !important
    }
}

@media (max-width: 768px) {
    .main .promotion-section h3 {
        font-size: 23px;
        margin-bottom: 15px
    }

    .main .promotion-section p {
        display: block;
        font-size: 14px;
        line-height: 140%
    }

    .main .promotion-section .col {
        width: 100% !important;
        padding: 0 !important
    }
}

@media (max-width: 480px) {
    .main .promotion-section .col {
        text-align: center !important
    }
}

.main .multi-php {
    background: #fafafa;
    padding: 30px 0
}

.main .multi-php .container {
    background: url(../img/bg-php.png) no-repeat;
    min-height: 253px;
    padding-top: 94px;
    padding-left: 480px
}

.main .multi-php h3 {
    display: block;
    font: 300 30px/120% Gotham, Arial, sans-serif;
    color: #488bd3;
    margin-bottom: 20px
}

.main .multi-php p {
    display: block;
    font: 300 16px/28px Gotham, Arial, sans-serif;
    color: #7e858e
}

@media (max-width: 1200px) {
    .main .multi-php {
        padding-bottom: 0
    }

    .main .multi-php .container {
        background-image: none !important;
        min-height: inherit;
        padding: 0
    }
}

@media (max-width: 768px) {
    .main .multi-php h3 {
        font-size: 23px;
        margin-bottom: 15px
    }

    .main .multi-php p {
        display: block;
        font-size: 14px;
        line-height: 140%
    }
}

@media (max-width: 480px) {
    .main .multi-php {
        text-align: center !important
    }
}

.main .hosting-text-section .section--block {
    overflow: hidden
}

.main .hosting-text-section .section--block h3 {
    display: block;
    font: 400 25px/120% Gotham, Arial, sans-serif;
    color: #415a68;
    margin-bottom: 26px
}

.main .hosting-text-section .section--block p {
    display: block;
    font: 300 17px/31px Gotham, Arial, sans-serif;
    color: #818e96
}

.main .hosting-text-section .section--block .btn-view {
    margin-top: 35px;
    display: inline-block;
    vertical-align: top;
    height: 54px;
    min-width: 277px;
    border: 2px solid #415a68;
    font: 500 14px/50px Gotham, Arial, sans-serif;
    color: #415a68;
    padding-left: 15px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    position: relative
}

.main .hosting-text-section .section--block .btn-view .icon {
    content: '';
    width: 56px;
    height: 100%;
    border-left: 1px solid rgba(65, 90, 104, 0.2);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.main .hosting-text-section .section--block .btn-view:before, .main .hosting-text-section .section--block .btn-view:after {
    content: '';
    position: absolute;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    right: 21px;
    top: 15px
}

.main .hosting-text-section .section--block .btn-view:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -94px -54px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 19px;
    width: 11px
}

.main .hosting-text-section .section--block .btn-view:after {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -131px -35px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 19px;
    width: 11px
}

.main .hosting-text-section .section--block .btn-view:hover {
    background-color: #415a68;
    color: #fff !important
}

.main .hosting-text-section .section--block .btn-view:hover:before {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden
}

.main .hosting-text-section .section--block .btn-view:hover:after {
    opacity: 100;
    filter: alpha(opacity=100);
    visibility: visible
}

.main .hosting-text-section .section--block .container {
    display: table;
    height: 100%
}

.main .hosting-text-section .section--block .container .cell {
    display: table-cell;
    vertical-align: middle
}

.main .hosting-text-section .section--block.bg-1 {
    margin-top: 30px;
    margin-bottom: 45px
}

.main .hosting-text-section .section--block.bg-1 .container {
    background: url(../img/bg-ssl.png) no-repeat right 0;
    height: 307px
}

.main .hosting-text-section .section--block.bg-1 .container h3, .main .hosting-text-section .section--block.bg-1 .container p {
    max-width: 720px;
    width: 100%
}

.main .hosting-text-section .section--block.bg-2 {
    background: #c4dffa url(../img/bg-hosting.jpg) no-repeat 50% 50%
}

.main .hosting-text-section .section--block.bg-2 .container {
    height: 381px;
    padding-left: 583px
}

.main .hosting-text-section .section--block.bg-3 {
    background-color: #fff;
    -webkit-box-shadow: inset 0 -41px 0 #f2f7fb;
    -moz-box-shadow: inset 0 -41px 0 #f2f7fb;
    -ms-box-shadow: inset 0 -41px 0 #f2f7fb;
    -o-box-shadow: inset 0 -41px 0 #f2f7fb;
    box-shadow: inset 0 -41px 0 #f2f7fb
}

.main .hosting-text-section .section--block.bg-3 .container {
    background: url(../img/bg-mail.png) no-repeat right bottom;
    height: 378px
}

.main .hosting-text-section .section--block.bg-3 .container h3, .main .hosting-text-section .section--block.bg-3 .container p {
    max-width: 540px;
    width: 100%
}

@media (max-width: 1200px) {
    .main .hosting-text-section .section--block {
        background-image: none !important;
        padding: 25px 0 !important;
        margin: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        text-align: center
    }

    .main .hosting-text-section .section--block.bg-3 {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none
    }

    .main .hosting-text-section .section--block .container {
        background: none !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        height: auto !important;
        min-height: 0 !important
    }

    .main .hosting-text-section .section--block h3 {
        font-size: 23px;
        margin-bottom: 15px
    }

    .main .hosting-text-section .section--block p {
        font-size: 14px;
        line-height: 140%
    }

    .main .hosting-text-section .section--block .btn-view {
        margin-top: 15px;
        display: inline-block;
        vertical-align: top;
        height: 40px;
        min-width: 0;
        border-width: 1px;
        line-height: 38px;
        padding: 0 10px;
        text-align: center
    }

    .main .hosting-text-section .section--block .btn-view .icon, .main .hosting-text-section .section--block .btn-view:before, .main .hosting-text-section .section--block .btn-view:after {
        display: none;
        content: none
    }
}

.main .dedicated-section {
    margin-top: -95px
}

@media (max-width: 768px) {
    .main .dedicated-section {
        margin-top: 15px
    }
}

.main .dedicated-section table {
    width: 100%;
    background-color: #fff;
    table-layout: fixed
}

.main .dedicated-section table td {
    vertical-align: middle;
    text-align: center;
    font: 300 14px/22px Gotham, Arial, sans-serif;
    color: #576c78;
    height: 85px
}

.main .dedicated-section table td .price {
    font: 300 28px/120% Gotham, Arial, sans-serif;
    color: #576c78
}

.main .dedicated-section table td .btn-buy {
    display: block;
    height: 49px;
    background-color: #76b852;
    text-align: center;
    font: 500 15px/49px Gotham, Arial, sans-serif;
    color: #fff;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .dedicated-section table td .btn-buy:after {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 11px;
    width: 6px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    position: relative;
    top: -2px
}

.main .dedicated-section table td .btn-buy:hover {
    background-color: #87cb61
}

.main .dedicated-section table thead {
    background-color: #f5f8fa
}

.main .dedicated-section table thead td {
    height: 95px;
    color: #38434c;
    font-weight: 500;
    border-color: #f5f8fa;
    -webkit-box-shadow: inset 0 -5px 0 #dcdfe1;
    -moz-box-shadow: inset 0 -5px 0 #dcdfe1;
    -ms-box-shadow: inset 0 -5px 0 #dcdfe1;
    -o-box-shadow: inset 0 -5px 0 #dcdfe1;
    box-shadow: inset 0 -5px 0 #dcdfe1
}

.main .dedicated-section table > tbody > tr:first-child .table--item td {
    border-top: 0 !important
}

.main .dedicated-section table > tbody > tr:hover .table--detail {
    display: table !important
}

.main .dedicated-section .item {
    position: relative
}

.main .dedicated-section .item.tipsy-green:before {
    content: attr(data-tips-text);
    height: 28px;
    white-space: nowrap;
    background-color: #7ac56a;
    position: absolute;
    right: 100%;
    margin-right: -13px;
    top: 26px;
    z-index: 5;
    padding: 0 15px;
    font: bold 12px/28px Gotham, Arial, sans-serif;
    color: #fff
}

.main .dedicated-section .item.tipsy-green:after {
    content: '';
    width: 0;
    height: 0;
    z-index: 2;
    border-left: 5px solid #7ac56a;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    position: absolute;
    right: 100%;
    margin-right: -18px;
    top: 35px
}

.main .dedicated-section .item.tipsy-red:before {
    content: attr(data-tips-text);
    height: 28px;
    background-color: #ed213f;
    position: absolute;
    right: 100%;
    margin-right: -13px;
    white-space: nowrap;
    top: 26px;
    z-index: 5;
    padding: 0 15px;
    font: bold 12px/28px Gotham, Arial, sans-serif;
    color: #fff
}

.main .dedicated-section .item.tipsy-red:after {
    content: '';
    width: 0;
    height: 0;
    z-index: 2;
    border-left: 5px solid #ed213f;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    position: absolute;
    right: 100%;
    margin-right: -18px;
    top: 35px
}

.main .dedicated-section .item.tipsy-yellow:before {
    content: attr(data-tips-text);
    height: 28px;
    white-space: nowrap;
    background-color: #c5b437;
    position: absolute;
    right: 100%;
    margin-right: -13px;
    top: 26px;
    z-index: 5;
    padding: 0 15px;
    font: bold 12px/28px Gotham, Arial, sans-serif;
    color: #fff
}

.main .dedicated-section .item.tipsy-yellow:after {
    content: '';
    width: 0;
    height: 0;
    z-index: 2;
    border-left: 5px solid #c5b437;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    position: absolute;
    right: 100%;
    margin-right: -18px;
    top: 35px
}

.main .dedicated-section .item.tipsy-blue:before {
    content: attr(data-tips-text);
    height: 28px;
    background-color: #1d66ed;
    position: absolute;
    right: 100%;
    margin-right: -13px;
    white-space: nowrap;
    top: 26px;
    z-index: 5;
    padding: 0 15px;
    font: bold 12px/28px Gotham, Arial, sans-serif;
    color: #fff
}

.main .dedicated-section .item.tipsy-blue:after {
    content: '';
    width: 0;
    height: 0;
    z-index: 2;
    border-left: 5px solid #1d66ed;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    position: absolute;
    right: 100%;
    margin-right: -18px;
    top: 35px
}

.main .dedicated-section .item.tipsy-pink:before {
    content: attr(data-tips-text);
    height: 28px;
    background-color: #cb2e7d;
    position: absolute;
    right: 100%;
    margin-right: -13px;
    white-space: nowrap;
    top: 26px;
    z-index: 5;
    padding: 0 15px;
    font: bold 12px/28px Gotham, Arial, sans-serif;
    color: #fff
}

.main .dedicated-section .item.tipsy-pink:after {
    content: '';
    width: 0;
    height: 0;
    z-index: 2;
    border-left: 5px solid #cb2e7d;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    position: absolute;
    right: 100%;
    margin-right: -18px;
    top: 35px
}

@media (max-width: 1200px) {
    .main .dedicated-section .item:before, .main .dedicated-section .item:after {
        content: none;
        display: none
    }
}

.main .dedicated-section .item .item--inner {
    vertical-align: top
}

.main .dedicated-section .item .item--inner table {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.main .dedicated-section .item .item--inner.transparent table {
    opacity: 0;
    filter: alpha(opacity=0)
}

.main .dedicated-section .item .item--inner td {
    line-height: 22px;
    padding: 10px;
    border-top: 1px solid #edeff2;
    border-right: 1px solid #edeff2
}

.main .dedicated-section .item .item--inner td:last-child {
    border-right: 0
}

.main .dedicated-section .item .item--detail {
    display: none;
    vertical-align: top;
    background-color: #e9eaec
}

.main .dedicated-section .item .item--detail table {
    background-color: transparent
}

.main .dedicated-section .item .item--detail td {
    vertical-align: bottom;
    line-height: 22px;
    padding: 22px 10px;
    height: 154px;
    border: 1px solid #d8dade;
    font-weight: 400
}

.main .dedicated-section .item .item--detail td:first-child {
    border-left: 0
}

.main .dedicated-section .item .item--detail td:last-child {
    border-right: 0;
    border-bottom-color: #E9EAEC
}

.main .dedicated-section .item .item--detail td .price {
    padding-bottom: 6px
}

.main .dedicated-section .item .item--detail td .caption {
    display: block;
    min-height: 44px;
    background-color: transparent;
    font: 300 15px/120% Gotham, Arial, sans-serif;
    color: #38434c;
    border: 1px solid #d1d2d4;
    border-right: 0;
    position: relative;
    padding: 13px 70px 11px 18px
}

.main .dedicated-section .item .item--detail td .caption:after {
    background-color: #38434c;
    content: '?';
    width: 52px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    font: 500 24px/44px Gotham, Arial, sans-serif;
    color: #fff;
    text-align: center
}

.main .dedicated-section .item .item--detail td .payment-type {
    height: 44px;
    font-size: 0
}

.main .dedicated-section .item .item--detail td .payment-type .btn-payment {
    width: 50%;
    height: 44px;
    position: relative;
    background-color: #4b545d;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    font: 500 15px/44px Gotham, Arial, sans-serif;
    color: #fff
}

.main .dedicated-section .item .item--detail td .payment-type .btn-payment.active {
    background-color: #38434c
}

.main .dedicated-section .item .item--detail td[class*="icon-"], .main .dedicated-section .item .item--detail td[class^="icon-"] {
    position: relative
}

.main .dedicated-section .item .item--detail td[class*="icon-"]:after, .main .dedicated-section .item .item--detail td[class^="icon-"]:after {
    content: '';
    width: 66px;
    height: 66px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -33px;
    top: 14px;
    z-index: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

@media (max-width: 768px) {
    .main .dedicated-section .item .item--detail td[class*="icon-"]:after, .main .dedicated-section .item .item--detail td[class^="icon-"]:after {
        content: none;
        display: none
    }
}

.main .dedicated-section .item .item--detail td[class*="icon-"]:before, .main .dedicated-section .item .item--detail td[class^="icon-"]:before {
    content: '';
    z-index: 2;
    position: absolute
}

.main .dedicated-section .item .item--detail td.icon-dedicated:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -66px -262px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 27px;
    width: 29px;
    position: absolute;
    left: 50%;
    margin-left: -14.5px;
    top: 36px
}

.main .dedicated-section .item .item--detail td.icon-cpu:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -291px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 29px;
    width: 29px;
    position: absolute;
    left: 50%;
    margin-left: -14.5px;
    top: 33px
}

.main .dedicated-section .item .item--detail td.icon-ram:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -45px -54px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 15px;
    width: 30px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    top: 40px
}

.main .dedicated-section .item .item--detail td.icon-hdd:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -151px -291px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 32px;
    width: 23px;
    position: absolute;
    left: 50%;
    margin-left: -11.5px;
    top: 31px
}

.main .dedicated-section .item .item--detail td.icon-trafic:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -230px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 28px;
    width: 26px;
    position: absolute;
    left: 50%;
    margin-left: -13px;
    top: 33px
}

.main .dedicated-section .item .item--detail td.icon-cart:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -94px -179px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 24px;
    width: 25px;
    position: absolute;
    left: 50%;
    margin-left: -12.5px;
    top: 36px
}

.main .dedicated-section .item .item--detail td.icon-cursor:after {
    content: none;
    display: none
}

.main .dedicated-section .item .item--detail td.icon-cursor:before {
    content: '';
    position: absolute;
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -81px -598px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 39px;
    width: 39px;
    position: absolute;
    left: 50%;
    margin-left: -19.5px;
    top: 21px
}

.main .dedicated-section .item .item--detail tr:first-child td {
    border-bottom-color: #e9eaec;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .dedicated-section .item .item--detail tr:first-child td:before, .main .dedicated-section .item .item--detail tr:first-child td:after {
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .dedicated-section .item .item--detail tr:first-child td:hover {
    background-color: #e9eaec
}

.main .dedicated-section .item .item--detail tr:first-child td:hover:before, .main .dedicated-section .item .item--detail tr:first-child td:hover:after {
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.main .dedicated-section .item .item--detail tr:nth-child(2) td {
    border-bottom-color: #E9EAEC;
    height: 54px;
    border: 0;
    padding-top: 0;
    padding-bottom: 0;
    vertical-align: top
}

@media (max-width: 768px) {
    .main .dedicated-section table td {
        height: 60px;
        padding: 5px !important;
        font-size: 12px;
        word-break: break-all
    }

    .main .dedicated-section table td:last-child {
        width: 100px !important
    }

    .main .dedicated-section table td .price {
        font-size: 22px;
        word-break: normal
    }

    .main .dedicated-section table td .btn-buy {
        word-break: break-word;
        line-height: 130%;
        font-size: 12px;
        padding-top: 9px
    }

    .main .dedicated-section table td .caption {
        display: none !important
    }

    .main .dedicated-section .item .item--detail td {
        height: 60px;
        position: inherit !important;
        vertical-align: top
    }

    .main .dedicated-section .item .item--detail td:before {
        display: none !important;
        content: none !important
    }
}

@media (max-width: 480px) {
    .main .dedicated-section table td {
        height: 60px !important;
        font-size: 11px;
        line-height: 120% !important
    }

    .main .dedicated-section table td:last-child {
        width: 80px !important
    }

    .main .dedicated-section table td:nth-child(4), .main .dedicated-section table td:nth-child(5) {
        display: none !important
    }

    .main .dedicated-section table td .price {
        font-size: 16px
    }

    .main .dedicated-section .item .item--detail tbody tr:last-child td:first-child {
        display: block
    }

    .main .dedicated-section .item .item--detail tbody tr:last-child td:last-child {
        position: absolute !important;
        width: 100% !important;
        right: 0;
        bottom: 0
    }
}

.main .management-section {
    margin-top: -95px
}

@media (max-width: 768px) {
    .main .management-section {
        margin-top: 15px
    }
}

.main .management-section table {
    width: 100%;
    background-color: #fff;
    table-layout: fixed;
    -webkit-box-shadow: 0 0 21px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0 0 21px rgba(0, 0, 0, 0.06);
    -ms-box-shadow: 0 0 21px rgba(0, 0, 0, 0.06);
    -o-box-shadow: 0 0 21px rgba(0, 0, 0, 0.06);
    box-shadow: 0 0 21px rgba(0, 0, 0, 0.06)
}

.main .management-section table td {
    vertical-align: middle;
    text-align: center;
    font: 300 14px/22px Gotham, Arial, sans-serif;
    color: #576c78;
    height: 130px;
    padding: 10px 20px;
    border: 1px solid #e7e9eb;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .management-section table td:first-child {
    border-left: 0;
    width: 857px;
    text-align: left
}

@media (max-width: 1200px) {
    .main .management-section table td {
        width: auto !important
    }

    .main .management-section table td:before, .main .management-section table td:after {
        right: auto !important;
        left: 100% !important
    }

    .main .management-section table td:before {
        top: 13px !important
    }

    .main .management-section table td:after {
        top: 36px !important
    }
}

.main .management-section table td:last-child {
    padding: 10px 14px;
    width: 173px;
    border-right: 0
}

.main .management-section table td .item {
    overflow: hidden;
    text-align: left
}

.main .management-section table td .item .item--image {
    float: left;
    width: 120px;
    text-align: center;
    padding-bottom: 24px;
    position: relative
}

.main .management-section table td .item .item--image img {
    max-width: 100%
}

.main .management-section table td .item .item--image:after {
    content: '';
    background: url(../img/bg-shadow.png) no-repeat;
    width: 97px;
    height: 14px;
    position: absolute;
    left: 50%;
    margin-left: -49px;
    bottom: 0
}

.main .management-section table td .item .item--image + .item--caption {
    margin-left: 146px;
    padding-top: 8px
}

.main .management-section table td .item .item--caption {
    font: 300 14px/23px Gotham, Arial, sans-serif;
    color: #576c78
}

.main .management-section table td .item .item--caption strong {
    display: block;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 300
}

@media (max-width: 768px) {
    .main .management-section table td .item .item--image {
        display: none
    }

    .main .management-section table td .item .item--caption {
        font-size: 12px;
        margin-left: 0 !important
    }

    .main .management-section table td .item .item--caption strong {
        font-size: 16px;
        margin-bottom: 7px
    }
}

.main .management-section table td .price {
    font: 500 20px/120% Gotham, Arial, sans-serif;
    color: #2c2c30
}

.main .management-section table td .price span {
    display: block;
    font-size: 10px;
    line-height: 120%;
    margin-top: 7px;
    color: #ababac
}

.main .management-section table td .btn-buy {
    display: block;
    height: 49px;
    background-color: #76b852;
    text-align: center;
    font: 500 15px/49px Gotham, Arial, sans-serif;
    color: #fff;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .management-section table td .btn-buy:after {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 11px;
    width: 6px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    position: relative;
    top: -2px
}

.main .management-section table td .btn-buy:hover {
    background-color: #87cb61
}

@media (max-width: 768px) {
    .main .management-section table td .btn-buy {
        height: 35px;
        line-height: 35px;
        padding: 0 5px
    }

    .main .management-section table td .btn-buy:after {
        content: none !important;
        display: none !important
    }
}

.main .management-section table td.tipsy-green {
    position: relative
}

.main .management-section table td.tipsy-green:before {
    content: attr(data-tips-text);
    height: 28px;
    white-space: nowrap;
    background-color: #7ac56a;
    position: absolute;
    right: 100%;
    margin-right: -13px;
    top: 26px;
    z-index: 5;
    padding: 0 15px;
    font: bold 12px/28px Gotham, Arial, sans-serif;
    color: #fff
}

.main .management-section table td.tipsy-green:after {
    content: '';
    width: 0;
    height: 0;
    z-index: 2;
    border-left: 5px solid #7ac56a;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    position: absolute;
    right: 100%;
    margin-right: -18px;
    top: 35px
}

.main .management-section table td.tipsy-red {
    position: relative
}

.main .management-section table td.tipsy-red:before {
    content: attr(data-tips-text);
    height: 28px;
    background-color: #ed213f;
    position: absolute;
    right: 100%;
    margin-right: -13px;
    white-space: nowrap;
    top: 26px;
    z-index: 5;
    padding: 0 15px;
    font: bold 12px/28px Gotham, Arial, sans-serif;
    color: #fff
}

.main .management-section table td.tipsy-red:after {
    content: '';
    width: 0;
    height: 0;
    z-index: 2;
    border-left: 5px solid #ed213f;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    position: absolute;
    right: 100%;
    margin-right: -18px;
    top: 35px
}

.main .management-section table td.tipsy-yellow {
    position: relative
}

.main .management-section table td.tipsy-yellow:before {
    content: attr(data-tips-text);
    height: 28px;
    white-space: nowrap;
    background-color: #c5b437;
    position: absolute;
    right: 100%;
    margin-right: -13px;
    top: 26px;
    z-index: 5;
    padding: 0 15px;
    font: bold 12px/28px Gotham, Arial, sans-serif;
    color: #fff
}

.main .management-section table td.tipsy-yellow:after {
    content: '';
    width: 0;
    height: 0;
    z-index: 2;
    border-left: 5px solid #c5b437;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    position: absolute;
    right: 100%;
    margin-right: -18px;
    top: 35px
}

.main .management-section table td.tipsy-blue {
    position: relative
}

.main .management-section table td.tipsy-blue:before {
    content: attr(data-tips-text);
    height: 28px;
    background-color: #1d66ed;
    position: absolute;
    right: 100%;
    margin-right: -13px;
    white-space: nowrap;
    top: 26px;
    z-index: 5;
    padding: 0 15px;
    font: bold 12px/28px Gotham, Arial, sans-serif;
    color: #fff
}

.main .management-section table td.tipsy-blue:after {
    content: '';
    width: 0;
    height: 0;
    z-index: 2;
    border-left: 5px solid #1d66ed;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    position: absolute;
    right: 100%;
    margin-right: -18px;
    top: 35px
}

.main .management-section table td.tipsy-pink {
    position: relative
}

.main .management-section table td.tipsy-pink:before {
    content: attr(data-tips-text);
    height: 28px;
    background-color: #cb2e7d;
    position: absolute;
    right: 100%;
    margin-right: -13px;
    white-space: nowrap;
    top: 26px;
    z-index: 5;
    padding: 0 15px;
    font: bold 12px/28px Gotham, Arial, sans-serif;
    color: #fff
}

.main .management-section table td.tipsy-pink:after {
    content: '';
    width: 0;
    height: 0;
    z-index: 2;
    border-left: 5px solid #cb2e7d;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    position: absolute;
    right: 100%;
    margin-right: -18px;
    top: 35px
}

.main .management-section table tbody tr:first-child td {
    border-top: 0
}

.main .management-section table tbody tr:last-child td {
    border-bottom: 0
}

.main .management-section table tbody tr:hover td {
    background-color: #fafafa
}

.main .management-section table thead {
    background-color: #f5f8fa
}

.main .management-section table thead td {
    height: 95px;
    color: #38434c;
    font-weight: 500;
    border-color: #dfe4e7;
    -webkit-box-shadow: inset 0 -5px 0 #dcdfe1;
    -moz-box-shadow: inset 0 -5px 0 #dcdfe1;
    -ms-box-shadow: inset 0 -5px 0 #dcdfe1;
    -o-box-shadow: inset 0 -5px 0 #dcdfe1;
    box-shadow: inset 0 -5px 0 #dcdfe1;
    border-bottom: 0
}

@media (max-width: 768px) {
    .main .management-section table td {
        height: 60px;
        padding: 5px !important;
        font-size: 12px;
        word-break: break-all
    }

    .main .management-section table td:last-child {
        width: 100px !important
    }

    .main .management-section table td .price {
        font-size: 17px;
        white-space: nowrap
    }

    .main .management-section table td .btn-buy {
        word-break: break-word;
        line-height: 130%;
        font-size: 12px;
        padding-top: 9px
    }
}

@media (max-width: 480px) {
    .main .management-section table td {
        height: 60px !important;
        font-size: 11px;
        line-height: 120% !important
    }

    .main .management-section table td:last-child {
        width: 80px !important
    }

    .main .management-section table td:nth-child(4), .main .management-section table td:nth-child(5) {
        display: none !important
    }

    .main .management-section table td .price {
        font-size: 16px
    }
}

.main .turkey-location {
    margin-top: 42px
}

.main .turkey-location:after {
    content: "";
    display: table;
    clear: both
}

.main .turkey-location .caption {
    float: left;
    background-color: #fff;
    width: 600px;
    position: relative;
    margin-top: 10px;
    padding-bottom: 24px
}

.main .turkey-location .caption:before {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -80px -1335px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 76px;
    width: 76px;
    position: absolute;
    top: 0;
    right: 0
}

.main .turkey-location .caption h3 {
    display: block;
    height: 107px;
    border-bottom: 1px solid #ebeced;
    position: relative;
    font: 300 25px/106px Gotham, Arial, sans-serif;
    color: #38434c;
    padding: 0 44px;
    margin-bottom: 28px
}

.main .turkey-location .caption h3:before {
    content: '';
    width: 163px;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: -1px;
    background-color: #e30a17
}

.main .turkey-location .caption h3 strong {
    font-weight: 500
}

.main .turkey-location .caption p {
    display: block;
    font: 300 16px/29px Gotham, Arial, sans-serif;
    color: #7c8286;
    padding: 0 44px
}

.main .turkey-location .map {
    background: url(../img/bg-location.jpg) no-repeat;
    width: 520px;
    height: 368px;
    float: right;
    position: relative
}

.main .turkey-location .map span {
    text-indent: -9999px;
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -986px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 48px;
    width: 145px;
    position: absolute;
    left: 128px;
    top: 115px
}

@media (max-width: 1200px) {
    .main .turkey-location .map {
        display: none
    }

    .main .turkey-location .caption {
        float: inherit;
        width: 100%
    }
}

@media (max-width: 1200px) and (max-width: 768px) {
    .main .turkey-location .caption h3 {
        font-size: 23px;
        margin-bottom: 15px;
        padding: 20px;
        line-height: 120%;
        height: auto !important
    }

    .main .turkey-location .caption p {
        padding: 0 20px;
        font-size: 14px;
        line-height: 140%
    }
}

.main .dedicated-property {
    background: #d0dbe0 url(../img/bg-dedicated.jpg) no-repeat 50% bottom;
    min-height: 2057px;
    padding-top: 84px;
    overflow: hidden
}

.main .dedicated-property .section--title {
    display: block;
    font: 100 43px/120% Gotham, Arial, sans-serif;
    color: #38434c;
    text-align: center;
    margin-bottom: 70px
}

.main .dedicated-property .section--title strong {
    font-weight: 500;
    color: #03a9f4
}

.main .dedicated-property .section--content {
    position: relative;
    z-index: 2;
    padding-top: 52px;
    min-height: 1453px
}

.main .dedicated-property .section--content:before {
    content: '';
    width: 3px;
    height: 100%;
    background-color: #03a9f4;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    top: 0
}

.main .dedicated-property .section--content:after {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -91px -1034px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 51px;
    width: 51px;
    position: absolute;
    left: 50%;
    margin-left: -25.5px;
    top: -26px;
    z-index: 2
}

.main .dedicated-property .section--content ul {
    font-size: 0
}

.main .dedicated-property .section--content ul li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    min-height: 233px;
    position: relative;
    padding-right: 130px;
    margin-top: -76px;
    z-index: 2
}

.main .dedicated-property .section--content ul li:nth-child(1) {
    margin-top: 0
}

.main .dedicated-property .section--content ul li:before {
    content: '';
    background: url(../img/bg-arrow6.png) no-repeat;
    width: 240px;
    height: 71px;
    position: absolute;
    right: 0;
    top: 53px;
    z-index: -1
}

.main .dedicated-property .section--content ul li:after {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -95px -262px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 27px;
    width: 27px;
    position: absolute;
    right: -14px;
    top: 103px
}

.main .dedicated-property .section--content ul li i {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px
}

.main .dedicated-property .section--content ul li i.icon-dell {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -81px -1556px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 82px;
    width: 82px
}

.main .dedicated-property .section--content ul li i.icon-time {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -1556px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 81px;
    width: 81px
}

.main .dedicated-property .section--content ul li i.icon-location {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -1411px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 71px;
    width: 105px
}

.main .dedicated-property .section--content ul li i.icon-managed {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -70px -1268px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 67px;
    width: 67px
}

.main .dedicated-property .section--content ul li i.icon-backup {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -1335px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 57px;
    width: 80px
}

.main .dedicated-property .section--content ul li i.icon-hardware {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -46px -1137px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 68px;
    width: 46px
}

.main .dedicated-property .section--content ul li i.icon-network {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -92px -1137px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 59px;
    width: 80px
}

.main .dedicated-property .section--content ul li i.icon-kvm {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -1268px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 60px;
    width: 70px
}

.main .dedicated-property .section--content ul li strong {
    display: block;
    font: 300 26px/120% Gotham, Arial, sans-serif;
    color: #38434c;
    margin-bottom: 25px
}

.main .dedicated-property .section--content ul li span {
    display: block;
    font: 300 15px/23px Gotham, Arial, sans-serif;
    color: #38434c
}

.main .dedicated-property .section--content ul li:nth-child(2n) {
    text-align: right;
    padding-right: 0;
    padding-left: 130px;
    margin-top: 76px
}

.main .dedicated-property .section--content ul li:nth-child(2n):before {
    background-image: url(../img/bg-arrow7.png);
    right: auto;
    left: 0
}

.main .dedicated-property .section--content ul li:nth-child(2n):after {
    right: auto;
    left: -13px
}

.main .dedicated-property .section--content ul li:nth-child(2) {
    margin-top: 157px
}

@media (max-width: 1200px) {
    .main .dedicated-property {
        background-image: none;
        min-height: 0
    }
}

@media (max-width: 768px) {
    .main .dedicated-property {
        padding-top: 25px
    }

    .main .dedicated-property .section--title {
        font-size: 23px;
        margin-bottom: 50px
    }

    .main .dedicated-property .section--content ul li strong {
        font-size: 18px
    }

    .main .dedicated-property .section--content ul li span {
        font-size: 14px;
        line-height: 130%
    }
}

@media (max-width: 480px) {
    .main .dedicated-property {
        padding-top: 25px
    }

    .main .dedicated-property .section--title {
        font-size: 23px;
        margin-bottom: 50px
    }

    .main .dedicated-property .section--content {
        padding-top: 0
    }

    .main .dedicated-property .section--content:before, .main .dedicated-property .section--content:after {
        display: none;
        content: none
    }

    .main .dedicated-property .section--content ul li {
        width: 100% !important;
        margin-top: 0 !important;
        text-align: center !important;
        padding: 0 !important;
        margin-bottom: 15px !important
    }

    .main .dedicated-property .section--content ul li:last-child {
        margin-bottom: 0 !important
    }

    .main .dedicated-property .section--content ul li:before, .main .dedicated-property .section--content ul li:after {
        display: none !important;
        content: none !important
    }

    .main .dedicated-property .section--content ul li strong {
        margin-bottom: 10px
    }
}

.main .cart-section {
    margin-top: -79px;
    padding-bottom: 37px
}

.main .cart-section:after {
    content: "";
    display: table;
    clear: both
}

.main .cart-section .cart--sidebar {
    width: 272px;
    float: left;
    background-color: #fff
}

.main .cart-section .cart--sidebar.fixed {
    position: fixed;
    right: 50%;
    top: 0;
    z-index: 60;
    margin-right: -600px
}

.main .cart-section .cart--sidebar .sidebar--title {
    display: block;
    height: 79px;
    background-color: #03a9f4;
    font: 300 20px/79px Gotham, Arial, sans-serif;
    color: #fff;
    padding-left: 43px;
    position: relative
}

.main .cart-section .cart--sidebar .sidebar--title:before {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -92px -35px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 16px;
    width: 20px;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 0
}

.main .cart-section .cart--sidebar .sidebar--content .nav li {
    border-bottom: 1px solid #ecedee
}

.main .cart-section .cart--sidebar .sidebar--content .nav li:last-child {
    border-bottom: 0
}

.main .cart-section .cart--sidebar .sidebar--content .nav li a {
    display: block;
    font: 300 16px/56px Gotham, Arial, sans-serif;
    color: #405057;
    height: 56px;
    padding: 0 21px 0 40px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .cart-section .cart--sidebar .sidebar--content .nav li a i {
    margin-right: 17px;
    position: absolute;
    left: 14px;
    top: 0;
    line-height: 56px
}

.main .cart-section .cart--sidebar .sidebar--content .nav li a:hover {
    background-color: #f8f8f8
}

.main .cart-section .cart--sidebar .sidebar--content .nav li a[class*="icon-"], .main .cart-section .cart--sidebar .sidebar--content .nav li a[class^="icon-"] {
    padding-left: 52px
}

.main .cart-section .cart--sidebar .sidebar--content .nav li a[class*="icon-"]:before, .main .cart-section .cart--sidebar .sidebar--content .nav li a[class^="icon-"]:before {
    content: '';
    position: absolute
}

.main .cart-section .cart--sidebar .sidebar--content .nav li a.icon-home:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -93px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 11px;
    width: 14px;
    left: 21px;
    top: 21px
}

.main .cart-section .cart--sidebar .sidebar--content .cart {
    padding: 13px
}

.main .cart-section .cart--sidebar .sidebar--content .cart ul {
    margin: 0 -16px
}

.main .cart-section .cart--sidebar .sidebar--content .cart ul li {
    border-bottom: 1px solid #ecedee;
    overflow: hidden;
    margin-bottom: 13px;
    font: 300 13px/120% Gotham, Arial, sans-serif;
    padding: 0 13px 11px;
    color: #415057
}

.main .cart-section .cart--sidebar .sidebar--content .cart ul li span {
    float: left
}

.main .cart-section .cart--sidebar .sidebar--content .cart ul li strong {
    float: right;
    font-weight: 500
}

.main .cart-section .cart--sidebar .sidebar--content .cart ul li.big {
    font-size: 16px
}

.main .cart-section .cart--sidebar .sidebar--content .cart ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.main .cart-section .cart--sidebar .sidebar--content .cart .total-price {
    margin-top: 23px;
    display: block;
    border: 3px solid #e2e9ec;
    text-align: center;
    height: 78px;
    font: 500 24px/120% Gotham, Arial, sans-serif;
    color: #405057;
    padding-top: 12px
}

.main .cart-section .cart--sidebar .sidebar--content .cart .total-price em {
    display: block;
    font-style: normal;
    font-size: 12px;
    font-weight: 300;
    margin-top: -4px
}

.main .cart-section .cart--sidebar .sidebar--content .cart .btn-payment {
    margin-top: 9px;
    display: block;
    height: 48px;
    background-color: #03a9f4;
    text-align: center;
    padding-left: 62px;
    font: 500 15px/48px Gotham, Arial, sans-serif;
    color: #fff;
    position: relative;
    z-index: 2
}

.main .cart-section .cart--sidebar .sidebar--content .cart .btn-payment:before {
    content: '';
    width: 52px;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.1);
    left: 0;
    top: 0;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    z-index: -1
}

.main .cart-section .cart--sidebar .sidebar--content .cart .btn-payment:after {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -12px 0;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 12px;
    width: 7px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    left: 21px;
    z-index: 2
}

.main .cart-section .cart--sidebar .sidebar--content .cart .btn-payment:hover:before {
    width: 100%
}

.main .cart-section .cart--content {
    margin-left: 291px;
    background-color: #fff;
    padding: 13px
}

.main .cart-section.reverse .cart--sidebar {
    float: right
}

.main .cart-section.reverse .cart--content {
    margin: 0 291px 0 0
}

@media (max-width: 768px) {
    .main .cart-section {
        margin-top: 15px
    }

    .main .cart-section .cart--sidebar {
        width: 100% !important;
        float: inherit !important;
        margin-bottom: 40px !important
    }

    .main .cart-section .cart--sidebar .sidebar--title {
        height: 50px;
        line-height: 50px;
        font-size: 18px
    }

    .main .cart-section .cart--sidebar .sidebar--content .nav li a {
        height: auto;
        font-size: 14px;
        line-height: 120%;
        padding: 10px 15px !important
    }

    .main .cart-section .cart--sidebar .sidebar--content .nav li a:before {
        content: none !important;
        display: none !important
    }

    .main .cart-section .cart--content {
        width: 100% !important;
        float: inherit !important;
        margin: 0 !important
    }
}

.main .cart-section .cart-slider {
    width: 100%;
    height: 292px;
    background: url(../img/bg-cart-slider.jpg) no-repeat 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.main .cart-section .cart-slider .swiper-conatiner, .main .cart-section .cart-slider .swiper-slide {
    width: 100%;
    height: 100%
}

.main .cart-section .cart-slider .swiper-slide {
    display: table;
    text-align: center;
    height: 292px
}

.main .cart-section .cart-slider .swiper-slide .cell {
    display: table-cell;
    vertical-align: middle
}

.main .cart-section .cart-slider .swiper-slide .cell h2 {
    display: block;
    font: 500 44px/120% Gotham, Arial, sans-serif;
    color: #f5f8fa;
    letter-spacing: .3em;
    padding-bottom: 39px;
    margin-bottom: 45px;
    position: relative
}

.main .cart-section .cart-slider .swiper-slide .cell h2:before {
    content: '';
    max-width: 418px;
    width: 100%;
    height: 1px;
    background-color: rgba(245, 248, 250, 0.2);
    position: absolute;
    left: 50%;
    margin-left: -209px;
    bottom: 0;
    z-index: 1
}

.main .cart-section .cart-slider .swiper-slide .cell h2:after {
    content: '';
    width: 132px;
    height: 3px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -66px;
    bottom: -1px;
    z-index: 2
}

.main .cart-section .cart-slider .swiper-slide .cell h2.with-arrow span {
    position: relative
}

.main .cart-section .cart-slider .swiper-slide .cell h2.with-arrow span:after {
    content: '';
    background: url(../img/bg-arrow2.png) no-repeat;
    width: 138px;
    height: 105px;
    position: absolute;
    left: 100%;
    top: 24px;
    margin-left: -20px
}

.main .cart-section .cart-slider .swiper-slide .cell h2.no-border:before, .main .cart-section .cart-slider .swiper-slide .cell h2.no-border:after {
    content: none;
    display: none
}

.main .cart-section .cart-slider .swiper-slide .cell p {
    display: block;
    font: 300 20px/120% Gotham, Arial, sans-serif;
    color: #f5f8fa
}

@media (max-width: 768px) {
    .main .cart-section .cart-slider .swiper-slide .cell h2 {
        font-size: 23px;
        margin-bottom: 15px;
        padding: 0 10px 15px;
        letter-spacing: .1em
    }

    .main .cart-section .cart-slider .swiper-slide .cell p {
        font-size: 14px;
        line-height: 140%;
        padding: 0 10px
    }
}

.main .cart-section .cart-slider .swiper-dots {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 15px;
    left: 0;
    z-index: 10
}

.main .cart-section .cart-slider .swiper-dots .swiper-pagination {
    position: relative !important;
    display: inline-block;
    vertical-align: top;
    padding: 5px 10px;
    line-height: 0;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    border-radius: 35px;
    background-color: rgba(0, 0, 0, 0.3)
}

.main .cart-section .cart-slider .swiper-dots .swiper-pagination span {
    display: inline-block;
    vertical-align: top;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    cursor: pointer;
    background-color: #b190a2 \9;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 0 5px
}

.main .cart-section .cart-slider .swiper-dots .swiper-pagination span:first-child {
    margin-left: 0
}

.main .cart-section .cart-slider .swiper-dots .swiper-pagination span:last-child {
    margin-right: 0
}

.main .cart-section .cart-slider .swiper-dots .swiper-pagination span.active {
    background-color: #fff
}

.main .cart-section .cart-cats {
    margin-top: 27px
}

.main .cart-section .cart-cats .section--title {
    display: block;
    font: 300 20px/120% Gotham, Arial, sans-serif;
    color: #405057;
    height: 43px;
    border-bottom: 1px solid #ecedee;
    text-align: center;
    margin-bottom: 20px
}

.main .cart-section .cart-cats .section--title span {
    vertical-align: top;
    display: inline-block;
    height: 42px;
    border-bottom: 4px solid #ecedee
}

.main .cart-section .cart-cats ul {
    font-size: 0
}

.main .cart-section .cart-cats ul li {
    width: 48.70056%;
    display: inline-block;
    vertical-align: top;
    background-color: #d8e1e6;
    padding: 3px 3px 7px;
    line-height: 0;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .cart-section .cart-cats ul li:nth-child(n) {
    margin-bottom: 2.59887%;
    margin-right: 2.59887%
}

.main .cart-section .cart-cats ul li:nth-child(2n) {
    margin-right: 0;
    margin-bottom: 0
}

.main .cart-section .cart-cats ul li:nth-last-child(-n + 2) {
    margin-bottom: 0
}

.main .cart-section .cart-cats ul li:hover {
    background-color: #fafafa;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.25)
}

.main .cart-section .cart-cats ul li .item--image {
    display: block;
    margin-bottom: 7px;
    line-height: 0
}

.main .cart-section .cart-cats ul li .item--image img {
    width: 100%
}

.main .cart-section .cart-cats ul li .item--title {
    float: left;
    font: 300 18px/120% Gotham, Arial, sans-serif;
    color: #405057;
    margin: 9px 0 0 18px
}

.main .cart-section .cart-cats ul li .btn-buy {
    float: right;
    display: block;
    height: 40px;
    padding: 0 10px;
    width: 170px;
    text-align: center;
    font: 500 14px/40px Gotham, Arial, sans-serif;
    color: #fff;
    background-color: #03a9f4;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    margin-right: 4px
}

.main .cart-section .cart-cats ul li .btn-buy:hover {
    background-color: #26bbff
}

@media (max-width: 768px) {
    .main .cart-section .cart-cats ul li {
        padding-bottom: 3px
    }

    .main .cart-section .cart-cats ul li .item--title {
        display: block;
        float: inherit;
        font-size: 15px;
        text-align: center;
        margin: 9px 0 0
    }

    .main .cart-section .cart-cats ul li .btn-buy {
        display: block;
        width: 100%;
        float: inherit;
        margin-top: 10px;
        font-size: 13px;
        height: 40px;
        line-height: 40px
    }
}

@media (max-width: 480px) {
    .main .cart-section .cart-cats ul li {
        width: 100%;
        display: inline-block;
        vertical-align: top
    }

    .main .cart-section .cart-cats ul li:nth-child(n) {
        margin-bottom: 10px !important;
        margin-right: 10px
    }

    .main .cart-section .cart-cats ul li:nth-child(1n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .cart-section .cart-cats ul li:nth-last-child(-n + 1) {
        margin-bottom: 0
    }
}

.main .cart-section .cart-products .section--title {
    display: block;
    font: 300 20px/120% Gotham, Arial, sans-serif;
    color: #405057;
    height: 66px;
    border-bottom: 1px solid #ecedee;
    text-align: left;
    padding-left: 12px;
    margin-bottom: 30px
}

.main .cart-section .cart-products .section--title span {
    vertical-align: top;
    display: inline-block;
    height: 65px;
    padding-top: 14px;
    border-bottom: 4px solid #ecedee
}

.main .cart-section .cart-products ul {
    padding: 0 15px 15px;
    font-size: 0
}

.main .cart-section .cart-products ul > li {
    width: 30.45508%;
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
    border: 3px solid #e3e9ed;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .cart-section .cart-products ul > li:nth-child(n) {
    margin-bottom: 4.31739%;
    margin-right: 4.31739%
}

.main .cart-section .cart-products ul > li:nth-child(3n) {
    margin-right: 0;
    margin-bottom: 0
}

.main .cart-section .cart-products ul > li:nth-last-child(-n + 3) {
    margin-bottom: 0
}

.main .cart-section .cart-products ul > li:hover {
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15)
}

.main .cart-section .cart-products ul > li .item--image {
    display: block;
    line-height: 0
}

.main .cart-section .cart-products ul > li .item--image img {
    width: 100%
}

.main .cart-section .cart-products ul > li .item--prop {
    padding: 5px 7px
}

.main .cart-section .cart-products ul > li .item--prop li {
    display: block;
    border-bottom: 1px dashed #bcc2c4;
    font: 300 14px/120% Gotham, Arial, sans-serif;
    color: #405057;
    min-height: 30px;
    padding: 6px 10px 7px 18px;
    position: relative
}

.main .cart-section .cart-products ul > li .item--prop li:before {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -11px -18px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 6px;
    width: 3px;
    position: absolute;
    left: 5px;
    top: 11px
}

.main .cart-section .cart-products ul > li .item--prop li:last-child {
    border-bottom: 0
}

.main .cart-section .cart-products ul > li .item--bottom {
    border-top: 1px solid #e3e9ed;
    margin: 0 7px;
    padding: 10px 3px
}

.main .cart-section .cart-products ul > li .item--bottom:after {
    content: "";
    display: table;
    clear: both
}

.main .cart-section .cart-products ul > li .item--bottom .item--price {
    float: left;
    font: 300 25px/120% Gotham, Arial, sans-serif;
    color: #405057;
    margin-top: 2px;
    margin-left: 7px
}

.main .cart-section .cart-products ul > li .item--bottom .btn-buy {
    display: block;
    height: 37px;
    float: right;
    min-width: 117px;
    padding: 0 10px;
    text-align: center;
    font: 500 14px/37px Gotham, Arial, sans-serif;
    color: #fff;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    background-color: #76b852
}

.main .cart-section .cart-products ul > li .item--bottom .btn-buy:hover {
    background-color: #87cb61
}

@media (max-width: 768px) {
    .main .cart-section .cart-products .section--title {
        font-size: 17px;
        padding-left: 0;
        height: 50px;
        margin-bottom: 15px
    }

    .main .cart-section .cart-products .section--title span {
        height: 50px
    }

    .main .cart-section .cart-products ul {
        padding: 0
    }

    .main .cart-section .cart-products ul > li {
        width: 49%;
        display: inline-block;
        vertical-align: top
    }

    .main .cart-section .cart-products ul > li:nth-child(n) {
        margin-bottom: 2%;
        margin-right: 2%
    }

    .main .cart-section .cart-products ul > li:nth-child(2n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .cart-section .cart-products ul > li:nth-last-child(-n + 2) {
        margin-bottom: 0
    }
}

@media (max-width: 480px) {
    .main .cart-section .cart-products ul > li {
        width: 100%;
        display: inline-block;
        vertical-align: top
    }

    .main .cart-section .cart-products ul > li:nth-child(n) {
        margin-bottom: 10px !important;
        margin-right: 10px
    }

    .main .cart-section .cart-products ul > li:nth-child(1n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .cart-section .cart-products ul > li:nth-last-child(-n + 1) {
        margin-bottom: 0
    }
}

.main .cart-section .cart-steps .step--top {
    position: relative;
    z-index: 2;
    margin: -13px -13px 30px
}

.main .cart-section .cart-steps .step--top h3 {
    position: relative;
    height: 79px;
    border-bottom: 1px solid #ecedee;
    font-size: 20px;
    font-weight: 300;
    text-align: center
}

.main .cart-section .cart-steps .step--top h3 span {
    display: inline-block;
    vertical-align: top;
    height: 78px;
    line-height: 78px;
    border-bottom: 4px solid #ecedee
}

.main .cart-section .cart-steps .step--top .btn-control {
    display: block;
    position: absolute;
    top: 0;
    bottom: 1px;
    z-index: 2;
    font: 300 20px/78px Gotham, Arial, sans-serif;
    color: #405057;
    padding: 0 27px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .cart-section .cart-steps .step--top .btn-control:hover {
    background-color: #f8f8f8
}

.main .cart-section .cart-steps .step--top .btn-control.prev {
    left: 0;
    border-right: 1px solid #ecedee
}

.main .cart-section .cart-steps .step--top .btn-control.prev:before {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -52px -412px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 33px;
    width: 33px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 18px
}

.main .cart-section .cart-steps .step--top .btn-control.next {
    right: 0;
    border-left: 1px solid #ecedee
}

.main .cart-section .cart-steps .step--top .btn-control.next:after {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -412px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 33px;
    width: 33px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 18px
}

.main .cart-section .cart-steps .step--top .step-counter {
    width: 65px;
    height: 65px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -32px;
    margin-top: -32px;
    font: 500 28px/55px Gotham, Arial, sans-serif;
    color: #3e4b54;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    z-index: -1;
    -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.26);
    -moz-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.26);
    -ms-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.26);
    -o-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.26);
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.26)
}

@media (max-width: 1000px) {
    .main .cart-section .cart-steps .step--top .btn-control {
        width: 66px;
        padding: 0;
        text-indent: -9999px
    }

    .main .cart-section .cart-steps .step--top .btn-control:before, .main .cart-section .cart-steps .step--top .btn-control:after {
        text-indent: 0;
        left: 15px !important;
        top: 50%;
        margin-top: -16.5px;
        position: absolute
    }

    .main .cart-section .cart-steps .step--top .btn-control:after {
        left: auto !important;
        right: 15px !important
    }
}

@media (max-width: 768px) {
    .main .cart-section .cart-steps .step--top h3 {
        height: 60px;
        padding: 0 69px
    }

    .main .cart-section .cart-steps .step--top h3 span {
        height: 60px;
        line-height: 72px;
        font-size: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block
    }
}

.main .cart-section .cart-steps .step--content {
    padding: 0 9px
}

.main .cart-section .cart-steps .step--content .g-title {
    display: block;
    font: 300 19px/120% Gotham, Arial, sans-serif;
    color: #818a8c;
    margin-bottom: 26px
}

.main .cart-section .cart-steps .step--content .box {
    border: 3px solid #f5f8fa;
    margin-bottom: 19px
}

.main .cart-section .cart-steps .step--content .box.mini {
    margin-right: 150px
}

@media (max-width: 1200px) {
    .main .cart-section .cart-steps .step--content .box.mini {
        margin-right: 0
    }
}

.main .cart-section .cart-steps .step--content .box .box--title {
    background-color: #f5f8fa;
    display: block;
    height: 55px;
    font: 300 19px/52px Gotham, Arial, sans-serif;
    color: #39484f;
    padding: 0 23px;
    overflow: hidden
}

.main .cart-section .cart-steps .step--content .box .box--title span {
    display: block;
    float: right;
    font: 300 19px/52px Gotham, Arial, sans-serif;
    color: #818a8c
}

@media (max-width: 768px) {
    .main .cart-section .cart-steps .step--content .box .box--title {
        font-size: 16px;
        height: auto;
        padding: 7px 15px;
        line-height: 120%;
        text-align: center
    }

    .main .cart-section .cart-steps .step--content .box .box--title span {
        float: inherit;
        font-size: 13px;
        line-height: 120%
    }
}

.main .cart-section .cart-steps .step--content .box .box--content {
    padding: 19px
}

.main .cart-section .cart-steps .step--content .box .box--content.no-padding {
    padding: 0
}

.main .cart-section .cart-steps .step--content .box:last-child {
    margin-bottom: 0
}

.main .cart-section .cart-steps .step--content .btn-default {
    display: inline-block;
    vertical-align: top;
    margin-right: 11px;
    height: 52px;
    padding: 0 20px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    border: 3px solid #03a9f4;
    font: 500 15px/46px Gotham, Arial, sans-serif;
    color: #03a9f4;
    position: relative;
    z-index: 2
}

.main .cart-section .cart-steps .step--content .btn-default:before {
    content: '';
    width: 45px;
    height: 100%;
    background-color: #03a9f4;
    position: absolute;
    top: 0;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    z-index: -1
}

.main .cart-section .cart-steps .step--content .btn-default:after {
    content: '';
    position: absolute;
    z-index: 3
}

.main .cart-section .cart-steps .step--content .btn-default.prev {
    padding-left: 65px
}

.main .cart-section .cart-steps .step--content .btn-default.prev:before {
    left: 0
}

.main .cart-section .cart-steps .step--content .btn-default.prev:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -13px 0;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 12px;
    width: 6px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    position: absolute;
    left: 19px
}

.main .cart-section .cart-steps .step--content .btn-default.next {
    padding-right: 65px
}

.main .cart-section .cart-steps .step--content .btn-default.next:before {
    right: 0
}

.main .cart-section .cart-steps .step--content .btn-default.next:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -19px 0;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 12px;
    width: 6px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    position: absolute;
    right: 19px
}

.main .cart-section .cart-steps .step--content .btn-default:hover {
    color: #fff
}

.main .cart-section .cart-steps .step--content .btn-default:hover:before {
    width: 100%
}

.main .cart-section .cart-steps .step--content .btn-default.primary {
    border-color: #e2e9ec;
    color: #818a8c
}

.main .cart-section .cart-steps .step--content .btn-default.primary:before {
    background-color: #e2e9ec
}

.main .cart-section .cart-steps .step--content .btn-default.primary.prev:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -25px 0;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 12px;
    width: 6px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    position: absolute;
    left: 19px
}

.main .cart-section .cart-steps .step--content .btn-default.primary.next:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -62px 0;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 12px;
    width: 6px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    position: absolute;
    right: 19px
}

.main .cart-section .cart-steps .step--content .btn-default:last-child {
    margin-right: 0
}

@media (max-width: 480px) {
    .main .cart-section .cart-steps .step--content {
        padding: 0
    }

    .main .cart-section .cart-steps .step--content .g-title {
        font-size: 17px
    }
}

.main .cart-section .cart-step-domain .domain-select h3 {
    display: block;
    font: 300 19px/120% Gotham, Arial, sans-serif;
    color: #818a8c;
    padding: 18px 17px 0;
    margin-bottom: 30px
}

.main .cart-section .cart-step-domain .domain-select .g-buttons ul li {
    margin-bottom: 6px
}

.main .cart-section .cart-step-domain .domain-select .g-buttons ul li:last-child {
    margin-bottom: 0
}

.main .cart-section .cart-step-domain .domain-select .g-inner {
    margin-top: 16px
}

.main .cart-section .cart-step-domain .domain-select .form .item {
    margin-bottom: 16px
}

.main .cart-section .cart-step-domain .domain-select .form .item:last-child {
    margin-bottom: 0
}

.main .cart-section .cart-step-domain .domain-select .form .item .input-radio {
    display: block;
    min-height: 48px;
    border: 1px solid #e7e7e6;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    position: relative;
    font: 300 15px/120% Gotham, Arial, sans-serif;
    padding: 14px 14px 14px 57px;
    margin-bottom: 6px;
    cursor: pointer
}

.main .cart-section .cart-step-domain .domain-select .form .item .input-radio:last-child {
    margin-bottom: 0
}

.main .cart-section .cart-step-domain .domain-select .form .item .input-radio input {
    position: absolute;
    left: -9999px
}

.main .cart-section .cart-step-domain .domain-select .form .item .input-radio i {
    display: inline-block;
    position: absolute;
    width: 22px;
    height: 22px;
    left: 16px;
    top: 11px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #bcc5c9
}

.main .cart-section .cart-step-domain .domain-select .form .item .input-radio i:before {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -4px 0 0 -4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-color: #03a9f4;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    visibility: hidden
}

.main .cart-section .cart-step-domain .domain-select .form .item .input-radio.active {
    border-color: #03a9f4
}

.main .cart-section .cart-step-domain .domain-select .form .item .input-radio.active i {
    border-color: #03a9f4
}

.main .cart-section .cart-step-domain .domain-select .form .item .input-radio.active i:before {
    opacity: 100;
    filter: alpha(opacity=100);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: visible
}

.main .cart-section .cart-step-domain .domain-select .form .item .input {
    position: relative;
    padding-right: 169px;
    line-height: 0
}

@media (max-width: 480px) {
    .main .cart-section .cart-step-domain .domain-select .form .item .input {
        padding-right: 0
    }
}

.main .cart-section .cart-step-domain .domain-select .form .item .input .www {
    display: block;
    width: 100px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #03a9f4;
    font: 300 22px/62px Gotham, Arial, sans-serif;
    color: #fff;
    text-align: center;
    z-index: 2;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .cart-section .cart-step-domain .domain-select .form .item .input .tb {
    height: 64px;
    width: 100%;
    border: 2px solid #03a9f4;
    font: 300 22px Gotham, Arial, sans-serif;
    color: #818a8c;
    padding-left: 122px;
    padding-right: 22px;
    padding-bottom: 3px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .cart-section .cart-step-domain .domain-select .form .item .input .tb::-webkit-input-placeholder {
    color: #818a8c;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .cart-section .cart-step-domain .domain-select .form .item .input .tb:-moz-placeholder {
    color: #818a8c;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .cart-section .cart-step-domain .domain-select .form .item .input .tb::-moz-placeholder {
    color: #818a8c;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .cart-section .cart-step-domain .domain-select .form .item .input .tb:-ms-input-placeholder {
    color: #818a8c;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .cart-section .cart-step-domain .domain-select .form .item .input .tb:focus::-webkit-input-placeholder {
    opacity: 0 !important
}

.main .cart-section .cart-step-domain .domain-select .form .item .input .tb:focus:-moz-placeholder {
    opacity: 0 !important
}

.main .cart-section .cart-step-domain .domain-select .form .item .input .tb:focus::-moz-placeholder {
    opacity: 0 !important
}

.main .cart-section .cart-step-domain .domain-select .form .item .input .tb:focus:-ms-input-placeholder {
    opacity: 0 !important
}

.main .cart-section .cart-step-domain .domain-select .form .item .input .tb:focus {
    border-color: #76b852
}

.main .cart-section .cart-step-domain .domain-select .form .item .input .tb:focus + .www {
    background-color: #76b852
}

.main .cart-section .cart-step-domain .domain-select .form .item .input .tb.extension {
    position: absolute;
    right: 0;
    width: 160px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 19px;
    z-index: 2;
    top: 0
}

.main .cart-section .cart-step-domain .domain-select .form .item .input .selectbox {
    position: absolute;
    right: 0;
    z-index: 2;
    top: 0;
    width: 160px;
    display: inline-block;
    vertical-align: middle;
    height: 64px;
    color: #818a8c;
    font: 300 19px Gotham, Arial, sans-serif;
    background-color: transparent
}

.main .cart-section .cart-step-domain .domain-select .form .item .input .selectbox select {
    width: 100%;
    height: 64px;
    background-color: #fff;
    border: 2px solid #03a9f4;
    color: #818a8c;
    font: 300 19px Gotham, Arial, sans-serif
}

.main .cart-section .cart-step-domain .domain-select .form .item .input .selectbox.touch {
    padding-right: 0
}

.main .cart-section .cart-step-domain .domain-select .form .item .input .selectbox.touch select {
    padding-left: 20px;
    z-index: 5
}

.main .cart-section .cart-step-domain .domain-select .form .item .input .selectbox .sod_label {
    height: 64px;
    line-height: 60px;
    padding-left: 16px;
    padding-right: 56px;
    border: 2px solid #03a9f4;
    position: relative;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.main .cart-section .cart-step-domain .domain-select .form .item .input .selectbox .sod_label:before {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-top: 5px solid #888;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -3px
}

.main .cart-section .cart-step-domain .domain-select .form .item .input .selectbox .sod_list_wrapper {
    border: 2px solid #76b852;
    border-top: 0
}

.main .cart-section .cart-step-domain .domain-select .form .item .input .selectbox .sod_list_wrapper .sod_list {
    max-height: 175px;
    overflow-x: hidden;
    overflow-y: auto
}

.main .cart-section .cart-step-domain .domain-select .form .item .input .selectbox .sod_list_wrapper .sod_option {
    display: block;
    min-height: 35px;
    font: 13px/120% Gotham, Arial, sans-serif;
    color: #3d3d3d;
    padding: 10px 14px 8px;
    white-space: normal
}

.main .cart-section .cart-step-domain .domain-select .form .item .input .selectbox .sod_list_wrapper .sod_option.selected {
    background-color: #eee
}

.main .cart-section .cart-step-domain .domain-select .form .item .input .selectbox.open .sod_label {
    border-color: #76b852;
    border-bottom-color: transparent
}

.main .cart-section .cart-step-domain .domain-select .form .item .input .selectbox.open .sod_label:after {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.main .cart-section .cart-step-domain .domain-select .form .item .input .selectbox.open .sod_list_wrapper {
    margin-top: -2px
}

.main .cart-section .cart-step-domain .domain-select .form .item .input .selectbox.above .sod_label {
    border-bottom-color: #76b852;
    border-top-color: transparent
}

.main .cart-section .cart-step-domain .domain-select .form .item .input .selectbox.above .sod_list_wrapper {
    margin-top: 0;
    margin-bottom: -2px;
    border-top: 2px solid #76b852;
    border-bottom: 0
}

.main .cart-section .cart-step-domain .domain-select .form .item .input .selectbox.focus .sod_label {
    border-color: #76b852
}

@media (max-width: 768px) {
    .main .cart-section .cart-step-domain .domain-select .form .item .input .www {
        display: none
    }

    .main .cart-section .cart-step-domain .domain-select .form .item .input .tb {
        border-width: 2px;
        height: 50px;
        padding: 0 15px 2px
    }

    .main .cart-section .cart-step-domain .domain-select .form .item .input .selectbox {
        position: absolute;
        right: 0;
        z-index: 2;
        top: 0;
        height: 50px
    }

    .main .cart-section .cart-step-domain .domain-select .form .item .input .selectbox select {
        height: 50px
    }

    .main .cart-section .cart-step-domain .domain-select .form .item .input .selectbox .sod_label {
        height: 50px;
        line-height: 46px;
        border: 2px solid #03a9f4
    }
}

@media (max-width: 480px) {
    .main .cart-section .cart-step-domain .domain-select .form .item .input .www {
        display: none
    }

    .main .cart-section .cart-step-domain .domain-select .form .item .input .tb {
        width: 100% !important;
        margin-bottom: 10px
    }

    .main .cart-section .cart-step-domain .domain-select .form .item .input .tb.extension {
        margin-bottom: 0;
        position: relative
    }

    .main .cart-section .cart-step-domain .domain-select .form .item .input .selectbox {
        position: relative;
        width: 100%
    }
}

.main .cart-section .cart-step-domain .domain-select .form .item .btn-form {
    display: inline-block;
    margin-right: 11px;
    height: 52px;
    padding: 0 20px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    border: 3px solid #03a9f4;
    font: 500 15px/46px Gotham, Arial, sans-serif;
    color: #03a9f4;
    position: relative;
    z-index: 2
}

.main .cart-section .cart-step-domain .domain-select .form .item .btn-form:before {
    content: '';
    width: 45px;
    height: 100%;
    background-color: #03a9f4;
    position: absolute;
    top: 0;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    z-index: -1
}

.main .cart-section .cart-step-domain .domain-select .form .item .btn-form:after {
    content: '';
    position: absolute;
    z-index: 3
}

.main .cart-section .cart-step-domain .domain-select .form .item .btn-form.prev {
    padding-left: 65px
}

.main .cart-section .cart-step-domain .domain-select .form .item .btn-form.prev:before {
    left: 0
}

.main .cart-section .cart-step-domain .domain-select .form .item .btn-form.prev:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -13px 0;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 12px;
    width: 6px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    position: absolute;
    left: 19px
}

.main .cart-section .cart-step-domain .domain-select .form .item .btn-form.next {
    padding-right: 65px
}

.main .cart-section .cart-step-domain .domain-select .form .item .btn-form.next:before {
    right: 0
}

.main .cart-section .cart-step-domain .domain-select .form .item .btn-form.next:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -19px 0;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 12px;
    width: 6px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    position: absolute;
    right: 19px
}

.main .cart-section .cart-step-domain .domain-select .form .item .btn-form:hover {
    color: #fff
}

.main .cart-section .cart-step-domain .domain-select .form .item .btn-form:hover:before {
    width: 100%
}

.main .cart-section .cart-step-domain .domain-select .form .item .btn-form.primary {
    border-color: #e2e9ec;
    color: #818a8c
}

.main .cart-section .cart-step-domain .domain-select .form .item .btn-form.primary:before {
    background-color: #e2e9ec
}

.main .cart-section .cart-step-domain .domain-select .form .item .btn-form.primary.prev:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -25px 0;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 12px;
    width: 6px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    position: absolute;
    left: 19px
}

.main .cart-section .cart-step-domain .domain-select .form .item .btn-form.primary.next:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -62px 0;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 12px;
    width: 6px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    position: absolute;
    right: 19px
}

.main .cart-section .cart-step-domain .domain-select .form .item .btn-form:last-child {
    margin-right: 0
}

@media (max-width: 480px) {
    .main .cart-section .cart-step-domain .domain-select .form .item .btn-form {
        width: 100%;
        display: block;
        margin: 0 0 10px
    }

    .main .cart-section .cart-step-domain .domain-select .form .item .btn-form:last-child {
        margin-bottom: 0
    }
}

.main .cart-section .cart-step-domain .domain-status {
    margin-top: 60px
}

.main .cart-section .cart-step-domain .domain-status table {
    width: 100%;
    border: 1px solid #e2e9ec
}

.main .cart-section .cart-step-domain .domain-status table td {
    height: 61px;
    border-bottom: 1px solid #e7e7e6;
    vertical-align: middle;
    font: 300 15px/120% Gotham, Arial, sans-serif;
    color: #636e70;
    padding: 5px 27px;
    text-align: left
}

.main .cart-section .cart-step-domain .domain-status table td:last-child {
    width: 195px;
    padding-left: 12px;
    padding-right: 12px
}

.main .cart-section .cart-step-domain .domain-status table td .not-avaiable {
    font-weight: 500;
    color: #f04a4a
}

.main .cart-section .cart-step-domain .domain-status table td .avaiable {
    display: inline-block;
    color: #636e70
}

.main .cart-section .cart-step-domain .domain-status table td .avaiable strong {
    font-weight: 500;
    color: #03a9f4
}

.main .cart-section .cart-step-domain .domain-status table td .avaiable.warning strong {
    color: #daa21a
}

.main .cart-section .cart-step-domain .domain-status table td .avaiable .input-check {
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
    min-height: 19px;
    font-size: 0
}

.main .cart-section .cart-step-domain .domain-status table td .avaiable .input-check input {
    position: fixed;
    left: -9999px
}

.main .cart-section .cart-step-domain .domain-status table td .avaiable .input-check i {
    display: inline-block;
    vertical-align: top;
    width: 19px;
    height: 19px;
    border: 2px solid #03a9f4;
    position: relative;
    cursor: pointer
}

.main .cart-section .cart-step-domain .domain-status table td .avaiable .input-check i:before {
    content: '';
    position: absolute;
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -35px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 9px;
    width: 12px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -4.5px;
    margin-left: -6px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0)
}

.main .cart-section .cart-step-domain .domain-status table td .avaiable .input-check.active i:before {
    opacity: 100;
    filter: alpha(opacity=100);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: visible
}

.main .cart-section .cart-step-domain .domain-status table td .selectbox {
    width: 100%;
    max-width: 171px;
    display: inline-block;
    vertical-align: middle;
    height: 39px;
    color: #636e70;
    font: 300 15px Gotham, Arial, sans-serif;
    background-color: transparent
}

.main .cart-section .cart-step-domain .domain-status table td .selectbox select {
    width: 100%;
    height: 39px;
    background-color: #fff;
    border: 1px solid #97a5ae;
    color: #b7bec7;
    font: 300 17px Gotham, Arial, sans-serif
}

.main .cart-section .cart-step-domain .domain-status table td .selectbox.touch {
    padding-right: 0
}

.main .cart-section .cart-step-domain .domain-status table td .selectbox.touch select {
    padding-left: 20px;
    z-index: 5
}

.main .cart-section .cart-step-domain .domain-status table td .selectbox .sod_label {
    height: 39px;
    line-height: 37px;
    padding-left: 14px;
    padding-right: 51px;
    border: 1px solid #e2e9ec;
    position: relative;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.main .cart-section .cart-step-domain .domain-status table td .selectbox .sod_label:before {
    content: '';
    background-color: #e2e9ec;
    width: 37px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.main .cart-section .cart-step-domain .domain-status table td .selectbox .sod_label:after {
    content: '';
    position: absolute;
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -39px -18px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 6px;
    width: 11px;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 13px
}

.main .cart-section .cart-step-domain .domain-status table td .selectbox .sod_list_wrapper {
    border: 1px solid #b7c4ca;
    border-top: 0
}

.main .cart-section .cart-step-domain .domain-status table td .selectbox .sod_list_wrapper .sod_list {
    max-height: 175px;
    overflow-x: hidden;
    overflow-y: auto
}

.main .cart-section .cart-step-domain .domain-status table td .selectbox .sod_list_wrapper .sod_option {
    display: block;
    min-height: 35px;
    font: 13px/120% Gotham, Arial, sans-serif;
    color: #3d3d3d;
    padding: 10px 14px 8px;
    white-space: normal
}

.main .cart-section .cart-step-domain .domain-status table td .selectbox .sod_list_wrapper .sod_option.selected {
    background-color: #eee
}

.main .cart-section .cart-step-domain .domain-status table td .selectbox.open .sod_label {
    border-color: #b7c4ca;
    border-bottom-color: transparent
}

.main .cart-section .cart-step-domain .domain-status table td .selectbox.open .sod_label:after {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.main .cart-section .cart-step-domain .domain-status table td .selectbox.open .sod_list_wrapper {
    margin-top: -1px
}

.main .cart-section .cart-step-domain .domain-status table td .selectbox.above .sod_label {
    border-bottom-color: #b7c4ca;
    border-top-color: transparent
}

.main .cart-section .cart-step-domain .domain-status table td .selectbox.above .sod_list_wrapper {
    margin-top: 0;
    margin-bottom: -1px;
    border-top: 1px solid #b7c4ca;
    border-bottom: 0
}

.main .cart-section .cart-step-domain .domain-status table td .selectbox.focus .sod_label {
    border-color: #b7c4ca
}

.main .cart-section .cart-step-domain .domain-status table thead td {
    height: 47px;
    background-color: #e2e9ec
}

.main .cart-section .cart-step-domain .domain-status table tbody tr:last-child td {
    border-bottom: 0
}

.main .cart-section .cart-payment-detail ul.list {
    font-size: 0;
    padding: 10px 8px
}

.main .cart-section .cart-payment-detail ul.list li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-left: 15px;
    font: 300 15px/120% Gotham, Arial, sans-serif;
    color: #39484f;
    margin-bottom: 23px;
    min-width: 222px;
    margin-right: 20px;
    word-break: break-all
}

@media (max-width: 768px) {
    .main .cart-section .cart-payment-detail ul.list li {
        font-size: 14px;
        margin-bottom: 13px !important;
        min-width: 0;
        display: block;
        margin-right: 0
    }

    .main .cart-section .cart-payment-detail ul.list li:last-child {
        margin-bottom: 0 !important
    }
}

.main .cart-section .cart-payment-detail ul.list li:nth-child(2n) {
    min-width: 400px;
    margin-right: 0
}

.main .cart-section .cart-payment-detail ul.list li:nth-last-child(-n+2) {
    margin-bottom: 0
}

.main .cart-section .cart-payment-detail ul.list li:before {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -14px -18px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 6px;
    width: 3px;
    position: absolute;
    left: 0;
    top: 5px
}

.main .cart-section .cart-payment-detail .input {
    font-size: 0
}

.main .cart-section .cart-payment-detail .input:after {
    content: "";
    display: table;
    clear: both
}

.main .cart-section .cart-payment-detail .input .selectbox {
    float: left;
    width: 100%;
    max-width: 365px;
    display: inline-block;
    vertical-align: top;
    height: 49px;
    color: #636e70;
    font: 300 15px Gotham, Arial, sans-serif;
    background-color: transparent
}

.main .cart-section .cart-payment-detail .input .selectbox select {
    width: 100%;
    height: 49px;
    background-color: #fff;
    border: 1px solid #97a5ae;
    color: #b7bec7;
    font: 300 17px Gotham, Arial, sans-serif
}

.main .cart-section .cart-payment-detail .input .selectbox.touch {
    padding-right: 0
}

.main .cart-section .cart-payment-detail .input .selectbox.touch select {
    padding-left: 20px;
    z-index: 5
}

.main .cart-section .cart-payment-detail .input .selectbox .sod_label {
    height: 49px;
    line-height: 47px;
    padding-left: 14px;
    padding-right: 64px;
    border: 1px solid #d0d9dd;
    position: relative;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.main .cart-section .cart-payment-detail .input .selectbox .sod_label:before {
    content: '';
    background-color: #d0d9dd;
    width: 50px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.main .cart-section .cart-payment-detail .input .selectbox .sod_label:after {
    content: '';
    position: absolute;
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -39px -18px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 6px;
    width: 11px;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 19px
}

.main .cart-section .cart-payment-detail .input .selectbox .sod_list_wrapper {
    border: 1px solid #b7c4ca;
    border-top: 0
}

.main .cart-section .cart-payment-detail .input .selectbox .sod_list_wrapper .sod_list {
    max-height: 175px;
    overflow-x: hidden;
    overflow-y: auto
}

.main .cart-section .cart-payment-detail .input .selectbox .sod_list_wrapper .sod_option {
    display: block;
    min-height: 35px;
    font: 13px/120% Gotham, Arial, sans-serif;
    color: #3d3d3d;
    padding: 10px 14px 8px;
    white-space: normal
}

.main .cart-section .cart-payment-detail .input .selectbox .sod_list_wrapper .sod_option.selected {
    background-color: #eee
}

.main .cart-section .cart-payment-detail .input .selectbox.open .sod_label {
    border-color: #b7c4ca;
    border-bottom-color: transparent
}

.main .cart-section .cart-payment-detail .input .selectbox.open .sod_label:after {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.main .cart-section .cart-payment-detail .input .selectbox.open .sod_list_wrapper {
    margin-top: -1px
}

.main .cart-section .cart-payment-detail .input .selectbox.above .sod_label {
    border-bottom-color: #b7c4ca;
    border-top-color: transparent
}

.main .cart-section .cart-payment-detail .input .selectbox.above .sod_list_wrapper {
    margin-top: 0;
    margin-bottom: -1px;
    border-top: 1px solid #b7c4ca;
    border-bottom: 0
}

.main .cart-section .cart-payment-detail .input .selectbox.focus .sod_label {
    border-color: #b7c4ca
}

.main .cart-section .cart-payment-detail .input .caption {
    display: block;
    margin-left: 385px;
    font: 300 15px/120% Gotham, Arial, sans-serif;
    color: #39484f;
    padding-top: 16px
}

.main .cart-section .cart-payment-detail .input .caption strong {
    color: #76b852
}

@media (max-width: 768px) {
    .main .cart-section .cart-payment-detail .input .selectbox {
        max-width: inherit !important;
        width: 100%;
        float: inherit
    }

    .main .cart-section .cart-payment-detail .input .caption {
        margin-left: 0;
        font-size: 14px;
        text-align: center
    }
}

.main .cart-section .cart-epp ul li {
    border-bottom: 3px solid #f5f8fa;
    min-height: 63px;
    padding: 17px 25px
}

.main .cart-section .cart-epp ul li:last-child {
    border-bottom: 0
}

.main .cart-section .cart-epp ul li .input {
    position: relative
}

.main .cart-section .cart-epp ul li .input strong {
    display: block;
    float: left;
    width: 189px;
    font: 15px/120% Gotham, Arial, sans-serif;
    color: #39484f;
    padding-top: 16px;
    padding-right: 10px
}

.main .cart-section .cart-epp ul li .input div {
    font-size: 0;
    margin-left: 189px
}

.main .cart-section .cart-epp ul li .input .tb {
    display: inline-block;
    vertical-align: top;
    width: 52%;
    height: 49px;
    margin-right: 2%;
    padding: 0 21px 2px;
    font: 300 15px Gotham, Arial, sans-serif;
    border: 1px solid #d0d9dd;
    color: #39484f;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .cart-section .cart-epp ul li .input .tb::-webkit-input-placeholder {
    color: #39484f;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .cart-section .cart-epp ul li .input .tb:-moz-placeholder {
    color: #39484f;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .cart-section .cart-epp ul li .input .tb::-moz-placeholder {
    color: #39484f;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .cart-section .cart-epp ul li .input .tb:-ms-input-placeholder {
    color: #39484f;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .cart-section .cart-epp ul li .input .tb:focus::-webkit-input-placeholder {
    opacity: 0 !important
}

.main .cart-section .cart-epp ul li .input .tb:focus:-moz-placeholder {
    opacity: 0 !important
}

.main .cart-section .cart-epp ul li .input .tb:focus::-moz-placeholder {
    opacity: 0 !important
}

.main .cart-section .cart-epp ul li .input .tb:focus:-ms-input-placeholder {
    opacity: 0 !important
}

.main .cart-section .cart-epp ul li .input .tb:focus {
    border-color: #9aabb3
}

.main .cart-section .cart-epp ul li .input span {
    display: inline-block;
    vertical-align: top;
    width: 45%;
    font: 300 14px/130% Gotham, Arial, sans-serif;
    padding-top: 5px;
    color: #747f83
}

@media (max-width: 480px) {
    .main .cart-section .cart-epp ul li .input strong {
        display: block;
        float: inherit;
        font-size: 14px;
        padding: 0
    }

    .main .cart-section .cart-epp ul li .input div {
        margin-left: 0;
        margin-top: 10px
    }

    .main .cart-section .cart-epp ul li .input span {
        font-size: 12px
    }
}

.main .cart-section .cart-epp ul li .input-check {
    display: inline-block;
    vertical-align: top;
    min-height: 19px;
    font-size: 0;
    margin-top: 3px
}

.main .cart-section .cart-epp ul li .input-check input {
    position: fixed;
    left: -9999px
}

.main .cart-section .cart-epp ul li .input-check i {
    float: left;
    display: inline-block;
    vertical-align: top;
    width: 19px;
    height: 19px;
    border: 2px solid #d0d9dd;
    position: relative;
    cursor: pointer;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .cart-section .cart-epp ul li .input-check i:before {
    content: '';
    position: absolute;
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -35px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 9px;
    width: 12px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -4.5px;
    margin-left: -6px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0)
}

.main .cart-section .cart-epp ul li .input-check span {
    display: block;
    margin-left: 40px;
    vertical-align: top;
    font: 300 14px/120% Gotham, Arial, sans-serif;
    color: #39484f;
    padding-top: 1px
}

.main .cart-section .cart-epp ul li .input-check.active i {
    border-color: #03a9f4
}

.main .cart-section .cart-epp ul li .input-check.active i:before {
    opacity: 100;
    filter: alpha(opacity=100);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: visible
}

.main .cart-section .cart-payment-complete .products table {
    width: 100%;
    border: 2px solid #f5f8fa;
    border-collapse: collapse
}

.main .cart-section .cart-payment-complete .products table td {
    height: 78px;
    border: 1px solid #e5e8e9;
    border-right-color: #f2f2f2;
    border-left-color: #f2f2f2;
    font: 300 14px/23px Gotham, Arial, sans-serif;
    color: #39484f;
    vertical-align: middle;
    padding: 13px 22px
}

.main .cart-section .cart-payment-complete .products table td a {
    color: #39484f
}

.main .cart-section .cart-payment-complete .products table td a:hover {
    color: #03a9f4
}

.main .cart-section .cart-payment-complete .products table td:last-child {
    text-align: center;
    white-space: nowrap
}

.main .cart-section .cart-payment-complete .products table td .btn-edit {
    display: inline-block;
    vertical-align: top;
    border: 3px solid #d1d5d7;
    width: 107px;
    height: 37px;
    background-color: transparent;
    text-align: center;
    font: 500 13px/31px Gotham, Arial, sans-serif;
    color: #39484f;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    margin-right: 9px
}

.main .cart-section .cart-payment-complete .products table td .btn-edit:hover {
    background-color: #03a9f4;
    border-color: #03a9f4;
    color: #fff
}

.main .cart-section .cart-payment-complete .products table td .btn-remove {
    display: inline-block;
    vertical-align: top;
    width: 43px;
    height: 37px;
    background-color: #f15353;
    text-indent: -9999px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .cart-section .cart-payment-complete .products table td .btn-remove:before {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -31px 0;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 12px;
    width: 12px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -6px;
    margin-left: -6px;
    text-indent: 0;
    display: block
}

.main .cart-section .cart-payment-complete .products table td .btn-remove:hover {
    background-color: #e24141
}

.main .cart-section .cart-payment-complete .products table thead td {
    height: 55px;
    background-color: #f5f8fa;
    font-size: 16px;
    border-right-color: #dfe1e2;
    border-left-color: #dfe1e2
}

.main .cart-section .cart-payment-complete .products table tbody td {
    vertical-align: top;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .cart-section .cart-payment-complete .products table tbody tr:hover td {
    background-color: #f8f8f8
}

.main .cart-section .cart-payment-complete .bottom {
    margin-top: 20px;
    font-size: 0
}

.main .cart-section .cart-payment-complete .bottom .col {
    width: 49.30636%;
    display: inline-block;
    vertical-align: top
}

.main .cart-section .cart-payment-complete .bottom .col:nth-child(n) {
    margin-bottom: 1.38728%;
    margin-right: 1.38728%
}

.main .cart-section .cart-payment-complete .bottom .col:nth-child(2n) {
    margin-right: 0;
    margin-bottom: 0
}

.main .cart-section .cart-payment-complete .bottom .col:nth-last-child(-n + 2) {
    margin-bottom: 0
}

.main .cart-section .cart-payment-complete .bottom .col .item {
    margin-bottom: 9px
}

.main .cart-section .cart-payment-complete .bottom .col .item:last-child {
    margin-bottom: 0
}

.main .cart-section .cart-payment-complete .bottom .col .item .caption {
    display: block;
    font: 300 14px/23px Gotham, Arial, sans-serif;
    color: #5e6366;
    padding-top: 6px
}

.main .cart-section .cart-payment-complete .bottom .col .item .btn-complete {
    display: inline-block;
    height: 53px;
    vertical-align: top;
    background-color: #76b852;
    padding: 0 25px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    text-align: center;
    font: 500 14px/53px Gotham, Arial, sans-serif;
    color: #fff
}

.main .cart-section .cart-payment-complete .bottom .col .item .btn-complete:hover {
    background-color: #87cb61
}

.main .cart-section .cart-payment-complete .bottom .col .item .btn-empty {
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
    height: 53px;
    border: 3px solid #f15353;
    padding: 0 17px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    text-align: center;
    font: 500 14px/47px Gotham, Arial, sans-serif;
    color: #f15353
}

.main .cart-section .cart-payment-complete .bottom .col .item .btn-empty:hover {
    background-color: #f15353;
    color: #fff
}

@media (max-width: 480px) {
    .main .cart-section .cart-payment-complete .bottom .col .item .btn-complete, .main .cart-section .cart-payment-complete .bottom .col .item .btn-empty {
        display: block;
        margin-right: 0;
        height: 50px;
        border-width: 2px;
        line-height: 48px;
        font-size: 13px;
        margin-bottom: 7px
    }

    .main .cart-section .cart-payment-complete .bottom .col .item .btn-complete:last-child, .main .cart-section .cart-payment-complete .bottom .col .item .btn-empty:last-child {
        margin-bottom: 0
    }
}

.main .cart-section .cart-payment-complete .bottom .col .item .price {
    border: 3px solid #f5f8fa;
    position: relative;
    font: 300 14px/120% Gotham, Arial, sans-serif;
    color: #39484f;
    min-height: 53px;
    padding: 15px 150px 15px 22px
}

.main .cart-section .cart-payment-complete .bottom .col .item .price strong {
    display: block;
    height: 100%;
    background-color: #f5f8fa;
    width: 135px;
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 500;
    padding-left: 25px;
    line-height: 47px
}

.main .cart-section .cart-payment-complete .bottom .col .item .discount {
    position: relative;
    padding-right: 139px
}

.main .cart-section .cart-payment-complete .bottom .col .item .discount .tb {
    width: 100%;
    height: 53px;
    border: 3px solid #f5f8fa;
    font: 300 14px Gotham, Arial, sans-serif;
    color: #4e616b;
    padding: 0 18px 2px 151px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .cart-section .cart-payment-complete .bottom .col .item .discount .tb::-webkit-input-placeholder {
    color: #969da1;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .cart-section .cart-payment-complete .bottom .col .item .discount .tb:-moz-placeholder {
    color: #969da1;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .cart-section .cart-payment-complete .bottom .col .item .discount .tb::-moz-placeholder {
    color: #969da1;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .cart-section .cart-payment-complete .bottom .col .item .discount .tb:-ms-input-placeholder {
    color: #969da1;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .cart-section .cart-payment-complete .bottom .col .item .discount .tb:focus::-webkit-input-placeholder {
    opacity: 0 !important
}

.main .cart-section .cart-payment-complete .bottom .col .item .discount .tb:focus:-moz-placeholder {
    opacity: 0 !important
}

.main .cart-section .cart-payment-complete .bottom .col .item .discount .tb:focus::-moz-placeholder {
    opacity: 0 !important
}

.main .cart-section .cart-payment-complete .bottom .col .item .discount .tb:focus:-ms-input-placeholder {
    opacity: 0 !important
}

.main .cart-section .cart-payment-complete .bottom .col .item .discount .tb:focus {
    border-color: #d2dade
}

.main .cart-section .cart-payment-complete .bottom .col .item .discount .tb:focus + span {
    background-color: #d2dade !important
}

.main .cart-section .cart-payment-complete .bottom .col .item .discount span {
    display: block;
    position: absolute;
    width: 132px;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #f5f8fa;
    text-align: center;
    font: 300 14px/50px Gotham, Arial, sans-serif;
    color: #39484f;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .cart-section .cart-payment-complete .bottom .col .item .discount .btn-apply {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 53px;
    width: 131px;
    border: 3px solid #76b852;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    text-align: center;
    font: 500 14px/47px Gotham, Arial, sans-serif;
    color: #76b852
}

.main .cart-section .cart-payment-complete .bottom .col .item .discount .btn-apply:hover {
    background-color: #76b852;
    color: #fff
}

@media (max-width: 768px) {
    .main .cart-section .cart-payment-complete .bottom .col .item .discount {
        padding-right: 0
    }

    .main .cart-section .cart-payment-complete .bottom .col .item .discount span {
        height: 53px
    }

    .main .cart-section .cart-payment-complete .bottom .col .item .discount .btn-apply {
        position: inherit;
        margin-top: 15px;
        width: 100%;
        height: 40px;
        font-size: 13px;
        border-width: 1px;
        line-height: 38px
    }
}

@media (max-width: 768px) {
    .main .cart-section .cart-payment-complete .products table thead td {
        height: 50px;
        font-size: 14px;
        line-height: 120%
    }

    .main .cart-section .cart-payment-complete .products table td {
        font-size: 12px;
        padding: 7px 5px
    }

    .main .cart-section .cart-payment-complete .products table td:last-child {
        text-align: left
    }

    .main .cart-section .cart-payment-complete .bottom .col {
        width: 100%;
        display: inline-block;
        vertical-align: top
    }

    .main .cart-section .cart-payment-complete .bottom .col:nth-child(n) {
        margin-bottom: 15px !important;
        margin-right: 15px
    }

    .main .cart-section .cart-payment-complete .bottom .col:nth-child(1n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .cart-section .cart-payment-complete .bottom .col:nth-last-child(-n + 1) {
        margin-bottom: 0
    }
}

.main .cart-session .session--top {
    margin-bottom: 34px;
    font-size: 0
}

.main .cart-session .session--top ul {
    display: inline-block;
    vertical-align: top;
    width: 66%;
    margin-right: 2%;
    font-size: 0;
    border: 3px solid #f5f8fa;
    padding-left: 0 !important;
}

.main .cart-session .session--top ul li {
    width: 50%;
    display: inline-block;
    vertical-align: top
}

.main .cart-session .session--top ul li:nth-child(n) {
    margin-bottom: 0;
    margin-right: 0
}

.main .cart-session .session--top ul li:nth-child(2n) {
    margin-right: 0;
    margin-bottom: 0
}

.main .cart-session .session--top ul li:nth-last-child(-n + 2) {
    margin-bottom: 0
}

.main .cart-session .session--top ul li a {
    display: block;
    font: 500 14px/63px Gotham, Arial, sans-serif;
    height: 63px;
    text-align: center;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    color: #3e4b54
}

.main .cart-session .session--top ul li a i {
    margin-right: 7px
}

.main .cart-session .session--top ul li.active a {
    background-color: #f5f8fa
}

.main .cart-session .session--top .form-change {
    font-size: 0;
    display: inline-block;
    vertical-align: top;
    width: 32%
}

.main .cart-session .session--top .btn-member {
    display: block;
    vertical-align: top;
    height: 69px;
    background-color: #03a9f4;
    text-align: center;
    padding-right: 67px;
    position: relative;
    font: 500 16px/69px Gotham, Arial, sans-serif;
    color: #fff;
    z-index: 2;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .cart-session .session--top .btn-member i {
    position: absolute;
    right: 27px;
    top: 26px
}

.main .cart-session .session--top .btn-member:before {
    content: '';
    background-color: rgba(0, 0, 0, 0.1);
    width: 67px;
    height: 100%;
    position: absolute;
    z-index: -1;
    right: 0;
    top: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .cart-session .session--top .btn-member:hover {
    background-color: #26bbff
}

.main .cart-session .session--top .btn-member:hover:before {
    width: 100%
}

.main .cart-session .session--top .btn-member.register {
    display: none
}

@media (max-width: 768px) {
    .main .cart-session .session--top ul {
        width: 100%;
        float: inherit
    }

    .main .cart-session .session--top ul li a {
        height: 50px;
        line-height: 50px;
        font-size: 13px
    }

    .main .cart-session .session--top .form-change {
        float: inherit;
        width: 100%;
        padding: 0 10px;
        font-size: 13px;
        text-align: center;
        margin-top: 10px
    }
}

.main .cart-session .session--form {
    font-size: 0
}

.main .cart-session .session--form .item {
    display: inline-block;
    vertical-align: top;
    width: 47.97688%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px !important
}

.main .cart-session .session--form .item:nth-child(n) {
    margin-bottom: 4.04624%;
    margin-right: 4.04624%
}

.main .cart-session .session--form .item:nth-child(2n) {
    margin-right: 0;
    margin-bottom: 0
}

.main .cart-session .session--form .item:nth-last-child(-n + 2) {
    margin-bottom: 0
}

.main .cart-session .session--form .item.z-index {
    position: relative;
    z-index: 6
}

.main .cart-session .session--form .item:nth-last-child(-n+2) {
    margin-bottom: 0 !important
}

.main .cart-session .session--form .item.full {
    display: block;
    width: 100%;
    margin-right: 0
}

.main .cart-session .session--form .item .item--label {
    width: 156px;
    min-height: 40px;
    display: flex;
    align-items: center;
    float: left;
    font: 300 14px/120% Gotham, Arial, sans-serif;
    color: #788388;
    padding-right: 5px
}

.main .cart-session .session--form .item .item--input {
    margin-left: 156px;
    line-height: 0;
    position: relative
}

.main .cart-session .session--form .item .item--input .icon {
    position: absolute;
    left: 1px;
    top: 1px;
    bottom: 1px;
    width: 42px;
    text-align: center;
    font-size: 15px;
    color: #cfd5d9;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    line-height: 40px;
    border-right: 1px solid #cfd5d9
}

.main .cart-session .session--form .item .item--input .help-block {
    display: none !important
}

.main .cart-session .session--form .item .item--input.has-error, .main .cart-session .session--form .item .item--input .has-error {
    position: relative
}

.main .cart-session .session--form .item .item--input.has-error:after, .main .cart-session .session--form .item .item--input .has-error:after {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -139px -93px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 18px;
    width: 18px;
    position: absolute;
    right: 12px;
    top: 11px
}

.main .cart-session .session--form .item .item--input.has-error .tb, .main .cart-session .session--form .item .item--input.has-error .ta, .main .cart-session .session--form .item .item--input .has-error .tb, .main .cart-session .session--form .item .item--input .has-error .ta {
    border-color: #f44336 !important;
    padding-right: 42px !important
}

.main .cart-session .session--form .item .item--input.has-success, .main .cart-session .session--form .item .item--input .has-success {
    position: relative
}

.main .cart-session .session--form .item .item--input.has-success:after, .main .cart-session .session--form .item .item--input .has-success:after {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -60px -73px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 18px;
    width: 18px;
    position: absolute;
    right: 12px;
    top: 11px
}

.main .cart-session .session--form .item .item--input.has-success .tb, .main .cart-session .session--form .item .item--input.has-success .ta, .main .cart-session .session--form .item .item--input .has-success .tb, .main .cart-session .session--form .item .item--input .has-success .ta {
    border-color: #03a9f4 !important;
    padding-right: 42px !important
}

.main .cart-session .session--form .item .tb {
    width: 100%;
    height: 42px;
    border: 1px solid #c9cfd2;
    font: 300 14px Gotham, Arial, sans-serif;
    color: #788388;
    padding: 0 12px 2px 55px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .cart-session .session--form .item .tb::-webkit-input-placeholder {
    color: #788388;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .cart-session .session--form .item .tb:-moz-placeholder {
    color: #788388;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .cart-session .session--form .item .tb::-moz-placeholder {
    color: #788388;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .cart-session .session--form .item .tb:-ms-input-placeholder {
    color: #788388;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .cart-session .session--form .item .tb:focus::-webkit-input-placeholder {
    opacity: 0 !important
}

.main .cart-session .session--form .item .tb:focus:-moz-placeholder {
    opacity: 0 !important
}

.main .cart-session .session--form .item .tb:focus::-moz-placeholder {
    opacity: 0 !important
}

.main .cart-session .session--form .item .tb:focus:-ms-input-placeholder {
    opacity: 0 !important
}

.main .cart-session .session--form .item .tb:focus {
    border-color: #97a5ae;
    color: #636d7b
}

.main .cart-session .session--form .item .tb:focus + .icon {
    border-color: #97a5ae;
    color: #636d7b
}

.main .cart-session .session--form .item .selectbox {
    width: 100%;
    display: block;
    height: 42px;
    color: #788388;
    font: 300 14px Gotham, Arial, sans-serif;
    background-color: transparent
}

.main .cart-session .session--form .item .selectbox select {
    width: 100%;
    height: 42px;
    background-color: #fff;
    border: 1px solid #97a5ae;
    color: #b7bec7;
    font: 300 17px Gotham, Arial, sans-serif
}

.main .cart-session .session--form .item .selectbox.touch {
    padding-right: 0
}

.main .cart-session .session--form .item .selectbox.touch select {
    padding-left: 20px;
    z-index: 5
}

.main .cart-session .session--form .item .selectbox .sod_label {
    height: 42px;
    line-height: 40px;
    padding-left: 55px;
    padding-right: 52px;
    border: 1px solid #c9cfd2;
    position: relative;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.main .cart-session .session--form .item .selectbox .sod_label:before {
    content: '';
    background-color: #e0e2e5;
    width: 40px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.main .cart-session .session--form .item .selectbox .sod_label:after {
    content: '';
    position: absolute;
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -39px -18px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 6px;
    width: 11px;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 14px
}

.main .cart-session .session--form .item .selectbox .sod_list_wrapper {
    border: 1px solid #97a5ae;
    border-top: 0
}

.main .cart-session .session--form .item .selectbox .sod_list_wrapper .sod_list {
    max-height: 175px;
    overflow-x: hidden;
    overflow-y: auto
}

.main .cart-session .session--form .item .selectbox .sod_list_wrapper .sod_option {
    display: block;
    min-height: 35px;
    font: 13px/120% Gotham, Arial, sans-serif;
    color: #3d3d3d;
    padding: 8px 12px;
    white-space: normal
}

.main .cart-session .session--form .item .selectbox .sod_list_wrapper .sod_option.selected {
    background-color: #eee
}

.main .cart-session .session--form .item .selectbox.open {
    color: #636d7b
}

.main .cart-session .session--form .item .selectbox.open .sod_label {
    border-color: #97a5ae;
    border-bottom-color: transparent
}

.main .cart-session .session--form .item .selectbox.open .sod_label:after {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.main .cart-session .session--form .item .selectbox.open .sod_list_wrapper {
    margin-top: -1px
}

.main .cart-session .session--form .item .selectbox.open + .icon {
    border-color: transparent;
    color: #636d7b
}

.main .cart-session .session--form .item .selectbox.above .sod_label {
    border-bottom-color: #97a5ae;
    border-top-color: transparent
}

.main .cart-session .session--form .item .selectbox.above .sod_list_wrapper {
    margin-top: 0;
    margin-bottom: -1px;
    border-top: 1px solid #97a5ae;
    border-bottom: 0
}

.main .cart-session .session--form .item .selectbox.focus .sod_label {
    border-color: #97a5ae
}

.main .cart-session .session--form .item .selectbox.focus + .icon {
    border-color: transparent;
    color: #636d7b
}

@media (max-width: 768px) {
    .main .cart-session .session--form .item {
        text-align: left
    }

    .main .cart-session .session--form .item .item--label {
        display: block;
        float: inherit;
        width: auto;
        margin-bottom: 10px
    }

    .main .cart-session .session--form .item .item--input {
        margin-left: 0
    }

    .main .cart-session .session--form .item .item--input.has-error:after, .main .cart-session .session--form .item .item--input .has-error:after {
        top: 10px
    }

    .main .cart-session .session--form .item .item--input.has-success:after, .main .cart-session .session--form .item .item--input .has-success:after {
        top: 10px
    }
}

@media (max-width: 480px) {
    .main .cart-session .session--form .item {
        width: 100%;
        display: inline-block;
        vertical-align: top
    }

    .main .cart-session .session--form .item:nth-child(n) {
        margin-bottom: 10px !important;
        margin-right: 10px
    }

    .main .cart-session .session--form .item:nth-child(1n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .cart-session .session--form .item:nth-last-child(-n + 1) {
        margin-bottom: 0
    }

    .main .cart-session .session--form .item .tb {
        height: 40px;
        font-size: 13px;
        padding-left: 15px;
        padding-right: 15px
    }

    .main .cart-session .session--form .item .selectbox {
        height: 40px
    }

    .main .cart-session .session--form .item .selectbox select {
        height: 40px
    }

    .main .cart-session .session--form .item .selectbox .sod_label {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 13px;
        height: 40px;
        line-height: 38px
    }

    .main .cart-session .session--form .item .selectbox .sod_list_wrapper .sod_option {
        font-size: 13px;
        padding-left: 15px;
        padding-right: 15px
    }
}

.main .cart-session .session--form .big-item {
    border: 3px solid #f5f8fa;
    line-height: 0;
    position: relative;
    padding: 9px 10px 9px 116px;
    height: 175px;
    display: table;
    width: 100%;
    margin-bottom: 22px
}

.main .cart-session .session--form .big-item:last-child {
    margin-bottom: 0
}

.main .cart-session .session--form .big-item.z-index {
    z-index: 5
}

.main .cart-session .session--form .big-item .cell {
    display: table-cell;
    vertical-align: middle
}

.main .cart-session .session--form .big-item:before {
    content: '';
    width: 98px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #f5f8fa;
    z-index: -1
}

.main .cart-session .session--form .big-item.icon-man:after {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -96px -1085px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 52px;
    width: 41px;
    position: absolute;
    top: 50%;
    margin-top: -26px;
    position: absolute;
    left: 26px
}

.main .cart-session .session--form .big-item.icon-bag:after {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -1034px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 49px;
    width: 49px;
    position: absolute;
    top: 50%;
    margin-top: -24.5px;
    position: absolute;
    left: 24px
}

.main .cart-session .session--form .big-item .item--label {
    font: 14px/18px Gotham, Arial, sans-serif;
    color: #788388;
    float: left
}

.main .cart-session .session--form .big-item .selectbox {
    float: right;
    max-width: 392px;
    width: 100%;
    display: block;
    height: 42px;
    color: #788388;
    font: 300 14px Gotham, Arial, sans-serif;
    background-color: transparent
}

.main .cart-session .session--form .big-item .selectbox select {
    width: 100%;
    height: 42px;
    background-color: #fff;
    border: 1px solid #97a5ae;
    color: #b7bec7;
    font: 300 17px Gotham, Arial, sans-serif
}

.main .cart-session .session--form .big-item .selectbox.touch {
    padding-right: 0
}

.main .cart-session .session--form .big-item .selectbox.touch select {
    padding-left: 20px
}

.main .cart-session .session--form .big-item .selectbox .sod_label {
    height: 42px;
    line-height: 40px;
    padding-left: 20px;
    padding-right: 60px;
    border: 1px solid #c9cfd2;
    position: relative;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.main .cart-session .session--form .big-item .selectbox .sod_label:before {
    content: '';
    background-color: #e0e2e5;
    width: 49px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.main .cart-session .session--form .big-item .selectbox .sod_label:after {
    content: '';
    position: absolute;
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -39px -18px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 6px;
    width: 11px;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 15px
}

.main .cart-session .session--form .big-item .selectbox .sod_list_wrapper {
    border: 1px solid #97a5ae;
    border-top: 0
}

.main .cart-session .session--form .big-item .selectbox .sod_list_wrapper .sod_list {
    max-height: 175px;
    overflow-x: hidden;
    overflow-y: auto
}

.main .cart-session .session--form .big-item .selectbox .sod_list_wrapper .sod_option {
    display: block;
    min-height: 35px;
    font: 15px/120% Gotham, Arial, sans-serif;
    color: #3d3d3d;
    padding: 8px 20px;
    white-space: normal
}

.main .cart-session .session--form .big-item .selectbox .sod_list_wrapper .sod_option.selected {
    background-color: #eee
}

.main .cart-session .session--form .big-item .selectbox.open {
    color: #636d7b
}

.main .cart-session .session--form .big-item .selectbox.open .sod_label {
    border-color: #97a5ae;
    border-bottom-color: transparent
}

.main .cart-session .session--form .big-item .selectbox.open .sod_label:after {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.main .cart-session .session--form .big-item .selectbox.open .sod_list_wrapper {
    margin-top: -1px
}

.main .cart-session .session--form .big-item .selectbox.above .sod_label {
    border-bottom-color: #97a5ae;
    border-top-color: transparent
}

.main .cart-session .session--form .big-item .selectbox.above .sod_list_wrapper {
    margin-top: 0;
    margin-bottom: -1px;
    border-top: 1px solid #97a5ae;
    border-bottom: 0
}

.main .cart-session .session--form .big-item .selectbox.focus .sod_label {
    border-color: #97a5ae
}

.main .cart-session .session--form .big-item .inputs {
    float: right;
    font-size: 0
}

.main .cart-session .session--form .big-item .inputs .input-radio {
    display: inline-block;
    vertical-align: top;
    height: 72px;
    border: 3px solid #e2e7ed;
    padding: 0 16px;
    font: 300 16px/66px Gotham, Arial, sans-serif;
    color: #788388;
    margin-right: 9px
}

.main .cart-session .session--form .big-item .inputs .input-radio input {
    position: absolute;
    left: -9999px
}

.main .cart-session .session--form .big-item .inputs .input-radio:last-child {
    margin-right: 0
}

.main .cart-session .session--form .big-item .inputs .input-radio i {
    margin-top: 22px;
    float: left;
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    border: 2px solid #647177;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    margin-right: 13px;
    position: relative;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .cart-session .session--form .big-item .inputs .input-radio i:before {
    content: '';
    width: 8px;
    height: 8px;
    background-color: #03a9f4;
    position: absolute;
    left: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    top: 50%;
    margin: -4px 0 0 -4px;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .cart-session .session--form .big-item .inputs .input-radio span {
    display: block;
    margin-left: 34px;
    white-space: nowrap
}

.main .cart-session .session--form .big-item .inputs .input-radio.active {
    border-color: #03a9f4
}

.main .cart-session .session--form .big-item .inputs .input-radio.active i {
    border-color: #03a9f4
}

.main .cart-session .session--form .big-item .inputs .input-radio.active i:before {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 100;
    filter: alpha(opacity=100);
    visibility: visible
}

@media (max-width: 768px) {
    .main .cart-session .session--form .big-item {
        display: block;
        height: auto;
        padding: 10px !important
    }

    .main .cart-session .session--form .big-item .cell {
        display: block
    }

    .main .cart-session .session--form .big-item:before, .main .cart-session .session--form .big-item:after {
        content: none !important;
        display: none !important
    }

    .main .cart-session .session--form .big-item .item--label {
        float: inherit;
        width: 100%;
        font-size: 14px;
        margin-bottom: 15px;
        display: block
    }

    .main .cart-session .session--form .big-item .selectbox, .main .cart-session .session--form .big-item .inputs {
        width: 100%;
        max-width: 100%;
        float: inherit
    }

    .main .cart-session .session--form .big-item .inputs {
        margin-top: 15px
    }

    .main .cart-session .session--form .big-item .inputs .input-radio {
        height: 50px;
        border-width: 1px;
        font-size: 13px;
        line-height: 48px;
        margin-bottom: 7px
    }
}

@media (max-width: 768px) and (max-width: 480px) {
    .main .cart-session .session--form .big-item .inputs .input-radio {
        display: block;
        margin: 0 0 7px;
        width: 100%
    }
}

@media (max-width: 768px) {
    .main .cart-session .session--form .big-item .inputs .input-radio i {
        margin-top: 13px
    }
}

.main .cart-session .session--form .notes {
    margin-top: 27px;
    border: 3px solid #edeff0;
    line-height: 0
}

.main .cart-session .session--form .notes h3 {
    background-color: #f5f8fa;
    display: block;
    height: 47px;
    padding-left: 20px;
    font: 300 16px/47px Gotham, Arial, sans-serif;
    color: #788388;
    position: relative
}

.main .cart-session .session--form .notes h3:before {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -123px -54px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 17px;
    width: 17px;
    position: absolute;
    top: 50%;
    margin-top: -8.5px;
    position: absolute;
    right: 15px
}

.main .cart-session .session--form .notes .ta {
    width: 100%;
    height: 114px;
    background: #fff url(../img/bg-mega.png) no-repeat 50% 50%;
    resize: none;
    overflow: auto;
    font: 300 14px/130% Gotham, Arial, sans-serif;
    color: #788388;
    padding: 18px 20px
}

.main .cart-session .session--form .notes .ta::-webkit-input-placeholder {
    color: #788388;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .cart-session .session--form .notes .ta:-moz-placeholder {
    color: #788388;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .cart-session .session--form .notes .ta::-moz-placeholder {
    color: #788388;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .cart-session .session--form .notes .ta:-ms-input-placeholder {
    color: #788388;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .cart-session .session--form .notes .ta:focus::-webkit-input-placeholder {
    opacity: 0 !important
}

.main .cart-session .session--form .notes .ta:focus:-moz-placeholder {
    opacity: 0 !important
}

.main .cart-session .session--form .notes .ta:focus::-moz-placeholder {
    opacity: 0 !important
}

.main .cart-session .session--form .notes .ta:focus:-ms-input-placeholder {
    opacity: 0 !important
}

.main .cart-session .session--form .aggrement {
    margin-top: 20px
}

.main .cart-session .session--form .aggrement .input-check {
    margin-bottom: 24px;
    display: block;
    min-height: 47px;
    background-color: #f5f8fa;
    padding: 14px 22px;
    font-size: 0
}

.main .cart-session .session--form .aggrement .input-check input {
    position: fixed;
    left: -9999px
}

.main .cart-session .session--form .aggrement .input-check i {
    float: left;
    display: inline-block;
    vertical-align: top;
    width: 19px;
    height: 19px;
    border: 2px solid #03a9f4;
    position: relative;
    cursor: pointer
}

.main .cart-session .session--form .aggrement .input-check i:before {
    content: '';
    position: absolute;
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -35px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 9px;
    width: 12px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -4.5px;
    margin-left: -6px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0)
}

.main .cart-session .session--form .aggrement .input-check span {
    display: block;
    margin-left: 30px;
    vertical-align: top;
    font: 300 16px/120% Gotham, Arial, sans-serif;
    color: #788388
}

@media (max-width: 480px) {
    .main .cart-session .session--form .aggrement .input-check span {
        font-size: 14px
    }
}

.main .cart-session .session--form .aggrement .input-check span strong {
    color: #000
}

.main .cart-session .session--form .aggrement .input-check span strong a {
    color: #000
}

.main .cart-session .session--form .aggrement .input-check span a {
    color: #788388
}

.main .cart-session .session--form .aggrement .input-check span a:hover {
    text-decoration: underline !important
}

.main .cart-session .session--form .aggrement .input-check.active i:before {
    opacity: 100;
    filter: alpha(opacity=100);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: visible
}

.main .cart-session .session--form .aggrement .aggrement-text {
    display: none;
    border: 3px solid #edeff0;
    padding: 18px;
    font: 300 14px/24px Gotham, Arial, sans-serif;
    color: #788388
}

.main .cart-session .session--form .aggrement .aggrement-text p {
    display: block;
    height: 180px;
    overflow-y: auto;
    overflow-x: hidden
}

.main .cart-session .session--form .aggrement .aggrement-text p::-webkit-scrollbar {
    width: 5px;
    background-color: #f5f8fa;
    border-radius: 11px
}

.main .cart-session .session--form .aggrement .aggrement-text p::-webkit-scrollbar-thumb {
    background: #03a9f4;
    border-radius: 11px;
    -webkit-transition: all .3s ease-in-out 0;
    -moz-transition: all .3s ease-in-out 0;
    -ms-transition: all .3s ease-in-out 0;
    -o-transition: all .3s ease-in-out 0;
    transition: all .3s ease-in-out 0
}

.main .cart-session .session--form .aggrement .aggrement-text p::-webkit-scrollbar-thumb:hover {
    background-color: #26bbff
}

.main .cart-session .session--form .form-bottom {
    margin-top: 25px
}

.main .cart-session .session--form .safe {
    margin-top: 3px;
    width: 595px;
    float: left;
    font: 300 14px/22px Gotham, Arial, sans-serif;
    color: #788388;
    position: relative;
    padding-left: 47px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    min-height: 40px
}

@media (max-width: 768px) {
    .main .cart-session .session--form .safe {
        width: 100%;
        margin-bottom: 15px;
        float: inherit
    }
}

.main .cart-session .session--form .safe:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -40px -676px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 40px;
    width: 33px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .cart-session .session--form .safe:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -139px -482px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 40px;
    width: 33px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    opacity: 0;
    visibility: hidden
}

.main .cart-session .session--form .safe:hover {
    color: #87cb61
}

.main .cart-session .session--form .safe:hover:before {
    opacity: 0;
    visibility: hidden
}

.main .cart-session .session--form .safe:hover:after {
    opacity: 1;
    visibility: visible
}

.main .cart-session .session--form .btn-submit {
    float: right;
    height: 52px;
    background-color: #03a9f4;
    padding-left: 27px;
    padding-right: 75px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    font: 500 15px/52px Gotham, Arial, sans-serif;
    color: #fff;
    z-index: 2;
    position: relative
}

@media (max-width: 480px) {
    .main .cart-session .session--form .btn-submit {
        width: 100%;
        float: inherit
    }
}

.main .cart-session .session--form .btn-submit:before {
    content: '';
    width: 48px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    background-color: #000;
    opacity: .1;
    filter: alpha(opacity=10);
    z-index: -1
}

.main .cart-session .session--form .btn-submit:after {
    content: '';
    position: absolute;
    right: 20px;
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -43px 0;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 12px;
    width: 6px;
    position: absolute;
    top: 50%;
    margin-top: -6px
}

.main .cart-session .session--form .btn-submit:hover:before {
    width: 100%
}

.main .cart-session .session--form .form-tab.login {
    display: none
}

.main .joomle-text-section {
    padding: 55px 0 27px
}

.main .joomle-text-section .col {
    display: table;
    width: 100%
}

.main .joomle-text-section .col .cell {
    display: table-cell;
    vertical-align: middle
}

.main .joomle-text-section .col h5 {
    display: block;
    font: 500 21px/120% Gotham, Arial, sans-serif;
    color: #415a68;
    margin-bottom: 16px
}

.main .joomle-text-section .col p {
    display: block;
    font: 300 16px/31px Gotham, Arial, sans-serif;
    color: #415a68
}

.main .joomle-text-section .col.bg1 {
    background: url(../img/bg-joomla1.png) no-repeat;
    height: 235px;
    padding-left: 409px;
    margin-bottom: -25px
}

.main .joomle-text-section .col.bg2 {
    background: url(../img/bg-joomla2.png) no-repeat right 0;
    height: 262px;
    padding-right: 383px;
    text-align: right;
    margin-bottom: -45px
}

.main .joomle-text-section .col.bg3 {
    background: url(../img/bg-joomla3.png) no-repeat;
    height: 297px;
    padding-left: 359px
}

.main .joomle-text-section.seo-text .col.bg1 {
    background: url(../img/bg-seo1.png) no-repeat;
    height: 265px
}

.main .joomle-text-section.seo-text .col.bg2 {
    background: url(../img/bg-seo2.png) no-repeat right 0;
    height: 299px
}

.main .joomle-text-section.seo-text .col.bg3 {
    background: url(../img/bg-seo3.png) no-repeat;
    height: 284px
}

.main .joomle-text-section.wp-text {
    padding-bottom: 70px
}

.main .joomle-text-section.wp-text .col.bg1 {
    background: url(../img/bg-wp1.png) no-repeat;
    height: 134px;
    margin-bottom: 105px;
    padding-left: 256px
}

.main .joomle-text-section.wp-text .col.bg2 {
    background: url(../img/bg-wp2.png) no-repeat right 0;
    height: 138px;
    margin-bottom: 85px;
    padding-right: 237px
}

.main .joomle-text-section.wp-text .col.bg3 {
    background: url(../img/bg-wp3.png) no-repeat;
    height: 162px;
    padding-left: 256px
}

.main .joomle-text-section.cpanel-text {
    padding-bottom: 50px
}

.main .joomle-text-section.cpanel-text .col.bg1 {
    background: url(../img/bg-cpanel1.png) no-repeat;
    height: 292px;
    padding-left: 360px;
    margin-bottom: -25px
}

.main .joomle-text-section.cpanel-text .col.bg2 {
    background: url(../img/bg-cpanel2.png) no-repeat right 0;
    height: 223px;
    margin-bottom: -15px;
    padding-right: 310px
}

.main .joomle-text-section.cpanel-text .col.bg3 {
    background: url(../img/bg-cpanel3.png) no-repeat;
    height: 245px;
    padding-left: 295px
}

@media (max-width: 768px) {
    .main .joomle-text-section {
        padding: 25px 0
    }

    .main .joomle-text-section .col {
        height: auto !important;
        margin-bottom: 25px !important;
        padding: 0 !important;
        text-align: center !important;
        background-image: none !important;
        border-bottom: 1px solid #ddd;
        padding-bottom: 25px !important
    }

    .main .joomle-text-section .col:last-child {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        border-bottom: 0 !important
    }

    .main .joomle-text-section .col h3 {
        font-size: 23px
    }

    .main .joomle-text-section .col p {
        font-size: 14px;
        line-height: 140%
    }
}

.main .ssl-section {
    margin-top: -104px
}

.main .ssl-section .section--buttons {
    height: 104px;
    position: relative;
    z-index: 2
}

.main .ssl-section .section--buttons:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 96px;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: -1
}

.main .ssl-section .section--buttons ul {
    font-size: 0
}

.main .ssl-section .section--buttons ul li {
    width: 33.33333%;
    display: inline-block;
    vertical-align: top
}

.main .ssl-section .section--buttons ul li:nth-child(n) {
    margin-bottom: 0;
    margin-right: 0
}

.main .ssl-section .section--buttons ul li:nth-child(3n) {
    margin-right: 0;
    margin-bottom: 0
}

.main .ssl-section .section--buttons ul li:nth-last-child(-n + 3) {
    margin-bottom: 0
}

.main .ssl-section .section--buttons ul li a {
    display: block;
    height: 96px;
    top: 8px;
    background-color: transparent;
    text-align: center;
    font: 300 13px/120% Gotham, Arial, sans-serif;
    color: #fff;
    position: relative;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    padding-top: 60px
}

.main .ssl-section .section--buttons ul li a .icon {
    display: block;
    width: 100%;
    position: absolute
}

.main .ssl-section .section--buttons ul li a .icon:before, .main .ssl-section .section--buttons ul li a .icon:after {
    content: '';
    position: absolute;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .ssl-section .section--buttons ul li a .icon:after {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden
}

.main .ssl-section .section--buttons ul li a .icon.icon-comodo {
    top: 26px
}

.main .ssl-section .section--buttons ul li a .icon.icon-comodo:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -130px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 19px;
    width: 161px;
    position: absolute;
    left: 50%;
    margin-left: -80.5px
}

.main .ssl-section .section--buttons ul li a .icon.icon-comodo:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -111px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 19px;
    width: 161px;
    position: absolute;
    left: 50%;
    margin-left: -80.5px
}
.main .ssl-section .section--buttons ul li a .icon.icon-symantecs {
    top: 9px
}

.main .ssl-section .section--buttons ul li a .icon.icon-symantecs:before {
    display: inline-block;
    background-image: url(../img/icon-symantec.png);
    background-repeat: no-repeat;
    overflow: hidden;
    height: 41px;
    width: 150px;
    position: absolute;
    left: 50%;
    margin-left: -75px
}

.main .ssl-section .section--buttons ul li a .icon.icon-symantecs:after {
    display: inline-block;
    background-image: url(../img/icon-symantec.png);
    background-position: 0 -41px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 41px;
    width: 150px;
    position: absolute;
    left: 50%;
    margin-left: -75px
}

.main .ssl-section .section--buttons ul li a .icon.icon-rapid {
    top: 19px
}

.main .ssl-section .section--buttons ul li a .icon.icon-rapid:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -562px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 36px;
    width: 147px;
    position: absolute;
    left: 50%;
    margin-left: -73.5px
}

.main .ssl-section .section--buttons ul li a .icon.icon-rapid:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -522px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 36px;
    width: 147px;
    position: absolute;
    left: 50%;
    margin-left: -73.5px
}

.main .ssl-section .section--buttons ul li a .icon.icon-geo {
    top: 21px
}

.main .ssl-section .section--buttons ul li a .icon.icon-geo:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -352px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 30px;
    width: 175px;
    position: absolute;
    left: 50%;
    margin-left: -87.5px
}

.main .ssl-section .section--buttons ul li a .icon.icon-geo:after {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -382px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 30px;
    width: 175px;
    position: absolute;
    left: 50%;
    margin-left: -87.5px
}

.main .ssl-section .section--buttons ul li a .text {
    display: block
}

.main .ssl-section .section--buttons ul li.active a {
    top: 0;
    height: 104px;
    background-color: #fff;
    color: #4e525d
}

.main .ssl-section .section--buttons ul li.active a .icon:before {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden
}

.main .ssl-section .section--buttons ul li.active a .icon:after {
    opacity: 100;
    filter: alpha(opacity=100);
    visibility: visible
}

.main .ssl-section .section--inner {
    padding-top: 33px
}

.main .ssl-section .section--inner ul {
    font-size: 0
}

.main .ssl-section .section--inner ul > li {
    width: 22.875%;
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
    min-height: 402px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .ssl-section .section--inner ul > li:nth-child(n) {
    margin-bottom: 2.83333%;
    margin-right: 2.83333%
}

.main .ssl-section .section--inner ul > li:nth-child(4n) {
    margin-right: 0;
    margin-bottom: 0
}

.main .ssl-section .section--inner ul > li:nth-last-child(-n + 4) {
    margin-bottom: 0
}

.main .ssl-section .section--inner ul > li:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
}

.main .ssl-section .section--inner ul > li .icon {
    display: block;
    height: 90px;
    position: relative
}

.main .ssl-section .section--inner ul > li .icon:after {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-top: 8px solid #f5f8fa;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -8px
}

.main .ssl-section .section--inner ul > li .icon:before {
    content: '';
    position: absolute
}

.main .ssl-section .section--inner ul > li .icon.icon-comodo:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -111px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 19px;
    width: 161px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -9.5px;
    margin-left: -80.5px
}

.main .ssl-section .section--inner ul > li .icon.icon-rapid:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -522px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 36px;
    width: 147px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -18px;
    margin-left: -73.5px
}

.main .ssl-section .section--inner ul > li .icon.icon-geo:before {
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: 0 -382px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 30px;
    width: 175px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -15px;
    margin-left: -87.5px
}

.main .ssl-section .section--inner ul > li .caption {
    display: block;
    height: 46px;
    background-color: #4e525d;
    position: relative;
    text-align: center;
    font: 300 18px/46px Gotham, Arial, sans-serif;
    color: #fff
}

.main .ssl-section .section--inner ul > li .caption:before {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-bottom: 7px solid #4e525d;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    position: absolute;
    left: 50%;
    margin-left: -7px;
    bottom: 100%
}

.main .ssl-section .section--inner ul > li .property {
    padding: 25px 15px;
    min-height: 190px
}

.main .ssl-section .section--inner ul > li .property li {
    font: 300 15px/120% Gotham, Arial, sans-serif;
    color: #4e525d;
    margin-bottom: 27px;
    text-align: center
}

.main .ssl-section .section--inner ul > li .property li:last-child {
    margin-bottom: 0
}

.main .ssl-section .section--inner ul > li .btn-buy {
    display: block;
    height: 61px;
    text-align: center;
    font: 500 15px/60px Gotham, Arial, sans-serif;
    color: #fff;
    background-color: #76b852;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    margin: 6px 9px 9px
}

.main .ssl-section .section--inner ul > li .btn-buy:hover {
    background-color: #87cb61
}

@media (max-width: 768px) {
    .main .ssl-section {
        margin-top: 15px
    }

    .main .ssl-section .section--buttons {
        height: auto
    }

    .main .ssl-section .section--buttons:before {
        height: 100%
    }

    .main .ssl-section .section--buttons .container {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .main .ssl-section .section--buttons .container ul li {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        /*border-right: 1px solid rgba(255, 255, 255, 0.1)*/
    }

    .main .ssl-section .section--buttons .container ul li:nth-child(n) {
        margin-bottom: 0;
        margin-right: 0
    }

    .main .ssl-section .section--buttons .container ul li:nth-child(2n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .ssl-section .section--buttons .container ul li:nth-last-child(-n + 2) {
        margin-bottom: 0
    }

    .main .ssl-section .section--buttons .container ul li:nth-child(2n) {
        border-right: 0
    }

    .main .ssl-section .section--buttons .container ul li:last-child {
        border-bottom: 0
    }

    .main .ssl-section .section--buttons .container ul li a {
        height: 70px;
        top: 0
    }

    .main .ssl-section .section--buttons .container ul li a .icon {
        -moz-transform: scale(0.7);
        -o-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -webkit-transform: scale(0.7);
        transform: scale(0.7)
    }

    .main .ssl-section .section--buttons .container ul li a .text {
        margin-top: -12px;
        font-size: 11px
    }

    .main .ssl-section .section--inner {
        padding-top: 15px
    }

    .main .ssl-section .section--inner ul > li {
        width: 49%;
        display: inline-block;
        vertical-align: top;
        min-height: 0 !important
    }

    .main .ssl-section .section--inner ul > li:nth-child(n) {
        margin-bottom: 2%;
        margin-right: 2%
    }

    .main .ssl-section .section--inner ul > li:nth-child(2n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .ssl-section .section--inner ul > li:nth-last-child(-n + 2) {
        margin-bottom: 0
    }

    .main .ssl-section .section--inner ul > li .icon {
        height: 50px
    }

    .main .ssl-section .section--inner ul > li .icon:before, .main .ssl-section .section--inner ul > li .icon:after {
        -moz-transform: scale(0.7);
        -o-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -webkit-transform: scale(0.7);
        transform: scale(0.7)
    }

    .main .ssl-section .section--inner ul > li .caption {
        font-size: 14px;
        height: auto;
        line-height: 120%;
        padding: 7px 5px
    }

    .main .ssl-section .section--inner ul > li .property {
        padding: 15px;
        min-height: 0
    }

    .main .ssl-section .section--inner ul > li .property li {
        font-size: 14px;
        margin-bottom: 15px
    }

    .main .ssl-section .section--inner ul > li .property li:last-child {
        margin-bottom: 0
    }

    .main .ssl-section .section--inner ul > li .btn-buy {
        height: 40px;
        font-size: 14px;
        line-height: 40px
    }
}

@media (max-width: 480px) {
    .main .ssl-section .section--inner ul > li {
        width: 100%;
        display: inline-block;
        vertical-align: top
    }

    .main .ssl-section .section--inner ul > li:nth-child(n) {
        margin-bottom: 10px !important;
        margin-right: 10px
    }

    .main .ssl-section .section--inner ul > li:nth-child(1n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .ssl-section .section--inner ul > li:nth-last-child(-n + 1) {
        margin-bottom: 0
    }
}

.main .everything-special {
    background: url(../img/full-bg8.jpg) no-repeat 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 429px;
    padding: 119px 0 50px;
    overflow: hidden
}

.main .everything-special .caption {
    width: 575px;
    float: left;
    color: #fff
}

.main .everything-special .caption h3 {
    display: block;
    font: 100 45px/120% Gotham, Arial, sans-serif;
    margin-bottom: 15px
}

.main .everything-special .caption h3 strong {
    font-weight: 500
}

.main .everything-special .caption h3 em {
    font-style: normal;
    color: #03a9f4
}

.main .everything-special .caption h6 {
    display: inline-block;
    vertical-align: top;
    font: 300 22px/120% Gotham, Arial, sans-serif;
    margin-bottom: 21px;
    position: relative
}

.main .everything-special .caption h6:after {
    content: '';
    background: url(../img/bg-arrow8.png) no-repeat;
    width: 220px;
    height: 88px;
    position: absolute;
    left: 100%;
    top: 13px
}

.main .everything-special .caption p {
    display: block;
    font: 300 16px/25px Gotham, Arial, sans-serif
}

.main .everything-special .icon {
    float: right;
    background: url(../img/bg-design.png) no-repeat;
    width: 426px;
    height: 220px;
    margin-top: 28px
}

.main .everything-special.type2 {
    background: url(../img/full-bg9.jpg) no-repeat
}

.main .everything-special.type2 .caption h6:after {
    display: none
}

.main .everything-special.bg-cpanel {
    background: url(../img/cpanel-uygulama.jpg) no-repeat
}

@media (max-width: 640px) {
    .main .everything-special {
        min-height: 0;
        padding: 30px 0
    }

    .main .everything-special .caption {
        width: 100%;
        float: inherit
    }

    .main .everything-special .caption h3 {
        font-size: 23px
    }

    .main .everything-special .caption h6 {
        font-size: 18px
    }

    .main .everything-special .caption h6:after {
        content: none;
        display: none
    }

    .main .everything-special .caption p {
        font-size: 14px;
        line-height: 140%
    }

    .main .everything-special .icon {
        display: none !important
    }
}

.main .ssl-text-section {
    margin-top: 24px;
    margin-bottom: 44px;
    background-color: #fff !important;
    padding: 20px 27px;
    font: 300 15px/120% Gotham, Arial, sans-serif;
    color: #4d5c6f;
    height: 185px;
    display: table;
    width: 100%
}

.main .ssl-text-section .cell {
    display: table-cell;
    vertical-align: middle
}

.main .ssl-text-section a {
    color: #32b1ec
}

.main .ssl-text-section a:hover {
    text-decoration: underline
}

.main .ssl-text-section h3 {
    display: block;
    font: 300 28px/120% Gotham, Arial, sans-serif;
    color: #4d5c6f;
    padding-bottom: 18px;
    position: relative;
    margin-bottom: 17px
}

.main .ssl-text-section h3:before {
    content: '';
    width: 88px;
    height: 1px;
    background-color: #f0f0f0;
    position: absolute;
    left: 0;
    bottom: 0
}

.main .ssl-text-section h5 {
    display: block;
    font: 300 19px/120% Gotham, Arial, sans-serif;
    color: #4d5c6f;
    margin-bottom: 15px
}

.main .ssl-text-section.text-right {
    text-align: right
}

.main .ssl-text-section.text-right h3:before {
    left: auto;
    right: 0
}

@media (max-width: 768px) {
    .main .ssl-text-section h3 {
        font-size: 23px;
        margin-bottom: 15px;
        padding-bottom: 15px
    }

    .main .ssl-text-section h5 {
        font-size: 18px
    }
}

.main .ssl-text-section.bg1 {
    background: url(../img/bg-ssl1.png) no-repeat right 15px;
    padding-right: 433px
}

.main .ssl-text-section.bg2 {
    background: url(../img/bg-ssl2.png) no-repeat 26px 6px;
    padding-left: 448px
}

.main .ssl-text-section.bg3 {
    background: url(../img/bg-ssl3.png) no-repeat right 0;
    padding-right: 430px
}

.main .ssl-text-section.bg4 {
    background: url(../img/bg-ssl4.png) no-repeat 33px 1px;
    padding-left: 634px
}

@media (max-width: 1200px) {
    .main .ssl-text-section {
        display: block;
        height: auto;
        min-height: 185px
    }

    .main .ssl-text-section .cell {
        display: block;
        vertical-align: top
    }
}

@media (max-width: 920px) {
    .main .ssl-text-section {
        display: block;
        height: auto;
        min-height: 185px;
        background-image: none !important;
        padding-left: 27px !important;
        padding-right: 27px !important;
        position: relative;
        overflow: hidden
    }

    .main .ssl-text-section .cell {
        display: block;
        vertical-align: top
    }
}

@media (max-width: 768px) {
    .main .ssl-text-section {
        padding: 15px !important;
        margin-bottom: 15px !important
    }

    .main .ssl-text-section:last-child {
        margin-bottom: 0 !important
    }
}

.other-services {
    font-size: 0;
    margin-top: -70px
}

@media (max-width: 768px) {
    .other-services {
        margin-top: 15px
    }
}

.other-services .box {
    width: 49.125%;
    display: inline-block;
    vertical-align: top;
    -webkit-box-shadow: 0 0 21px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0 0 21px rgba(0, 0, 0, 0.06);
    -ms-box-shadow: 0 0 21px rgba(0, 0, 0, 0.06);
    -o-box-shadow: 0 0 21px rgba(0, 0, 0, 0.06);
    box-shadow: 0 0 21px rgba(0, 0, 0, 0.06)
}

.other-services .box:nth-child(n) {
    margin-bottom: 1.75%;
    margin-right: 1.75%
}

.other-services .box:nth-child(2n) {
    margin-right: 0;
    margin-bottom: 0
}

.other-services .box:nth-last-child(-n + 2) {
    margin-bottom: 0
}

.other-services .box .box--title {
    height: 70px;
    background-color: #03a9f4;
    padding-left: 30px;
    padding-right: 21px
}

.other-services .box .box--title h3 {
    font: 300 19px/70px Gotham, Arial, sans-serif;
    color: #fff;
    position: relative
}

.other-services .box .box--title h3 strong {
    font-weight: 500
}

.other-services .box .box--title h3.icon-backup:after {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -109px -291px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 30px;
    width: 20px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 0
}

.other-services .box .box--title h3.icon-ip:after {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -74px -446px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 32px;
    width: 26px;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    right: 0
}

@media (max-width: 768px) {
    .other-services .box .box--title {
        height: 50px;
        padding-left: 15px
    }

    .other-services .box .box--title h3 {
        font-size: 15px;
        line-height: 50px
    }
}

.other-services .box .box--content {
    background-color: #fff;
    min-height: 318px
}

.other-services .box .box--content .item-buttons {
    min-height: 122px;
    position: relative;
    padding: 42px 16px 16px
}

.other-services .box .box--content .item-buttons .item-progress {
    height: 8px;
    width: 100%;
    background-color: #f5f8fa;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    border-radius: 35px;
    position: relative
}

.other-services .box .box--content .item-buttons .item-progress .progress--bar {
    width: 0;
    height: 8px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    border-radius: 35px;
    background-color: #03a9f4;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

@media (max-width: 768px) {
    .other-services .box .box--content .item-buttons {
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 15px;
        min-height: 0
    }
}

.other-services .box .box--content .item-buttons ul {
    position: relative;
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-top: -12px;
    z-index: 3
}

.other-services .box .box--content .item-buttons ul li {
    display: table-cell;
    vertical-align: top;
    text-align: center
}

.other-services .box .box--content .item-buttons ul li a {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding-top: 33px;
    font: 500 15px/120% Gotham, Arial, sans-serif;
    color: #04314e;
    min-width: 66px;
    position: relative
}

@media (max-width: 768px) {
    .other-services .box .box--content .item-buttons ul li a {
        font-size: 13px !important;
        text-indent: -9999px;
        min-width: 0;
        width: 20px;
        padding-top: 15px !important
    }

    .other-services .box .box--content .item-buttons ul li a span {
        display: block;
        font-size: 13px !important;
        text-indent: 0;
        text-align: center
    }
}

.other-services .box .box--content .item-buttons ul li a:before {
    content: '';
    width: 16px;
    height: 16px;
    background-color: #03a9f4;
    border: 5px solid #03a9f4;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    -ms-box-shadow: 0 0 0 0 transparent;
    -o-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent
}

.other-services .box .box--content .item-buttons ul li a:hover:before {
    -moz-transform: scale(1.08);
    -o-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}

.other-services .box .box--content .item-buttons ul li.active a:before {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 0 5px rgba(3, 169, 244, 0.32);
    -moz-box-shadow: 0 0 0 5px rgba(3, 169, 244, 0.32);
    -ms-box-shadow: 0 0 0 5px rgba(3, 169, 244, 0.32);
    -o-box-shadow: 0 0 0 5px rgba(3, 169, 244, 0.32);
    box-shadow: 0 0 0 5px rgba(3, 169, 244, 0.32)
}

.other-services .box .box--content .item-buttons ul li.previous a:before {
    background-color: #fff !important
}

.other-services .box .box--content .item-content .item--info {
    position: relative;
    z-index: 2;
    padding: 0 47px
}

.other-services .box .box--content .item-content .item--info:before {
    content: '';
    width: 100%;
    height: 6px;
    background-color: #f5f8fa;
    position: absolute;
    left: 0;
    top: 16px;
    z-index: -1
}

.other-services .box .box--content .item-content .item--info ul {
    font-size: 0
}

.other-services .box .box--content .item-content .item--info ul li {
    width: 28.08081%;
    display: inline-block;
    vertical-align: top
}

.other-services .box .box--content .item-content .item--info ul li:nth-child(n) {
    margin-bottom: 7.87879%;
    margin-right: 7.87879%
}

.other-services .box .box--content .item-content .item--info ul li:nth-child(3n) {
    margin-right: 0;
    margin-bottom: 0
}

.other-services .box .box--content .item-content .item--info ul li:nth-last-child(-n + 3) {
    margin-bottom: 0
}

.other-services .box .box--content .item-content .item--info ul li h6 {
    display: block;
    height: 38px;
    text-align: center;
    font: 300 19px/38px Gotham, Arial, sans-serif;
    color: #04314e;
    background-color: #f5f8fa;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    border-radius: 35px
}

.other-services .box .box--content .item-content .item--info ul li .btn-buy {
    display: block;
    height: 38px;
    text-align: center;
    font: bold 14px/38px Gotham, Arial, sans-serif;
    color: #fff;
    background-color: #03a9f4;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    border-radius: 35px
}

.other-services .box .box--content .item-content .item--info ul li .btn-buy:hover {
    background-color: #26bbff
}

@media (max-width: 768px) {
    .other-services .box .box--content .item-content .item--info ul {
        text-align: center
    }

    .other-services .box .box--content .item-content .item--info ul li {
        width: 48.5%;
        display: inline-block;
        vertical-align: top
    }

    .other-services .box .box--content .item-content .item--info ul li:nth-child(n) {
        margin-bottom: 3%;
        margin-right: 3%
    }

    .other-services .box .box--content .item-content .item--info ul li:nth-child(2n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .other-services .box .box--content .item-content .item--info ul li:nth-last-child(-n + 2) {
        margin-bottom: 0
    }

    .other-services .box .box--content .item-content .item--info ul li h6 {
        font-size: 16px
    }

    .other-services .box .box--content .item-content .item--info ul li .btn-buy {
        font-size: 12px;
        margin-top: 7px
    }
}

.other-services .box .box--content .item-content .item--caption {
    padding: 30px 42px 15px;
    font: 300 14px/21px Gotham, Arial, sans-serif;
    color: #04314e;
    text-align: center
}

@media (max-width: 768px) {
    .other-services .box .box--content .item-content .item--caption {
        padding: 15px;
        font-size: 13px;
        line-height: 18px
    }
}

.other-services .box.small-text .box--content .item-buttons ul li a {
    font-size: 13px;
    padding-top: 35px
}

.other-services .box.green .box--title {
    background-color: #76b852
}

.other-services .box.green .box--content .item-buttons .item-progress .progress--bar {
    background-color: #76b852
}

.other-services .box.green .box--content .item-buttons ul li a:before {
    background-color: #76b852;
    border-color: #76b852
}

.other-services .box.green .box--content .item-buttons ul li.active a:before {
    -webkit-box-shadow: 0 0 0 5px rgba(118, 184, 82, 0.32);
    -moz-box-shadow: 0 0 0 5px rgba(118, 184, 82, 0.32);
    -ms-box-shadow: 0 0 0 5px rgba(118, 184, 82, 0.32);
    -o-box-shadow: 0 0 0 5px rgba(118, 184, 82, 0.32);
    box-shadow: 0 0 0 5px rgba(118, 184, 82, 0.32)
}

.other-services .box.green .box--content .item-content .item--info ul li .btn-buy {
    background-color: #76b852
}

.other-services .box.green .box--content .item-content .item--info ul li .btn-buy:hover {
    background-color: #87cb61
}

@media (max-width: 1000px) {
    .other-services .box {
        width: 100%;
        display: inline-block;
        vertical-align: top
    }

    .other-services .box:nth-child(n) {
        margin-bottom: 15px !important;
        margin-right: 15px
    }

    .other-services .box:nth-child(1n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .other-services .box:nth-last-child(-n + 1) {
        margin-bottom: 0
    }
}

.footer {
    background-color: #fff
}

.footer .footer--top {
    background-color: #e5ebf0;
    height: 114px
}

.footer .footer--top .phone {
    float: left;
    font-weight: 100;
    font-size: 34px;
    margin-top: 29px;
    color: #535353
}

.footer .footer--top .phone strong {
    font-weight: 300
}

.footer .footer--top .phone small {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    font-weight: 500;
    color: #cdd2d7;
    letter-spacing: .02em;
    margin-left: 2px
}

.footer .footer--top .social {
    float: right;
    margin-top: 28px;
    font-size: 0
}

.footer .footer--top .social li {
    display: inline-block;
    vertical-align: top;
    margin-left: 11px
}

.footer .footer--top .social li:first-child {
    margin-left: 0
}

.footer .footer--top .social li a {
    display: block;
    width: 56px;
    height: 57px;
    text-indent: -9999px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    line-height: 57px;
    font-weight: 400;
    color: #fff
}

.footer .footer--top .social li a:before {
    text-indent: 0;
    display: block;
    text-align: center;
    line-height: 57px
}

.footer .footer--top .social li a.icon-fcbk {
    background-color: #6078aa
}

.footer .footer--top .social li a.icon-fcbk:before {
    content: "";
    font-family: "Social";
    font-size: 19px
}

.footer .footer--top .social li a.icon-fcbk:hover {
    background-color: #506796
}

.footer .footer--top .social li a.icon-twtr {
    background-color: #36b2dd
}

.footer .footer--top .social li a.icon-twtr:before {
    content: "";
    font-family: "Social";
    font-size: 19px
}

.footer .footer--top .social li a.icon-twtr:hover {
    background-color: #23a1cd
}

.footer .footer--top .social li a.icon-lnkdn {
    background-color: #1871a1
}

.footer .footer--top .social li a.icon-lnkdn:before {
    content: "";
    font-family: "Social";
    font-size: 21px
}

.footer .footer--top .social li a.icon-lnkdn:hover {
    background-color: #135b82
}

.footer .footer--top .newsletter {
    float: right;
    width: 464px;
    margin-top: 28px;
    margin-left: 13px;
    padding-right: 65px;
    position: relative
}

.footer .footer--top .newsletter .tb {
    width: 100%;
    height: 57px;
    background-color: #fff;
    font: 300 14px Gotham, Arial, sans-serif;
    color: #c6c6c6;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    padding: 0 22px 2px
}

.footer .footer--top .newsletter .tb::-webkit-input-placeholder {
    color: #c6c6c6;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.footer .footer--top .newsletter .tb:-moz-placeholder {
    color: #c6c6c6;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.footer .footer--top .newsletter .tb::-moz-placeholder {
    color: #c6c6c6;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.footer .footer--top .newsletter .tb:-ms-input-placeholder {
    color: #c6c6c6;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.footer .footer--top .newsletter .tb:focus::-webkit-input-placeholder {
    opacity: 0 !important
}

.footer .footer--top .newsletter .tb:focus:-moz-placeholder {
    opacity: 0 !important
}

.footer .footer--top .newsletter .tb:focus::-moz-placeholder {
    opacity: 0 !important
}

.footer .footer--top .newsletter .tb:focus:-ms-input-placeholder {
    opacity: 0 !important
}

.footer .footer--top .newsletter .tb:focus {
    color: #333;
    -webkit-box-shadow: inset 0 0 0 2px #76b852;
    -moz-box-shadow: inset 0 0 0 2px #76b852;
    -ms-box-shadow: inset 0 0 0 2px #76b852;
    -o-box-shadow: inset 0 0 0 2px #76b852;
    box-shadow: inset 0 0 0 2px #76b852
}

.footer .footer--top .newsletter .btn-save {
    width: 57px;
    height: 57px;
    display: block;
    background-color: #76b852;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    position: absolute;
    right: 0;
    top: 0;
    text-indent: -9999px
}

.footer .footer--top .newsletter .btn-save:before {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -112px -35px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 16px;
    width: 19px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    margin-left: -9.5px
}

.footer .footer--top .newsletter .btn-save:hover {
    background-color: #87cb61
}

.footer .footer--inner {
    position: relative;
    z-index: 2;
    padding-bottom: 30px
}

.footer .footer--inner:before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #e9ebed;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 75px
}

.footer .footer--inner .container {
    display: table
}

.footer .footer--inner .container .col {
    display: table-cell;
    vertical-align: top;
    padding-right: 10px
}

.footer .footer--inner .container .col:last-child {
    padding-right: 0;
    width: 150px
}

.footer .footer--inner .container .col:nth-child(1) {
    width: 240px
}

.footer .footer--inner .container .col:nth-child(2) {
    width: 300px
}

.footer .footer--inner .container .col:nth-child(3) {
    width: 255px
}

.footer .footer--inner .container .col:nth-child(4) {
    width: 275px
}

.footer .footer--inner .container .col h3 {
    display: block;
    height: 76px;
    border-bottom: 1px solid #e9ebed;
    font: 500 17px/75px Gotham, Arial, sans-serif;
    color: #535353;
    margin-bottom: 20px
}

.footer .footer--inner .container .col ul {
    margin-left: 2px
}

.footer .footer--inner .container .col ul li {
    position: relative;
    padding-left: 13px;
    font: 300 13px/120% Gotham, Arial, sans-serif;
    color: #8c8c8c;
    margin-bottom: 19px
}

.footer .footer--inner .container .col ul li:last-child {
    margin-bottom: 0
}

.footer .footer--inner .container .col ul li a {
    color: #8c8c8c;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.footer .footer--inner .container .col ul li a:hover {
    color: #03a9f4
}

.footer .footer--inner .container .col ul li:before {
    content: '';
    width: 5px;
    height: 5px;
    background-color: #c0c2c3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px
}

.footer .footer--bottom {
    border-top: 1px solid #e0e2e4;
    padding-top: 27px;
    padding-bottom: 33px;
    position: relative;
    z-index: 2
}

.footer .footer--bottom:after {
    content: "";
    display: table;
    clear: both
}

.footer .footer--bottom .copyright {
    float: left;
    font: 300 15px/120% Gotham, Arial, sans-serif;
    color: #687074;
    letter-spacing: .5em;
    margin-top: 12px
}

.footer .footer--bottom .cards {
    float: right;
    background: url(../img/bg-cards.png) no-repeat;
    width: 321px;
    height: 35px
}

.footer .footer--bottom .designer {
    display: block;
    width: 70px;
    height: 80px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    background: #d3d9df url(../img/designer.png) no-repeat 50% 12px;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -35px;
    text-indent: -9999px
}

.footer .footer--bottom .designer:hover {
    height: 85px;
    background-color: #e2e6eb
}

.back-to-top {
    width: 68px;
    height: 56px;
    background-color: #d3d9df;
    position: fixed !important;
    right: 25px;
    bottom: 25px;
    z-index: 250 !important;
    text-indent: -9999px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden
}

.back-to-top:hover {
    background-color: #03a9f4
}

.back-to-top:before {
    content: '';
    position: absolute;
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -14px -93px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 12px;
    width: 23px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -6px;
    margin-left: -11.5px
}

.back-to-top.show {
    opacity: 100;
    filter: alpha(opacity=100);
    visibility: visible
}

.panel-sidebar-menu .content {
    padding: 0 !important
}

.panel-sidebar-menu ul li {
    border-bottom: 1px solid #eee
}

.panel-sidebar-menu ul li:last-child {
    border-bottom: 0
}

.panel-sidebar-menu ul li a {
    display: block;
    min-height: 35px;
    padding: 9px 15px 7px;
    font: 14px/120% Gotham, Arial, sans-serif;
    color: #777;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.panel-sidebar-menu ul li a i {
    width: 15px
}

.panel-sidebar-menu ul li a:hover {
    background-color: #f5f8fa
}

.panel-sidebar-menu ul li.active a {
    background-color: #f5f8fa;
    color: #03a9f4
}

.btn-call-you {
    position: fixed !important;
    width: 74px;
    height: 74px;
    background-color: #03a9f4;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    top: 50%;
    left: -35px;
    margin-top: -177px;
    color: #fff;
    font-size: 29px;
    line-height: 74px;
    text-align: center;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    z-index: 501 !important;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    opacity: 0;
    visibility: visible;
    cursor: pointer
}

.btn-call-you i {
    cursor: pointer
}

.btn-call-you.active {
    left: 0;
    opacity: 1;
    visibility: visible
}

.btn-call-you:hover {
    background-color: #26bbff
}

.we-call-you {
    position: fixed;
    top: 50%;
    width: 318px;
    min-height: 354px;
    margin-top: -177px;
    left: 0;
    z-index: 500;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-left: 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -moz-transform: translateX(-318px);
    -o-transform: translateX(-318px);
    -ms-transform: translateX(-318px);
    -webkit-transform: translateX(-318px);
    transform: translateX(-318px);
    opacity: 0;
    visibility: visible
}

.we-call-you.active {
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible
}

.we-call-you .btn-close {
    position: absolute;
    width: 45px;
    height: 45px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    right: 8px;
    top: 8px;
    background: url(../img/icon-close.png) no-repeat 50% 50%
}

.we-call-you .btn-close:hover {
    background-color: #f2f2f2
}

.we-call-you h3 {
    display: block;
    font: 18px/120% Gotham, Arial, sans-serif;
    color: #04314e;
    height: 74px;
    line-height: 70px;
    border-bottom: 3px solid #f5f8fa;
    padding-left: 20px;
    margin-bottom: 16px
}

.we-call-you form {
    font-size: 0;
    padding: 20px
}

.we-call-you form:after {
    content: "";
    display: table;
    clear: both
}

.we-call-you form .item {
    margin-bottom: 12px !important;
    position: relative
}

.we-call-you form .item p {
    display: block;
    font: 300 14px/19px Gotham, Arial, sans-serif;
    color: #5a6d7d;
    margin-bottom: 13px
}

.we-call-you form .item .icon {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 45px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    line-height: 46px;
    background-color: #90a3b1
}

.we-call-you form .item .help-block {
    display: none !important
}

.we-call-you form .item.has-error, .we-call-you form .item .has-error {
    position: relative
}

.we-call-you form .item.has-error .tb, .we-call-you form .item.has-error .ta, .we-call-you form .item.has-error .selectbox .sod_label, .we-call-you form .item .has-error .tb, .we-call-you form .item .has-error .ta, .we-call-you form .item .has-error .selectbox .sod_label {
    border-color: #f44336 !important
}

.we-call-you form .item.has-error .tb + .icon, .we-call-you form .item.has-error .ta + .icon, .we-call-you form .item.has-error .selectbox .sod_label + .icon, .we-call-you form .item .has-error .tb + .icon, .we-call-you form .item .has-error .ta + .icon, .we-call-you form .item .has-error .selectbox .sod_label + .icon {
    background-color: #f44336 !important;
    color: #fff
}

.we-call-you form .item.has-success, .we-call-you form .item .has-success {
    position: relative
}

.we-call-you form .item.has-success .tb, .we-call-you form .item.has-success .ta, .we-call-you form .item.has-success .selectbox, .we-call-you form .item.has-success .sod_label, .we-call-you form .item .has-success .tb, .we-call-you form .item .has-success .ta, .we-call-you form .item .has-success .selectbox, .we-call-you form .item .has-success .sod_label {
    border-color: #03a9f4 !important
}

.we-call-you form .item.has-success .tb + .icon, .we-call-you form .item.has-success .ta + .icon, .we-call-you form .item.has-success .selectbox + .icon, .we-call-you form .item.has-success .sod_label + .icon, .we-call-you form .item .has-success .tb + .icon, .we-call-you form .item .has-success .ta + .icon, .we-call-you form .item .has-success .selectbox + .icon, .we-call-you form .item .has-success .sod_label + .icon {
    background-color: #03a9f4 !important;
    color: #fff
}

.we-call-you form .item.has-success .selectbox .sod_label:before, .we-call-you form .item .has-success .selectbox .sod_label:before {
    background-color: #fff
}

.we-call-you form .item .tb {
    width: 100%;
    height: 46px;
    border: 1px solid #e9edef;
    font: 300 14px Gotham, Arial, sans-serif;
    color: #a4acb4;
    padding: 0 17px 2px 61px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.we-call-you form .item .tb::-webkit-input-placeholder {
    color: #a4acb4;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.we-call-you form .item .tb:-moz-placeholder {
    color: #a4acb4;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.we-call-you form .item .tb::-moz-placeholder {
    color: #a4acb4;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.we-call-you form .item .tb:-ms-input-placeholder {
    color: #a4acb4;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.we-call-you form .item .tb:focus::-webkit-input-placeholder {
    opacity: 0 !important
}

.we-call-you form .item .tb:focus:-moz-placeholder {
    opacity: 0 !important
}

.we-call-you form .item .tb:focus::-moz-placeholder {
    opacity: 0 !important
}

.we-call-you form .item .tb:focus:-ms-input-placeholder {
    opacity: 0 !important
}

.we-call-you form .item .tb:focus {
    border-color: #90a3b1;
    color: #04314e
}

.we-call-you form .item .btn-submit {
    display: inline-block;
    vertical-align: top;
    width: 83px;
    height: 32px;
    background-color: #03a9f4;
    font: 500 12px/32px Gotham, Arial, sans-serif;
    color: #fff;
    text-align: center;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.we-call-you form .item .btn-submit:hover {
    background-color: #26bbff
}

@media (max-width: 768px) {
    .btn-call-you, .we-call-you {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important
    }
}

.megatr-modal {
    position: relative;
    background: #FFF;
    padding: 25px;
    width: auto;
    max-width: 400px;
    margin: 0 auto
}

.megatr-modal h3 {
    display: block;
    font: 600 16px/120% Gotham, Arial, sans-serif;
    color: #555;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee
}

.megatr-modal p {
    display: block;
    font: 13px/22px Gotham, Arial, sans-serif;
    color: #888
}

.multi-domain-management h6 {
    display: block;
    font: 300 16px/120% Gotham, Arial, sans-serif;
    color: #04314e
}

@media (max-width: 1200px) {
    body {
        overflow-x: hidden !important;
        overflow-y: auto !important
    }

    .container {
        width: 100% !important
    }

    .wow {
        animation-name: none !important;
        visibility: visible !important
    }

    *, :before, :after {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: transparent !important
    }

    input[type="text"],
    input[type="number"],
    input[type="date"],
    input[type="password"],
    input[type="tel"],
    input[type="time"],
    input[type="url"],
    input[type="week"],
    input[type="file"],
    input[type="hidden"],
    input[type="email"],
    select,
    textarea {
        -webkit-user-select: initial;
        -khtml-user-select: initial;
        -moz-user-select: initial;
        -ms-user-select: initial;
        user-select: initial;
    }

    .header {
        position: fixed;
        width: 100%;
        top: -1px;
        z-index: 500;
        left: 0;
        -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
        -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
        -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25)
    }

    .header .header--navbar .container {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .header .header--navbar .nav ul {
        border-left: 0
    }

    .header .header--navbar .nav ul:last-child li:last-child {
        border-right: 0
    }

    .header .header--inner .main-nav {
        display: none
    }

    .header .header--inner .nav-btn {
        display: block !important
    }

    .main {
        padding-top: 120px;
        overflow: hidden
    }

    .footer .footer--inner:before {
        display: none;
        content: none
    }
}

@media (max-width: 1000px) {
    .footer .footer--top .phone {
        display: none
    }

    .footer .footer--top .newsletter {
        float: left;
        margin-left: 0
    }
}

@media (max-width: 960px) {
    .header .header--navbar .nav.left {
        display: none
    }
}

@media (max-width: 768px) {
    .header .header--inner {
        height: 60px
    }

    .header .header--inner .logo {
        width: 133px;
        height: 36px;
        background-size: 133px 36px;
        margin-top: 10px;
        margin-left: 5px
    }

    .main {
        padding-top: 102px
    }

    .main .main-cover {
        padding-bottom: 0 !important;
        height: 300px !important
    }

    .main .main-cover h2 {
        font-size: 23px;
        margin-bottom: 0;
        padding-bottom: 20px
    }

    .main .main-cover h2:before {
        content: none;
        display: none
    }

    .main .main-cover p {
        margin-top: 20px;
        font-size: 14px;
        line-height: 19px
    }

    .main .buy-something .section--buttons .container {
        padding: 0 !important
    }

    .main .buy-something .section--buttons .container li a {
        height: 60px;
        line-height: 60px;
        overflow: hidden;
        font-size: 14px;
        padding: 0 25px
    }

    .main .buy-something .section--buttons .container li:first-child a {
        padding-left: 7px;
        padding-right: 7px
    }

    .main .domain-search {
        background-image: none;
        padding: 25px 0;
        min-height: 0;
        text-align: center
    }

    .main .domain-search .section--title h3 {
        font-size: 23px
    }

    .main .domain-search .section--title .price {
        display: none
    }

    .main .domain-search .section--form {
        margin-top: 15px
    }

    .main .domain-search .section--form .tb {
        height: 50px;
        font-size: 18px;
        background-image: none;
        padding-left: 17px;
        padding-right: 67px
    }

    .main .domain-search .section--form .btn-submit {
        height: 38px;
        width: 38px
    }

    .main .domain-search .section--filter ul li .input-check strong {
        font-size: 14px
    }

    .main .domain-search .section--filter ul li .input-check span {
        font-size: 10px;
        font-weight: 400
    }

    .main .cloud-tab-detail {
        min-height: 0;
        padding: 30px 0;
        text-align: center
    }

    .main .cloud-tab-detail h3 {
        font-size: 23px;
        margin-bottom: 15px
    }

    .main .cloud-tab-detail p {
        font-size: 14px;
        line-height: 140%
    }

    .main .cloud-tab-detail .btn-review {
        margin-top: 15px;
        min-width: 0;
        padding: 0 15px;
        height: 50px;
        line-height: 50px
    }

    .main .banks-info .bank-item ul {
        float: inherit;
        width: 100%
    }

    .main .banks-info .bank-item ul li span {
        min-width: 0
    }

    .main .banks-info .bank-item ul li strong {
        display: block;
        margin-top: 5px
    }

    .main .banks-info .bank-item .image {
        float: inherit;
        display: table;
        width: 100%;
        height: 60px;
        margin-top: 20px
    }

    .main .avaiable-domains {
        margin-top: 30px
    }

    .main .domain-search-box {
        height: auto;
        text-align: center;
        padding-bottom: 15px
    }

    .main .domain-search-box .container:before {
        content: none;
        display: none
    }

    .main .domain-search-box .tb {
        height: 50px;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 15px;
        font-size: 18px
    }

    .main .domain-search-box .tb:focus {
        -webkit-box-shadow: 0 0 0 1px #76b852;
        -moz-box-shadow: 0 0 0 1px #76b852;
        -ms-box-shadow: 0 0 0 1px #76b852;
        -o-box-shadow: 0 0 0 1px #76b852;
        box-shadow: 0 0 0 1px #76b852
    }

    .main .domain-search-box .btn-base {
        width: auto;
        padding: 0 10px;
        position: inherit;
        right: 0 !important;
        top: 0;
        display: inline-block;
        vertical-align: top;
        margin-right: 10px;
        height: 35px;
        font-size: 13px;
        line-height: 35px
    }

    .main .domain-search-box .btn-base:last-child {
        margin-right: 0
    }

    .footer .footer--top {
        height: 60px
    }

    .footer .footer--top .newsletter {
        display: none
    }

    .footer .footer--top .social {
        margin-top: 0;
        padding-top: 10px;
        float: inherit;
        text-align: center
    }

    .footer .footer--top .social li a {
        width: 40px;
        height: 40px;
        line-height: 40px
    }

    .footer .footer--top .social li a:before {
        font-size: 15px !important;
        line-height: 40px
    }

    .footer .footer--inner .container .col h3 {
        font-size: 13px;
        line-height: 120%;
        padding: 15px 0;
        height: auto
    }

    .footer .footer--inner .container .col ul li {
        font-size: 12px
    }

    .footer .footer--bottom {
        padding-top: 7px;
        padding-bottom: 15px
    }

    .footer .footer--bottom .copyright {
        font-size: 13px;
        margin-top: 8px
    }

    .footer .footer--bottom .cards {
        display: none
    }

    .footer .footer--bottom .designer {
        margin-left: 0;
        left: auto;
        right: 0;
        width: 60px;
        height: 46px
    }
}

@media (max-width: 640px) {
    .header .header--navbar .nav.right {
        width: 100%;
        float: inherit
    }

    .header .header--navbar .nav.right ul li:nth-child(1) {
        float: left;
        border-right: 0
    }

    .header .header--navbar .nav.right ul li:nth-child(2) {
        float: right
    }

    .header .header--navbar .nav.right ul li:nth-child(3), .header .header--navbar .nav.right ul li:nth-child(4), .header .header--navbar .nav.right ul li:nth-child(5) {
        display: none
    }
}

@media (max-width: 480px) {
    .main .main-cover {
        height: 250px !important
    }

    .main .main-cover h2 {
        font-size: 20px
    }

    .footer .footer--inner {
        padding-bottom: 20px;
        font-size: 0
    }

    .footer .footer--inner .container {
        display: block;
        font-size: 0
    }

    .footer .footer--inner .container .col {
        width: 100% !important;
        display: block;
        margin-bottom: 10px
    }

    .footer .footer--inner .container .col:last-child {
        margin-bottom: 0
    }

    .footer .footer--inner .container .col ul li {
        margin-bottom: 14px
    }

    .footer .footer--inner .container .col ul li:last-child {
        margin-bottom: 0
    }

    .footer .footer--inner .container .col h3 {
        display: block;
        width: auto
    }
}

@-webkit-keyframes support-icon {
    0% {
        -webkit-box-shadow: 0 0 0 3px #2f6349;
        -moz-box-shadow: 0 0 0 3px #2f6349;
        -ms-box-shadow: 0 0 0 3px #2f6349;
        -o-box-shadow: 0 0 0 3px #2f6349;
        box-shadow: 0 0 0 3px #2f6349
    }
    50% {
        -webkit-box-shadow: 0 0 0 6px #2f6349;
        -moz-box-shadow: 0 0 0 6px #2f6349;
        -ms-box-shadow: 0 0 0 6px #2f6349;
        -o-box-shadow: 0 0 0 6px #2f6349;
        box-shadow: 0 0 0 6px #2f6349
    }
    100% {
        -webkit-box-shadow: 0 0 0 3px #2f6349;
        -moz-box-shadow: 0 0 0 3px #2f6349;
        -ms-box-shadow: 0 0 0 3px #2f6349;
        -o-box-shadow: 0 0 0 3px #2f6349;
        box-shadow: 0 0 0 3px #2f6349
    }
}

@-moz-keyframes support-icon {
    0% {
        -webkit-box-shadow: 0 0 0 3px #2f6349;
        -moz-box-shadow: 0 0 0 3px #2f6349;
        -ms-box-shadow: 0 0 0 3px #2f6349;
        -o-box-shadow: 0 0 0 3px #2f6349;
        box-shadow: 0 0 0 3px #2f6349
    }
    50% {
        -webkit-box-shadow: 0 0 0 6px #2f6349;
        -moz-box-shadow: 0 0 0 6px #2f6349;
        -ms-box-shadow: 0 0 0 6px #2f6349;
        -o-box-shadow: 0 0 0 6px #2f6349;
        box-shadow: 0 0 0 6px #2f6349
    }
    100% {
        -webkit-box-shadow: 0 0 0 3px #2f6349;
        -moz-box-shadow: 0 0 0 3px #2f6349;
        -ms-box-shadow: 0 0 0 3px #2f6349;
        -o-box-shadow: 0 0 0 3px #2f6349;
        box-shadow: 0 0 0 3px #2f6349
    }
}

@-ms-keyframes support-icon {
    0% {
        -webkit-box-shadow: 0 0 0 3px #2f6349;
        -moz-box-shadow: 0 0 0 3px #2f6349;
        -ms-box-shadow: 0 0 0 3px #2f6349;
        -o-box-shadow: 0 0 0 3px #2f6349;
        box-shadow: 0 0 0 3px #2f6349
    }
    50% {
        -webkit-box-shadow: 0 0 0 6px #2f6349;
        -moz-box-shadow: 0 0 0 6px #2f6349;
        -ms-box-shadow: 0 0 0 6px #2f6349;
        -o-box-shadow: 0 0 0 6px #2f6349;
        box-shadow: 0 0 0 6px #2f6349
    }
    100% {
        -webkit-box-shadow: 0 0 0 3px #2f6349;
        -moz-box-shadow: 0 0 0 3px #2f6349;
        -ms-box-shadow: 0 0 0 3px #2f6349;
        -o-box-shadow: 0 0 0 3px #2f6349;
        box-shadow: 0 0 0 3px #2f6349
    }
}

@-o-keyframes support-icon {
    0% {
        -webkit-box-shadow: 0 0 0 3px #2f6349;
        -moz-box-shadow: 0 0 0 3px #2f6349;
        -ms-box-shadow: 0 0 0 3px #2f6349;
        -o-box-shadow: 0 0 0 3px #2f6349;
        box-shadow: 0 0 0 3px #2f6349
    }
    50% {
        -webkit-box-shadow: 0 0 0 6px #2f6349;
        -moz-box-shadow: 0 0 0 6px #2f6349;
        -ms-box-shadow: 0 0 0 6px #2f6349;
        -o-box-shadow: 0 0 0 6px #2f6349;
        box-shadow: 0 0 0 6px #2f6349
    }
    100% {
        -webkit-box-shadow: 0 0 0 3px #2f6349;
        -moz-box-shadow: 0 0 0 3px #2f6349;
        -ms-box-shadow: 0 0 0 3px #2f6349;
        -o-box-shadow: 0 0 0 3px #2f6349;
        box-shadow: 0 0 0 3px #2f6349
    }
}

@keyframes support-icon {
    0% {
        -webkit-box-shadow: 0 0 0 3px #2f6349;
        -moz-box-shadow: 0 0 0 3px #2f6349;
        -ms-box-shadow: 0 0 0 3px #2f6349;
        -o-box-shadow: 0 0 0 3px #2f6349;
        box-shadow: 0 0 0 3px #2f6349
    }
    50% {
        -webkit-box-shadow: 0 0 0 6px #2f6349;
        -moz-box-shadow: 0 0 0 6px #2f6349;
        -ms-box-shadow: 0 0 0 6px #2f6349;
        -o-box-shadow: 0 0 0 6px #2f6349;
        box-shadow: 0 0 0 6px #2f6349
    }
    100% {
        -webkit-box-shadow: 0 0 0 3px #2f6349;
        -moz-box-shadow: 0 0 0 3px #2f6349;
        -ms-box-shadow: 0 0 0 3px #2f6349;
        -o-box-shadow: 0 0 0 3px #2f6349;
        box-shadow: 0 0 0 3px #2f6349
    }
}

.main .m-wrap, .main .panel-content .add-balance .row, .main .panel-form-type li, .main .panel-statistics .statistic-info, .main .panel-messages .message-box .content .title, .main .panel-3d-area .credit-cart ul.cart-info li, .main .account-statistics .m-wrap, .main .create-email {
    *zoom: 1
}

.main .m-wrap:before, .main .panel-content .add-balance .row:before, .main .panel-form-type li:before, .main .panel-statistics .statistic-info:before, .main .panel-messages .message-box .content .title:before, .main .panel-3d-area .credit-cart ul.cart-info li:before, .main .account-statistics .m-wrap:before, .main .create-email:before, .main .m-wrap:after, .main .panel-content .add-balance .row:after, .main .panel-form-type li:after, .main .panel-statistics .statistic-info:after, .main .panel-messages .message-box .content .title:after, .main .panel-3d-area .credit-cart ul.cart-info li:after, .main .account-statistics .m-wrap:after, .main .create-email:after {
    content: " ";
    display: table
}

.main .m-wrap:after, .main .panel-content .add-balance .row:after, .main .panel-form-type li:after, .main .panel-statistics .statistic-info:after, .main .panel-messages .message-box .content .title:after, .main .panel-3d-area .credit-cart ul.cart-info li:after, .main .account-statistics .m-wrap:after, .main .create-email:after {
    clear: both
}

body.panel-body .main .container {
    position: relative
}

body.panel-body .main .icon-settings {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -12px -88px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 17px;
    width: 17px
}

body.panel-body .main .icon-money {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -53px -68px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 17px;
    width: 18px
}

body.panel-body .main .icon-password {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -24px -68px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 18px;
    width: 13px
}

body.panel-body .main .icon-balance {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -29px -18px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 15px;
    width: 20px
}

body.panel-body .main .icon-world {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -64px -50px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 17px;
    width: 17px
}

body.panel-body .main .icon-menu {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -23px -108px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 17px;
    width: 23px
}

body.panel-body .main .icon-menu-s1 {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -29px -50px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 17px;
    width: 18px
}

body.panel-body .main .icon-menu-s2 {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -89px -68px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 20px;
    width: 13px
}

body.panel-body .main .icon-menu-s3 {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -49px -88px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 20px;
    width: 22px
}

body.panel-body .main .icon-menu-s4 {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -81px -50px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 18px;
    width: 20px
}

body.panel-body .main .icon-menu-s5 {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -71px -68px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 18px;
    width: 18px
}

body.panel-body .main .icon-menu-s6 {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -34px -34px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 14px;
    width: 20px
}

body.panel-body .main .icon-menu-s7 {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -13px -18px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 15px;
    width: 16px
}

body.panel-body .main .icon-arrow-left {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -27px -34px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 11px;
    width: 7px
}

body.panel-body .main .icon-arrow-right {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: 0 -50px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 11px;
    width: 7px
}

body.panel-body .main .icon-panel-search {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -88px -34px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 16px;
    width: 16px
}

body.panel-body .main .icon-panel-notice {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: 0 -1259px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 78px;
    width: 87px
}

body.panel-body .main .icon-panel-balance {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -54px -34px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 14px;
    width: 18px
}

body.panel-body .main .icon-panel-payment {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -7px -50px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 14px;
    width: 22px
}

body.panel-body .main .icon-panel-dp-s1 {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -56px -272px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 34px;
    width: 37px
}

body.panel-body .main .icon-panel-check {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -16px -34px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 10px;
    width: 11px
}

body.panel-body .main .icon-ps-1 {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: 0 -1117px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 68px;
    width: 70px
}

body.panel-body .main .icon-ps-2 {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: 0 -1185px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 74px;
    width: 47px
}

body.panel-body .main .icon-ps-3 {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: 0 -762px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 55px;
    width: 84px
}

body.panel-body .main .icpn-panel-search-2 {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -71px -88px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 20px;
    width: 20px
}

body.panel-body .main .icon-cc-1 {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -75px -108px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 18px;
    width: 27px
}

body.panel-body .main .icon-cc-2 {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -57px -152px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 27px;
    width: 27px
}

body.panel-body .main .icon-cc-3 {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: 0 -152px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 21px;
    width: 22px
}

body.panel-body .main .icon-cc-4 {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -46px -108px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 18px;
    width: 29px
}

body.panel-body .main .icon-shortcut-1 {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: 0 -556px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 47px;
    width: 48px
}

body.panel-body .main .icon-shortcut-2 {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: 0 -604px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 48px;
    width: 42px
}

body.panel-body .main .icon-shortcut-3 {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -48px -556px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 48px;
    width: 42px
}

body.panel-body .main .icon-shortcut-4 {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: 0 -653px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 48px;
    width: 42px
}

body.panel-body .main .panel-geotrust {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -70px -340px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 41px;
    width: 34px
}

body.panel-body .main .selectbox {
    width: 100%;
    height: 49px;
    background-color: #fff;
    position: relative
}

body.panel-body .main .selectbox .sod_label {
    padding: 15px;
    font-size: 17px;
    font-weight: 200
}

body.panel-body .main .selectbox:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 15px;
    z-index: 10;
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: 0 -18px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 5px;
    width: 10px
}

body.panel-body .main .selectbox .sod_list_wrapper {
    position: absolute;
    z-index: 200
}

body.panel-body .main .selectbox .sod_list_wrapper .sod_option {
    padding: 12px 15px;
    font-size: 14px;
    font-weight: 200
}

body.panel-body .main .selectbox .sod_list_wrapper .sod_option.active {
    background-color: #03a9f4;
    color: #fff
}

.main .m-wrap {
    margin-bottom: 25px
}

.main section.panel-cover {
    background: url(../img/panel/cover/panel-cover-bg.jpg) no-repeat center;
    background-size: cover;
    height: 360px;
    position: relative;
    z-index: 15
}

.main section.panel-cover .cover-title {
    height: 80px;
    font-size: 44px;
    line-height: 120%;
    color: #fff;
    text-align: center;
    position: relative;
    top: 80px;
    font-weight: 500;
    letter-spacing: 10px;
    padding-bottom: 33px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.36)
}

.main section.panel-cover .cover-title:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 50%;
    width: 132px;
    margin-left: -66px;
    height: 3px;
    background-color: #fff
}

.main section.panel-cover .panel-head {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 134px;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 17px 0;
    cursor: pointer
}

.main section.panel-cover #mega-menu-toggle {
    display: none;
    z-index: 999;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    top: 0;
    right: 0;
    width: 100%;
    height: 40px;
    border-radius: 0 0 0 0;
    background-color: #475d6f;
    text-align: center;
    margin-top: 15px
}

.main section.panel-cover #mega-menu-toggle span {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.main section.panel-cover #panel-menu-toggle {
    display: none;
    margin-top: 20px;
    background-color: #e4e9ee;
    cursor: pointer;
    margin-left: -10px;
    margin-right: -10px;
    padding: 15px;
    text-align: center;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main section.panel-cover #panel-menu-toggle.active {
    background-color: #f5f9ff
}

.main section.panel-cover #panel-menu-toggle span {
    color: #444;
    font-size: 15px;
    font-weight: 500
}

.main section.panel-cover .left-side {
    float: left;
    width: 40%
}

.main section.panel-cover .left-side > div {
    display: inline-block;
    vertical-align: middle
}

.main section.panel-cover .left-side .profile-image {
    overflow: hidden;
    border: 2px solid #fff;
    line-height: 0
}

.main section.panel-cover .left-side .profile-image img {
    width: 95px;
    height: 95px
}

.main section.panel-cover .left-side .profile-name {
    margin-left: 10px
}

.main section.panel-cover .left-side .profile-name * {
    color: #fff
}

.main section.panel-cover .left-side .profile-name h2 {
    font-size: 22px;
    font-weight: 500
}

.main section.panel-cover .left-side .profile-name p {
    margin-top: 13px;
    line-height: 130%
}

.main section.panel-cover .left-side .profile-name p span {
    display: block
}

.main section.panel-cover .right-side {
    float: right;
    width: 60%
}

.main section.panel-cover .right-side .user-info {
    float: right;
    margin-right: 270px
}

.main section.panel-cover .right-side .user-info ul {
    width: 425px;
    overflow: hidden;
    margin-bottom: -25px
}

.main section.panel-cover .right-side .user-info ul li {
    float: left;
    height: 42px;
    width: 250px;
    margin-bottom: 11px;
    position: relative;
    border: 1px solid #fff;
    overflow: hidden;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    vertical-align: top
}

.main section.panel-cover .right-side .user-info ul li.add-balance {
    background-color: #76b852;
    border-color: transparent
}

.main section.panel-cover .right-side .user-info ul li.add-balance a {
    background-color: transparent !important
}

.main section.panel-cover .right-side .user-info ul li.add-balance:hover {
    background-color: #87cb61
}

.main section.panel-cover .right-side .user-info ul li.count {
    background-color: #03a9f4;
    border-color: transparent
}

.main section.panel-cover .right-side .user-info ul li.count:hover {
    background-color: #26bbff
}

.main section.panel-cover .right-side .user-info ul li.count a {
    background-color: transparent !important
}

.main section.panel-cover .right-side .user-info ul li span.icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 100%;
    border-right: 1px solid rgba(255, 255, 255, 0.42)
}

.main section.panel-cover .right-side .user-info ul li span.icon i {
    margin: -2px auto 0 !important;
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.main section.panel-cover .right-side .user-info ul li span.text {
    padding-left: 45px
}

.main section.panel-cover .right-side .user-info ul li a {
    display: block;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 43px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main section.panel-cover .right-side .user-info ul li a:hover {
    background-color: rgba(255, 255, 255, 0.15)
}

.main section.panel-cover .right-side .user-info ul li:nth-child(2n) {
    float: right;
    width: 160px
}

.main section.panel-cover .notifications {
    position: absolute;
    top: 0;
    right: 0
}

.main section.panel-cover .notifications a {
    width: 255px;
    background-color: #f44336;
    display: block;
    height: 42px;
    color: #fff;
    line-height: 44px;
    position: relative;
    font-size: 12px;
    font-weight: 500;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main section.panel-cover .notifications a:hover {
    background-color: #e81000
}

.main section.panel-cover .notifications a span.icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 100%;
    border-right: 1px solid rgba(255, 255, 255, 0.42)
}

.main section.panel-cover .notifications a span.icon i {
    margin: 0 auto;
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.main section.panel-cover .notifications a span.text {
    padding: 0 45px
}

.main section.panel-cover .notifications a span.num {
    position: absolute;
    top: 11px;
    right: 10px;
    background-color: #fff;
    width: 21px;
    height: 21px;
    text-align: center;
    line-height: 22px;
    border-radius: 100%;
    color: #38434c;
    display: inline-block
}

.main section.panel-cover .notifications a span.num:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    border: 5px solid rgba(255, 255, 255, 0.5)
}

.main aside.panel-sidebar {
    float: right;
    width: 255px;
    margin-top: 15px
}

.main aside.panel-sidebar .menu {
    font-family: 'Raleway', sans-serif;
    margin-bottom: 25px;
    margin-top: -119px
}

.main aside.panel-sidebar .menu.top {
    margin-top: -64px;
    min-height: inherit !important
}

.main aside.panel-sidebar .menu .menu-title {
    background-color: #03a9f4;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    padding: 0 15px;
    height: 117px;
    line-height: 117px;
    position: relative;
    margin-top: 2px
}

.main aside.panel-sidebar .menu .menu-title.small {
    height: 64px;
    line-height: 64px
}

.main aside.panel-sidebar .menu .menu-title i {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 15px
}

.main aside.panel-sidebar .menu .menu-list > ul > li {
    background-color: #f5f8fa;
    border-bottom: 1px solid #cad1d6;
    border-left: 5px solid transparent;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.main aside.panel-sidebar .menu .menu-list > ul > li.active {
    background-color: #dadfe3;
    border-left-color: #76b852
}

.main aside.panel-sidebar .menu .menu-list > ul > li ul {
    display: none;
    border-top: 1px solid #cad1d6
}

.main aside.panel-sidebar .menu .menu-list > ul > li ul li {
    border-left: 5px solid #76b852;
    font-family: "Gotham", Arial, sans-serif;
    margin-left: -5px;
    background-color: #dadfe3
}

.main aside.panel-sidebar .menu .menu-list > ul > li ul li:hover a {
    color: #000
}

.main aside.panel-sidebar .menu .menu-list > ul > li ul li a {
    display: block;
    padding: 15px;
    font-size: 15px;
    color: rgba(64, 82, 97, 0.9);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-weight: 200
}

.main aside.panel-sidebar .menu .menu-list > ul > li ul li a span:first-child {
    display: inline-block
}

.main aside.panel-sidebar .menu .menu-list > ul > li ul li a span:last-child {
    float: right;
    color: #8998b4
}

.main aside.panel-sidebar .menu .menu-list > ul > li:hover {
    background-color: #dadfe3
}

.main aside.panel-sidebar .menu .menu-list > ul > li:last-child {
    border-bottom: transparent
}

.main aside.panel-sidebar .menu .menu-list > ul > li > a {
    display: block;
    padding: 20px 15px;
    position: relative;
    font-size: 15px;
    color: #405261;
    font-weight: 500
}

.main aside.panel-sidebar .menu .menu-list > ul > li > a > span:first-child {
    position: relative;
    top: 2px
}

.main aside.panel-sidebar .menu .menu-list > ul > li > a > span.icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 0;
    width: 40px;
    text-align: center
}

.main aside.panel-sidebar .widget .w-title {
    font-size: 15px;
    color: #405261;
    font-weight: 500;
    background-color: #f5f8fa;
    padding: 15px 15px 11px;
    text-align: center
}

.main aside.panel-sidebar .widget .content {
    border: 3px solid #f5f8fa;
    padding: 10px
}

.main aside.panel-sidebar .widget.affiliate p {
    margin: 15px 0;
    line-height: 140%;
    font-size: 14px;
    color: #405261
}

.main aside.panel-sidebar .widget.affiliate span {
    color: #76b852;
    font-weight: 500
}

.main aside.panel-sidebar .widget.affiliate a {
    margin-top: 20px;
    text-align: center;
    padding: 10px 0 8px;
    display: block
}

.main .mb {
    margin-bottom: 25px
}

.main .margin-bot-top {
    margin: 30px 0
}

.main .panel-content {
    float: left;
    width: 930px;
    margin-top: 15px;
    color: #3e4b62
}

.main .panel-content.full {
    float: inherit;
    width: auto
}

.main .panel-content .fast-bar ul {
    font-size: 0
}

.main .panel-content .fast-bar ul li {
    width: 23.5%;
    display: inline-block;
    vertical-align: top;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    text-align: center;
    height: 130px;
    background-color: #f5f8fa
}

.main .panel-content .fast-bar ul li:nth-child(n) {
    margin-bottom: 2%;
    margin-right: 2%
}

.main .panel-content .fast-bar ul li:nth-child(4n) {
    margin-right: 0;
    margin-bottom: 0
}

.main .panel-content .fast-bar ul li:nth-last-child(-n + 4) {
    margin-bottom: 0
}

@media screen and (max-width: 865px) {
    .main .panel-content .fast-bar ul li {
        width: 49%;
        display: inline-block;
        vertical-align: top;
        height: inherit !important
    }

    .main .panel-content .fast-bar ul li:nth-child(n) {
        margin-bottom: 2%;
        margin-right: 2%
    }

    .main .panel-content .fast-bar ul li:nth-child(2n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .panel-content .fast-bar ul li:nth-last-child(-n + 2) {
        margin-bottom: 0
    }

    .main .panel-content .fast-bar ul li a {
        display: block;
        padding: 10px
    }

    .main .panel-content .fast-bar ul li .icon {
        height: 60px !important
    }
}

.main .panel-content .fast-bar ul li:hover {
    background-color: #03a9f4
}

.main .panel-content .fast-bar ul li:hover.services .icon i {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -67px -306px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 34px;
    width: 37px
}

.main .panel-content .fast-bar ul li:hover.domains .icon i {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: 0 -340px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 35px;
    width: 35px
}

.main .panel-content .fast-bar ul li:hover.tickets .icon i {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: 0 -993px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 35px;
    width: 44px
}

.main .panel-content .fast-bar ul li:hover.bills .icon i {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: 0 -428px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 34px;
    width: 34px
}

.main .panel-content .fast-bar ul li:hover span.text {
    color: #fff
}

.main .panel-content .fast-bar ul li.services {
    border-bottom: 4px solid #76b852
}

.main .panel-content .fast-bar ul li.services:hover {
    background-color: #89c667
}

.main .panel-content .fast-bar ul li.services span.icon i {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -30px -306px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 34px;
    width: 37px
}

.main .panel-content .fast-bar ul li.domains {
    border-bottom: 4px solid #1b7097
}

.main .panel-content .fast-bar ul li.domains:hover {
    background-color: #03a9f4
}

.main .panel-content .fast-bar ul li.domains span.icon {
    position: relative
}

.main .panel-content .fast-bar ul li.domains span.icon i {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -35px -340px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 35px;
    width: 35px
}

.main .panel-content .fast-bar ul li.tickets {
    border-bottom: 4px solid #f44336
}

.main .panel-content .fast-bar ul li.tickets:hover {
    background-color: #f4695f
}

.main .panel-content .fast-bar ul li.tickets span.icon i {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: 0 -462px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 35px;
    width: 44px
}

.main .panel-content .fast-bar ul li.bills {
    border-bottom: 4px solid #e5bd00
}

.main .panel-content .fast-bar ul li.bills:hover {
    background-color: #ebc927
}

.main .panel-content .fast-bar ul li.bills span.icon i {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -34px -428px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 34px;
    width: 34px
}

.main .panel-content .fast-bar ul li a {
    font-size: 15px;
    color: #3e4b62;
    font-weight: 200
}

.main .panel-content .fast-bar ul li a span {
    display: block
}

.main .panel-content .fast-bar ul li a span.icon {
    height: 90px;
    position: relative
}

.main .panel-content .fast-bar ul li a span.icon i {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block
}

.main .panel-content .fast-bar ul li a span.icon .notification {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    right: 50%;
    margin-right: -30px;
    width: 21px;
    height: 21px;
    background-color: #f44336;
    border-radius: 100%;
    font-size: 13px;
    color: #fff;
    line-height: 23px
}

.main .panel-content .fast-bar ul li a span.icon .notification:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 3px solid rgba(244, 67, 54, 0.49);
    border-radius: 100%;
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.main .panel-content .panel-box {
    position: relative
}

.main .panel-content .panel-box .panel-box-head {
    background-color: #f5f8fa;
    padding: 15px 20px 13px;
    display: table;
    width: 100%;
    height: 71px
}

.main .panel-content .panel-box .panel-box-head > div {
    display: table-cell;
    vertical-align: middle
}

.main .panel-content .panel-box .panel-box-head .right-side {
    text-align: right;
    margin-right: 10px;
    position: relative;
    top: 2px
}

.main .panel-content .panel-box .panel-box-head .right-side .box {
    font-size: 15px;
    color: #fff;
    background-color: #03a9f4;
    border-radius: 30px;
    display: inline-block;
    padding: 12px 20px 10px;
    vertical-align: middle;
    font-weight: 200
}

.main .panel-content .panel-box .panel-box-head .right-side .code {
    position: relative;
    top: 3px;
    display: inline-block;
    margin-right: 10px;
    font-size: 23px;
    font-weight: 200;
    vertical-align: middle
}

.main .panel-content .panel-box .panel-box-head .right-side .p-search {
    position: relative
}

.main .panel-content .panel-box .panel-box-head .right-side .p-search a {
    position: absolute;
    top: 13px;
    right: 10px
}

.main .panel-content .panel-box .panel-box-head .right-side .p-search input {
    height: 48px;
    width: 250px;
    background-color: #fff;
    font-size: 17px;
    color: #737e87;
    padding: 0 40px 0 15px
}

.main .panel-content .panel-box .panel-box-head .right-side .p-search input::-webkit-input-placeholder {
    color: #737e87;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-content .panel-box .panel-box-head .right-side .p-search input:-moz-placeholder {
    color: #737e87;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-content .panel-box .panel-box-head .right-side .p-search input::-moz-placeholder {
    color: #737e87;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-content .panel-box .panel-box-head .right-side .p-search input:-ms-input-placeholder {
    color: #737e87;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-content .panel-box .panel-box-head .right-side .p-search input:focus::-webkit-input-placeholder {
    opacity: 0 !important
}

.main .panel-content .panel-box .panel-box-head .right-side .p-search input:focus:-moz-placeholder {
    opacity: 0 !important
}

.main .panel-content .panel-box .panel-box-head .right-side .p-search input:focus::-moz-placeholder {
    opacity: 0 !important
}

.main .panel-content .panel-box .panel-box-head .right-side .p-search input:focus:-ms-input-placeholder {
    opacity: 0 !important
}

.main .panel-content .panel-box .panel-box-head .right-side .ss .selectbox-style {
    width: 210px;
    float: right;
    margin-left: 20px;
    background-color: #f5f8fa;
    height: 44px;
    border-color: #8998b4
}

.main .panel-content .panel-box .panel-box-head .right-side .ss .selectbox-style:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    background-color: #d0d5d9
}

.main .panel-content .panel-box .panel-box-head .right-side .ss .selectbox-style .sod_label {
    font-size: 14px;
    border-right: transparent
}

.main .panel-content .panel-box .panel-box-head .right-side .ss span.text {
    position: relative;
    top: 14px;
    font-size: 15px;
    font-weight: 200
}

.main .panel-content .panel-box .panel-box-head .right-side span.date {
    color: #778088;
    font-size: 17px;
    font-weight: 200
}

.main .panel-content .panel-box .panel-box-head .title {
    font-weight: 200;
    color: #454b5e;
    font-size: 21px
}

.main .panel-content .panel-box .panel-box-head .title * {
    display: inline-block;
    vertical-align: middle
}

.main .panel-content .panel-box .panel-box-head .title.custom span {
    display: inline-block;
    position: relative
}

.main .panel-content .panel-box .panel-box-head .title.custom span:after {
    content: '';
    height: 3px;
    position: absolute;
    bottom: -26px;
    left: 0;
    width: 100%;
    background-color: #03a9f4
}

.main .panel-content .panel-box .panel-box-head .title.custom i {
    position: relative;
    top: -1px;
    margin-left: 20px;
    background-color: #03a9f4;
    text-align: center;
    padding: 2px 7px 5px;
    font-size: 13px;
    font-family: "Raleway", "Gotham", Arial, sans-serif;
    font-weight: 700;
    color: #fff;
    font-style: normal
}

.main .panel-content .panel-box .panel-box-content {
    border: 3px solid #f5f8fa
}

.main .panel-content .panel-box .panel-box-content .panel-inner {
    padding: 15px
}

.main .panel-content .panel-box .panel-box-content .panel-ticket-departman p {
    line-height: 130%;
    margin-bottom: 20px;
    font-size: 16px
}

.main .panel-content .panel-box .panel-box-content .panel-ticket-departman ul {
    font-size: 0
}

.main .panel-content .panel-box .panel-box-content .panel-ticket-departman ul li {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    background-color: #f5f8fa;
    border: 3px solid transparent;
    position: relative;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .panel-content .panel-box .panel-box-content .panel-ticket-departman ul li:nth-child(n) {
    margin-bottom: 2%;
    margin-right: 2%
}

.main .panel-content .panel-box .panel-box-content .panel-ticket-departman ul li:nth-child(2n) {
    margin-right: 0;
    margin-bottom: 0
}

.main .panel-content .panel-box .panel-box-content .panel-ticket-departman ul li:nth-last-child(-n + 2) {
    margin-bottom: 0
}

@media screen and (max-width: 865px) {
    .main .panel-content .panel-box .panel-box-content .panel-ticket-departman ul li {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 10px !important
    }

    .main .panel-content .panel-box .panel-box-content .panel-ticket-departman ul li:nth-child(n) {
        margin-bottom: 2% px !important;
        margin-right: 2%
    }

    .main .panel-content .panel-box .panel-box-content .panel-ticket-departman ul li:nth-child(1n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .panel-content .panel-box .panel-box-content .panel-ticket-departman ul li:nth-last-child(-n + 1) {
        margin-bottom: 0
    }
}

.main .panel-content .panel-box .panel-box-content .panel-ticket-departman ul li:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px
}

.main .panel-content .panel-box .panel-box-content .panel-ticket-departman ul li a {
    color: #3e4b62
}

.main .panel-content .panel-box .panel-box-content .panel-ticket-departman ul li:hover {
    background-color: #fff;
    border-color: #03a9f4
}

.main .panel-content .panel-box .panel-box-content .panel-ticket-departman ul li:hover.s1:after {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -37px -702px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 60px;
    width: 39px
}

.main .panel-content .panel-box .panel-box-content .panel-ticket-departman ul li:hover.s2:after {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: 0 -1053px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 64px;
    width: 62px
}

.main .panel-content .panel-box .panel-box-content .panel-ticket-departman ul li:hover.s3:after {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -42px -653px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 49px;
    width: 60px
}

.main .panel-content .panel-box .panel-box-content .panel-ticket-departman ul li:hover.s4:after {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: 0 -817px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 56px;
    width: 70px
}

.main .panel-content .panel-box .panel-box-content .panel-ticket-departman ul li.s1:after {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -44px -993px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 60px;
    width: 39px;
    margin-top: -30px
}

.main .panel-content .panel-box .panel-box-content .panel-ticket-departman ul li.s2:after {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: 0 -929px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 64px;
    width: 62px;
    margin-top: -30px
}

.main .panel-content .panel-box .panel-box-content .panel-ticket-departman ul li.s3:after {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -42px -604px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 49px;
    width: 60px;
    margin-top: -25px
}

.main .panel-content .panel-box .panel-box-content .panel-ticket-departman ul li.s4:after {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: 0 -873px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 56px;
    width: 70px;
    margin-top: -30px
}

.main .panel-content .panel-box .panel-box-content .panel-ticket-departman ul li a {
    display: block;
    padding: 20px
}

.main .panel-content .panel-box .panel-box-content .panel-ticket-departman ul li h2 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px
}

.main .panel-content .panel-box .panel-box-content .panel-ticket-departman ul li p {
    font-size: 13px;
    padding-right: 20%;
    line-height: 130%;
    margin-bottom: 0
}

.main .panel-content .panel-box .panel-box-content .announce p {
    font-size: 15px;
    line-height: 130%;
    margin-bottom: 20px
}

.main .panel-content .panel-box .panel-bill {
    position: absolute;
    top: 0;
    right: 0;
    width: 275px
}

.main .panel-content .panel-box .panel-bill .title {
    background-color: #03a9f4;
    height: 74px;
    line-height: 74px
}

.main .panel-content .panel-box .panel-bill .title span {
    font-size: 20px;
    color: #fff;
    font-weight: 200;
    margin-left: 6px
}

.main .panel-content .panel-box .panel-bill .bill-inner {
    border: 3px solid #f5f8fa;
    background-color: #fff;
    border-top: transparent;
    padding: 5px 0
}

.main .panel-content .panel-box .panel-bill .bill-inner table {
    font-weight: 200
}

.main .panel-content .panel-box .panel-bill .bill-inner table thead {
    font-size: 14px
}

.main .panel-content .panel-box .panel-bill .bill-inner table tbody td {
    font-size: 12px;
    line-height: 130%
}

.main .panel-content .panel-box .panel-bill .bill-inner table tbody td:last-child {
    font-weight: 500
}

.main .panel-content .panel-box .panel-bill .bill-inner table tbody tr {
    border-bottom: 1px solid #ebedef
}

.main .panel-content .panel-box .panel-bill .bill-inner table tbody tr:last-child {
    text-align: center
}

.main .panel-content .panel-box .panel-bill .bill-inner table tbody tr:last-child .box {
    padding: 15px 15px 12px;
    border: 3px solid #e2e9ec
}

.main .panel-content .panel-box .panel-bill .bill-inner table tbody tr:last-child span {
    display: block
}

.main .panel-content .panel-box .panel-bill .bill-inner table tbody tr:last-child span:first-child {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 5px
}

.main .panel-content .panel-box .panel-bill .bill-inner table tbody tr:last-child span:last-child {
    font-size: 12px;
    font-weight: 200
}

.main .panel-content .panel-box .panel-bill .bill-inner table tbody tr.bg {
    background-color: #f5f8fa;
    border-bottom: 1px dotted #d3d9e0;
    font-weight: 500
}

.main .panel-content .panel-box .panel-bill .bill-inner table tbody tr.none {
    border-bottom: transparent
}

.main .panel-content .panel-box .panel-bill .bill-inner table td {
    padding: 10px 7px
}

.main .panel-content .panel-campaign {
    border-bottom: 4px solid #03a9f4;
    position: relative;
    background-color: #f5f8fa
}

.main .panel-content .panel-campaign:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 441px;
    height: 100%;
    background: url(../img/panel/cover/campaign-cover.jpg) no-repeat left center;
    z-index: 10
}

.main .panel-content .panel-campaign .slider-buttons {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 0;
    z-index: 10
}

.main .panel-content .panel-campaign .slider-buttons span {
    cursor: pointer;
    width: 39px;
    height: 39px;
    text-align: center;
    background-color: #03a9f4;
    display: inline-block
}

.main .panel-content .panel-campaign .slider-buttons span:hover {
    background-color: #00afff !important
}

.main .panel-content .panel-campaign .slider-buttons span i {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.main .panel-content .panel-campaign .slider-buttons span.prev {
    background-color: #06a0e6
}

.main .panel-content .panel-campaign .swiper-slide {
    height: 210px
}

.main .panel-content .panel-campaign .text-wrap {
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50%
}

.main .panel-content .panel-campaign .text-wrap h2 {
    font-size: 40px;
    color: #454b5e;
    font-weight: 100;
    letter-spacing: 10px
}

.main .panel-content .panel-campaign .text-wrap p {
    margin: 20px 0;
    font-size: 15px;
    color: #454b5e;
    font-weight: 200;
    line-height: 150%
}

.main .panel-content .panel-domain {
    border-bottom: 4px solid #03a9f4;
    position: relative;
    height: 160px;
    background: #f5f8fa url(../img/panel/cover/domain-cover.jpg) no-repeat left center
}

.main .panel-content .panel-domain .valign {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    float: right;
    width: 50%;
    margin-right: 20px
}

.main .panel-content .panel-domain .valign label {
    display: block;
    background-color: #fff;
    width: 100%;
    height: 76px;
    border: 1px solid #cfd1d7;
    overflow: hidden;
    position: relative
}

.main .panel-content .panel-domain .valign label a {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 59px;
    height: 59px;
    background-color: #03a9f4;
    text-align: center;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .panel-content .panel-domain .valign label a:hover {
    background-color: #26bbff
}

.main .panel-content .panel-domain .valign label a i {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.main .panel-content .panel-domain .valign input {
    width: 100%;
    background-color: #fff;
    height: 76px;
    color: #3e4b62;
    font-size: 19px;
    font-weight: 200;
    padding: 0 30px
}

.main .panel-content .panel-domain .valign input::-webkit-input-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-content .panel-domain .valign input:-moz-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-content .panel-domain .valign input::-moz-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-content .panel-domain .valign input:-ms-input-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-content .panel-domain .valign input:focus::-webkit-input-placeholder {
    opacity: 0 !important
}

.main .panel-content .panel-domain .valign input:focus:-moz-placeholder {
    opacity: 0 !important
}

.main .panel-content .panel-domain .valign input:focus::-moz-placeholder {
    opacity: 0 !important
}

.main .panel-content .panel-domain .valign input:focus:-ms-input-placeholder {
    opacity: 0 !important
}

.main .panel-content .panel-notices {
    border: 3px solid #f5f8fa;
    padding: 15px;
    height: 205px
}

.main .panel-content .panel-notices .valign {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    float: left;
    width: 70%
}

.main .panel-content .panel-notices .valign h2 {
    color: #454b5e;
    font-size: 27px;
    font-weight: 500
}

.main .panel-content .panel-notices .valign p {
    margin: 20px 0;
    font-size: 15px;
    line-height: 140%
}

.main .panel-content .panel-notices .icon {
    float: right;
    width: 169px;
    height: 169px;
    background-color: #03a9f4;
    border: 10px solid #c8ecfd;
    border-radius: 100%;
    text-align: center
}

.main .panel-content .panel-notices .icon i {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.main .panel-content .add-balance .col {
    border: 3px solid #f5f8fa;
    padding: 10px;
    min-height: 210px;
    float: left;
    width: 49%
}

.main .panel-content .add-balance .col:last-child {
    float: right
}

.main .panel-content .add-balance .col ul.border li {
    padding: 22px 10px;
    border-bottom: 1px dashed #e2e4e8
}

.main .panel-content .add-balance .col ul.border li:last-child {
    border-bottom: transparent
}

.main .panel-content .add-balance .col ul.border li p {
    font-size: 17px;
    font-weight: 200
}

.main .panel-content .add-balance .col ul.border li span {
    display: inline-block;
    float: right;
    font-size: 17px;
    font-weight: 500
}

.main .panel-content .add-balance .col ul.ss .m-table .m-td {
    vertical-align: middle
}

.main .panel-content .add-balance .col ul.ss .m-table .m-td span.text {
    font-size: 13px;
    font-weight: 200
}

.main .panel-content .add-balance .col ul.ss .m-table .m-td:first-child {
    width: 35%
}

.main .panel-content .add-balance .col ul.ss:last-child p {
    display: inline-block;
    font-size: 11px;
    font-weight: 200;
    position: relative;
    top: 10px
}

.main .panel-content .add-balance .col ul.ss:last-child a {
    float: right
}

.main .panel-content .add-balance .col ul.ss li {
    margin-bottom: 20px
}

.main .panel-content .add-balance .col ul.ss li:last-child {
    padding-bottom: 6px
}

.main .panel-custom-box {
    border: 1px solid #c7c7c7;
    position: relative
}

.main .panel-custom-box .icon {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 100%;
    background-color: #f5f8fa
}

.main .panel-custom-box .icon i {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.main .panel-custom-box .content {
    padding-left: 50px
}

.main .panel-custom-box input {
    height: 50px;
    background-color: #fff;
    width: 100%;
    padding: 0 20px;
    font-size: 17px;
    font-weight: 200
}

.main .panel-custom-box input::-webkit-input-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-custom-box input:-moz-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-custom-box input::-moz-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-custom-box input:-ms-input-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-custom-box input:focus::-webkit-input-placeholder {
    opacity: 0 !important
}

.main .panel-custom-box input:focus:-moz-placeholder {
    opacity: 0 !important
}

.main .panel-custom-box input:focus::-moz-placeholder {
    opacity: 0 !important
}

.main .panel-custom-box input:focus:-ms-input-placeholder {
    opacity: 0 !important
}

.main .panel-nav-buttons {
    text-align: center
}

.main .panel-nav-buttons a {
    width: 130px;
    display: inline-block;
    border: 3px solid #d7dde2;
    font-size: 13px;
    font-weight: 500;
    color: #778088;
    height: 50px;
    line-height: 50px;
    position: relative;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .panel-nav-buttons a .icon i {
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .panel-nav-buttons a .icon-panel-nav-prev {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -29px 0;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 14px;
    width: 7px
}

.main .panel-nav-buttons a .icon-panel-nav-next {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -13px 0;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 14px;
    width: 8px
}

.main .panel-nav-buttons a:hover {
    border-color: #0398db;
    background-color: #03a9f4;
    color: #fff
}

.main .panel-nav-buttons a:hover.prev .icon i {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -36px 0;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 14px;
    width: 7px
}

.main .panel-nav-buttons a:hover.next .icon i {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -21px 0;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 14px;
    width: 8px
}

.main .panel-nav-buttons a:hover .icon {
    background-color: #0398db
}

.main .panel-nav-buttons a .icon {
    width: 50px;
    height: 100%;
    background-color: #d7dde2;
    text-align: center;
    position: absolute;
    top: 0
}

.main .panel-nav-buttons a .icon i {
    position: relative;
    top: 2px
}

.main .panel-nav-buttons a.prev {
    padding-left: 55px
}

.main .panel-nav-buttons a.prev span.icon {
    left: 0
}

.main .panel-nav-buttons a.next {
    padding-right: 55px
}

.main .panel-nav-buttons a.next span.icon {
    right: 0
}

.main .panel-form-buttons {
    text-align: right;
    margin-top: 20px;
    margin-bottom: 10px
}

.main .panel-form-buttons * {
    display: inline-block;
    margin-left: 5px
}

.main .success-exit {
    background-color: #cdeefd;
    margin: 10px 0;
    overflow: hidden
}

.main .success-exit a {
    float: right;
    color: #fff;
    padding: 15px 30px
}

.main .success-exit span {
    display: inline-block;
    padding: 15px;
    font-size: 18px;
    color: #3e4b62;
    font-weight: 200;
    position: relative;
    top: 2px
}

.main .panel-configuration ul li {
    border: 1px solid #e8eaec;
    margin-bottom: 20px;
    padding: 15px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-configuration ul li:hover {
    background-color: #f5f8fa
}

.main .panel-configuration ul li .m-table .m-td {
    width: 50%
}

.main .panel-configuration ul li p {
    font-size: 16px;
    font-weight: 200;
    line-height: 130%
}

.main .panel-configuration ul li:last-child {
    margin-bottom: 0
}

.main .panel-configuration ul li a {
    margin-top: 20px;
    padding: 15px 30px;
    font-weight: 500;
    display: block;
    text-align: center
}

.main .panel-content-title {
    padding-left: 15px;
    font-size: 18px;
    font-weight: 200;
    margin: 20px 0
}

.main .panel-ns {
    border: 1px solid #e8eaec;
    padding: 10px
}

.main .panel-ns .m-table .m-td {
    padding: 10px 5px;
    vertical-align: middle
}

.main .panel-ns .m-table .m-td p {
    font-size: 16px;
    font-weight: 200;
    line-height: 130%
}

.main .panel-ns .m-table .m-td a {
    padding: 15px 30px 14px;
    position: relative;
    top: 1px
}

.main .panel-ns .m-table .m-td:first-child {
    width: 30%
}

.main .panel-ns .m-table .m-td.input {
    width: 40%
}

.main .panel-ns .m-table .m-td.input input {
    font-size: 16px;
    font-weight: 200;
    width: 100%;
    height: 48px;
    padding: 0 10px;
    border: 1px solid #e5e5e5;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .panel-ns .m-table .m-td.input input::-webkit-input-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-ns .m-table .m-td.input input:-moz-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-ns .m-table .m-td.input input::-moz-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-ns .m-table .m-td.input input:-ms-input-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-ns .m-table .m-td.input input:focus::-webkit-input-placeholder {
    opacity: 0 !important
}

.main .panel-ns .m-table .m-td.input input:focus:-moz-placeholder {
    opacity: 0 !important
}

.main .panel-ns .m-table .m-td.input input:focus::-moz-placeholder {
    opacity: 0 !important
}

.main .panel-ns .m-table .m-td.input input:focus:-ms-input-placeholder {
    opacity: 0 !important
}

.main .panel-ns .m-table .m-td.input input:focus {
    border-color: #c8c8c8;
    -webkit-box-shadow: inset 0 0 1px #c8c8c8;
    -moz-box-shadow: inset 0 0 1px #c8c8c8;
    -ms-box-shadow: inset 0 0 1px #c8c8c8;
    -o-box-shadow: inset 0 0 1px #c8c8c8;
    box-shadow: inset 0 0 1px #c8c8c8
}

.main .panel-management .panel-list-toggle .toggle-title {
    min-height: 50px;
    border: 1px solid #a1a9b7;
    cursor: pointer;
    position: relative
}

.main .panel-management .panel-list-toggle .toggle-title.active .button {
    background-color: #03a9f4
}

.main .panel-management .panel-list-toggle .toggle-title:hover .button {
    background-color: #03a9f4
}

.main .panel-management .panel-list-toggle .toggle-title p {
    line-height: 130%;
    padding-top: 15px;
    position: relative;
    padding-left: 30px;
    padding-right: 60px
}

.main .panel-management .panel-list-toggle .toggle-title p:before {
    content: '';
    position: absolute;
    top: 21px;
    left: 15px;
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: 0 -34px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 7px;
    width: 4px
}

.main .panel-management .panel-list-toggle .toggle-title span.button {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50px;
    background-color: #a1a9b7;
    text-align: center
}

.main .panel-management .panel-list-toggle .toggle-title span.button i {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -47px -50px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 17px;
    width: 17px
}

.main .panel-management .panel-list-toggle .toggle-content {
    display: none;
    border: 1px solid #b9bec5;
    border-top: transparent;
    padding: 70px;
    text-align: center
}

.main .panel-management .panel-list-toggle .toggle-content p {
    font-size: 34px;
    font-weight: 100
}

.main .panel-dns-management table {
    width: 100%
}

.main .panel-dns-management table thead {
    font-size: 14px;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent
}

.main .panel-dns-management table thead td {
    padding: 15px 8px
}

.main .panel-dns-management table tbody {
    border: 1px solid #e5e5e5
}

.main .panel-dns-management table tbody tr:nth-child(2n) {
    background-color: #f5f8fa
}

.main .panel-dns-management table td {
    padding: 8px;
    font-weight: 200;
    vertical-align: middle
}

.main .panel-dns-management table span.box {
    border: 1px solid #e5e5e5;
    height: 49px;
    padding: 0 10px;
    display: block;
    line-height: 49px;
    background-color: #fff
}

.main .panel-dns-management table .selectbox .sod_label {
    border: 1px solid #e5e5e5
}

.main .panel-dns-management table .selectbox .sod_list_wrapper {
    border: 1px solid #e5e5e5;
    border-top: 0
}

.main .panel-dns-management table input {
    width: 100%;
    height: 49px;
    background-color: #fff;
    padding: 0 10px;
    font-size: 17px;
    font-weight: 200;
    border: 1px solid #e5e5e5;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .panel-dns-management table input::-webkit-input-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-dns-management table input:-moz-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-dns-management table input::-moz-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-dns-management table input:-ms-input-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-dns-management table input:focus::-webkit-input-placeholder {
    opacity: 0 !important
}

.main .panel-dns-management table input:focus:-moz-placeholder {
    opacity: 0 !important
}

.main .panel-dns-management table input:focus::-moz-placeholder {
    opacity: 0 !important
}

.main .panel-dns-management table input:focus:-ms-input-placeholder {
    opacity: 0 !important
}

.main .panel-dns-management table input:focus {
    border-color: #bebebe
}

.main .cancellation textarea {
    border: 1px solid #d9d9d9;
    height: 183px;
    resize: none;
    padding: 10px;
    line-height: 130%;
    font-size: 14px;
    font-weight: 200;
    width: 100%;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    font-family: "Gotham", "Raleway", Arial, sans-serif
}

.main .cancellation textarea:focus {
    border-color: #c6c6c6
}

.main .cancellation ul li {
    margin-bottom: 20px
}

.main .cancellation ul li:last-child {
    margin-bottom: 0
}

.main .cancellation ul li .m-table .m-td:first-child {
    width: 30%
}

.main .cancellation ul li .m-table .m-td:last-child {
    width: 70%;
    text-align: right
}

.main .panel-unsuccessful {
    min-height: 120px;
    width: 70%;
    margin: 20px auto
}

.main .panel-unsuccessful p {
    padding-top: 28px;
    position: relative;
    padding-left: 130px;
    color: #778088;
    line-height: 130%;
    font-weight: 200;
    font-size: 14px
}

.main .panel-unsuccessful p span {
    font-size: 20px;
    margin-bottom: 15px
}

.main .panel-unsuccessful p a {
    color: #76b852;
    font-weight: 500
}

.main .panel-unsuccessful p span {
    display: block
}

.main .panel-unsuccessful p:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: 0 -1337px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 106px;
    width: 106px
}

.main .panel-payment-area {
    margin-top: 20px;
    border: 1px solid #c5c5c5
}

.main .panel-payment-area.edit .payment {
    text-align: right;
    width: 70%
}

.main .panel-payment-area.edit .payment * {
    vertical-align: middle
}

.main .panel-payment-area.edit .payment .selectbox-style {
    display: inline-block !important;
    width: 40%
}

.main .panel-payment-area.edit .payment .selectbox-style .sod_label {
    border: 3px solid #f5f8fa
}

.main .panel-payment-area.edit .payment .selectbox-style:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 45px;
    background-color: #ebedef
}

.main .panel-payment-area.edit .m-td {
    width: 30%
}

.main .panel-payment-area .m-td {
    width: 38%;
    padding: 10px;
    vertical-align: bottom
}

.main .panel-payment-area .m-td:last-child {
    width: 24%
}

.main .panel-payment-area .discount-code input {
    float: left;
    width: 60%;
    border: 1px solid #c5c5c5;
    border-right: transparent;
    height: 49px;
    padding: 0 10px;
    font-size: 15px;
    font-weight: 200
}

.main .panel-payment-area .discount-code input::-webkit-input-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-payment-area .discount-code input:-moz-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-payment-area .discount-code input::-moz-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-payment-area .discount-code input:-ms-input-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-payment-area .discount-code input:focus::-webkit-input-placeholder {
    opacity: 0 !important
}

.main .panel-payment-area .discount-code input:focus:-moz-placeholder {
    opacity: 0 !important
}

.main .panel-payment-area .discount-code input:focus::-moz-placeholder {
    opacity: 0 !important
}

.main .panel-payment-area .discount-code input:focus:-ms-input-placeholder {
    opacity: 0 !important
}

.main .panel-payment-area .discount-code .m-button {
    float: right;
    width: 40%;
    text-align: center;
    padding: 0 5px;
    height: 49px;
    line-height: 47px
}

.main .panel-payment-area .m-button {
    height: 49px;
    line-height: 50px;
    padding: 0 5px;
    display: block;
    width: 100%
}

.main .panel-payment-area h5 {
    display: inline-block;
    font-size: 15px;
    color: #3e4b62;
    font-weight: 200;
    margin-right: 10px
}

.main .panel-payment-area h4 {
    font-size: 15px;
    margin-bottom: 15px
}

.main .panel-department {
    font-size: 0
}

.main .panel-department label {
    width: 24.25%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    min-height: 130px;
    overflow: hidden;
    text-align: center;
    cursor: pointer
}

.main .panel-department label:nth-child(n) {
    margin-bottom: 1%;
    margin-right: 1%
}

.main .panel-department label:nth-child(4n) {
    margin-right: 0;
    margin-bottom: 0
}

.main .panel-department label:nth-last-child(-n + 4) {
    margin-bottom: 0
}

@media screen and (max-width: 865px) {
    .main .panel-department label {
        width: 49.5%;
        display: inline-block;
        vertical-align: top
    }

    .main .panel-department label:nth-child(n) {
        margin-bottom: 1%;
        margin-right: 1%
    }

    .main .panel-department label:nth-child(2n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .panel-department label:nth-last-child(-n + 2) {
        margin-bottom: 0
    }

    .main .panel-department label .wrap {
        padding: 15px !important
    }
}

.main .panel-department label span.wrap {
    display: block;
    min-height: 130px;
    padding: 30px;
    position: absolute;
    border: 3px solid #f5f8fa;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.main .panel-department label span.wrap .height {
    display: block;
    height: 60px
}

.main .panel-department label span.wrap .text {
    display: block;
    font-size: 15px;
    font-weight: 200;
    color: #3e4b62
}

.main .panel-department label span.wrap span:first-child {
    display: inline-block
}

.main .panel-department input {
    opacity: 0;
    filter: alpha(opacity=0);
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.main .panel-department input:checked + span {
    background-color: #03a9f4;
    border-color: #03a9f4
}

.main .panel-department input:checked + span .height span {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: 0 -702px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 34px;
    width: 37px
}

.main .panel-department input:checked + span .text {
    color: #fff
}

.main .panel-form-type {
    display: none
}

.main .panel-form-type li {
    margin-bottom: 20px
}

.main .panel-form-type li:last-child {
    margin-bottom: 0
}

.main .panel-form-type li.buttons .left-side {
    float: left
}

.main .panel-form-type li.buttons .left-side label {
    background-color: #f5f8fa;
    height: 40px;
    line-height: 33px;
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0
}

.main .panel-form-type li.buttons button {
    float: right;
    font-weight: 500
}

.main .panel-form-type li.input-bg input {
    background-color: #f5f8fa;
    border-color: #f5f8fa
}

.main .panel-form-type li .m-left {
    float: left;
    width: 49%
}

.main .panel-form-type li .m-right {
    float: right;
    width: 49%
}

.main .panel-form-type li .quarter, .main .panel-form-type li .half {
    float: left
}

.main .panel-form-type li .quarter {
    width: 30%
}

.main .panel-form-type li .half {
    width: 38%;
    margin: 0 1%
}

.main .panel-form-type li .upload input {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.main .panel-form-type li .upload input:hover + label {
    background-color: #03a9f4 !important;
    color: #fff !important
}

.main .panel-form-type li input[type="text"], .main .panel-form-type li input[type="password"], .main .panel-form-type li input[type="number"], .main .panel-form-type li input[type="email"], .main .panel-form-type li input[type="password"] {
    border: 1px solid #e0e0e0;
    height: 49px;
    padding: 0 10px;
    font-size: 17px;
    font-weight: 200;
    width: 100%;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .panel-form-type li input[type="text"]::-webkit-input-placeholder, .main .panel-form-type li input[type="password"]::-webkit-input-placeholder, .main .panel-form-type li input[type="number"]::-webkit-input-placeholder, .main .panel-form-type li input[type="email"]::-webkit-input-placeholder, .main .panel-form-type li input[type="password"]::-webkit-input-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-form-type li input[type="text"]:-moz-placeholder, .main .panel-form-type li input[type="password"]:-moz-placeholder, .main .panel-form-type li input[type="number"]:-moz-placeholder, .main .panel-form-type li input[type="email"]:-moz-placeholder, .main .panel-form-type li input[type="password"]:-moz-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-form-type li input[type="text"]::-moz-placeholder, .main .panel-form-type li input[type="password"]::-moz-placeholder, .main .panel-form-type li input[type="number"]::-moz-placeholder, .main .panel-form-type li input[type="email"]::-moz-placeholder, .main .panel-form-type li input[type="password"]::-moz-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-form-type li input[type="text"]:-ms-input-placeholder, .main .panel-form-type li input[type="password"]:-ms-input-placeholder, .main .panel-form-type li input[type="number"]:-ms-input-placeholder, .main .panel-form-type li input[type="email"]:-ms-input-placeholder, .main .panel-form-type li input[type="password"]:-ms-input-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-form-type li input[type="text"]:focus::-webkit-input-placeholder, .main .panel-form-type li input[type="password"]:focus::-webkit-input-placeholder, .main .panel-form-type li input[type="number"]:focus::-webkit-input-placeholder, .main .panel-form-type li input[type="email"]:focus::-webkit-input-placeholder, .main .panel-form-type li input[type="password"]:focus::-webkit-input-placeholder {
    opacity: 0 !important
}

.main .panel-form-type li input[type="text"]:focus:-moz-placeholder, .main .panel-form-type li input[type="password"]:focus:-moz-placeholder, .main .panel-form-type li input[type="number"]:focus:-moz-placeholder, .main .panel-form-type li input[type="email"]:focus:-moz-placeholder, .main .panel-form-type li input[type="password"]:focus:-moz-placeholder {
    opacity: 0 !important
}

.main .panel-form-type li input[type="text"]:focus::-moz-placeholder, .main .panel-form-type li input[type="password"]:focus::-moz-placeholder, .main .panel-form-type li input[type="number"]:focus::-moz-placeholder, .main .panel-form-type li input[type="email"]:focus::-moz-placeholder, .main .panel-form-type li input[type="password"]:focus::-moz-placeholder {
    opacity: 0 !important
}

.main .panel-form-type li input[type="text"]:focus:-ms-input-placeholder, .main .panel-form-type li input[type="password"]:focus:-ms-input-placeholder, .main .panel-form-type li input[type="number"]:focus:-ms-input-placeholder, .main .panel-form-type li input[type="email"]:focus:-ms-input-placeholder, .main .panel-form-type li input[type="password"]:focus:-ms-input-placeholder {
    opacity: 0 !important
}

.main .panel-form-type li input[type="text"]:focus, .main .panel-form-type li input[type="password"]:focus, .main .panel-form-type li input[type="number"]:focus, .main .panel-form-type li input[type="email"]:focus, .main .panel-form-type li input[type="password"]:focus {
    border-color: #c5c5c5
}

.main .panel-form-type li textarea {
    border: 1px solid #e0e0e0;
    height: 127px;
    padding: 10px;
    line-height: 130%;
    resize: none;
    font-size: 17px;
    font-weight: 200;
    width: 100%;
    font-family: "Gotham", "Raleway", Arial, sans-serif;
    overflow: auto;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .panel-form-type li textarea::-webkit-input-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-form-type li textarea:-moz-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-form-type li textarea::-moz-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-form-type li textarea:-ms-input-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-form-type li textarea:focus::-webkit-input-placeholder {
    opacity: 0 !important
}

.main .panel-form-type li textarea:focus:-moz-placeholder {
    opacity: 0 !important
}

.main .panel-form-type li textarea:focus::-moz-placeholder {
    opacity: 0 !important
}

.main .panel-form-type li textarea:focus:-ms-input-placeholder {
    opacity: 0 !important
}

.main .panel-form-type li textarea:focus {
    border-color: #c5c5c5
}

.main .panel-form-type li h3 {
    font-size: 15px;
    font-weight: 200;
    margin-bottom: 10px
}

.main .panel-form-type-2 {
    font-size: 0
}

.main .panel-form-type-2 li {
    width: 47.5%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px !important
}

.main .panel-form-type-2 li:nth-child(n) {
    margin-bottom: 5%;
    margin-right: 5%
}

.main .panel-form-type-2 li:nth-child(2n) {
    margin-right: 0;
    margin-bottom: 0
}

.main .panel-form-type-2 li:nth-last-child(-n + 2) {
    margin-bottom: 0
}

@media screen and (max-width: 865px) {
    .main .panel-form-type-2 li {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 15px !important
    }

    .main .panel-form-type-2 li:nth-child(n) {
        margin-bottom: 2% px !important;
        margin-right: 2%
    }

    .main .panel-form-type-2 li:nth-child(1n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .panel-form-type-2 li:nth-last-child(-n + 1) {
        margin-bottom: 0
    }
}

.main .panel-form-type-2 li input[type="text"], .main .panel-form-type-2 li input[type="password"], .main .panel-form-type-2 li input[type="number"], .main .panel-form-type-2 li input[type="email"], .main .panel-form-type-2 li input[type="number"] {
    border: 1px solid #e0e0e0;
    height: 49px;
    padding: 0 10px;
    font-size: 17px;
    font-weight: 200;
    width: 100%;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .panel-form-type-2 li input[type="text"]::-webkit-input-placeholder, .main .panel-form-type-2 li input[type="password"]::-webkit-input-placeholder, .main .panel-form-type-2 li input[type="number"]::-webkit-input-placeholder, .main .panel-form-type-2 li input[type="email"]::-webkit-input-placeholder, .main .panel-form-type-2 li input[type="number"]::-webkit-input-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-form-type-2 li input[type="text"]:-moz-placeholder, .main .panel-form-type-2 li input[type="password"]:-moz-placeholder, .main .panel-form-type-2 li input[type="number"]:-moz-placeholder, .main .panel-form-type-2 li input[type="email"]:-moz-placeholder, .main .panel-form-type-2 li input[type="number"]:-moz-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-form-type-2 li input[type="text"]::-moz-placeholder, .main .panel-form-type-2 li input[type="password"]::-moz-placeholder, .main .panel-form-type-2 li input[type="number"]::-moz-placeholder, .main .panel-form-type-2 li input[type="email"]::-moz-placeholder, .main .panel-form-type-2 li input[type="number"]::-moz-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-form-type-2 li input[type="text"]:-ms-input-placeholder, .main .panel-form-type-2 li input[type="password"]:-ms-input-placeholder, .main .panel-form-type-2 li input[type="number"]:-ms-input-placeholder, .main .panel-form-type-2 li input[type="email"]:-ms-input-placeholder, .main .panel-form-type-2 li input[type="number"]:-ms-input-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-form-type-2 li input[type="text"]:focus::-webkit-input-placeholder, .main .panel-form-type-2 li input[type="password"]:focus::-webkit-input-placeholder, .main .panel-form-type-2 li input[type="number"]:focus::-webkit-input-placeholder, .main .panel-form-type-2 li input[type="email"]:focus::-webkit-input-placeholder, .main .panel-form-type-2 li input[type="number"]:focus::-webkit-input-placeholder {
    opacity: 0 !important
}

.main .panel-form-type-2 li input[type="text"]:focus:-moz-placeholder, .main .panel-form-type-2 li input[type="password"]:focus:-moz-placeholder, .main .panel-form-type-2 li input[type="number"]:focus:-moz-placeholder, .main .panel-form-type-2 li input[type="email"]:focus:-moz-placeholder, .main .panel-form-type-2 li input[type="number"]:focus:-moz-placeholder {
    opacity: 0 !important
}

.main .panel-form-type-2 li input[type="text"]:focus::-moz-placeholder, .main .panel-form-type-2 li input[type="password"]:focus::-moz-placeholder, .main .panel-form-type-2 li input[type="number"]:focus::-moz-placeholder, .main .panel-form-type-2 li input[type="email"]:focus::-moz-placeholder, .main .panel-form-type-2 li input[type="number"]:focus::-moz-placeholder {
    opacity: 0 !important
}

.main .panel-form-type-2 li input[type="text"]:focus:-ms-input-placeholder, .main .panel-form-type-2 li input[type="password"]:focus:-ms-input-placeholder, .main .panel-form-type-2 li input[type="number"]:focus:-ms-input-placeholder, .main .panel-form-type-2 li input[type="email"]:focus:-ms-input-placeholder, .main .panel-form-type-2 li input[type="number"]:focus:-ms-input-placeholder {
    opacity: 0 !important
}

.main .panel-form-type-2 li input[type="text"]:focus, .main .panel-form-type-2 li input[type="password"]:focus, .main .panel-form-type-2 li input[type="number"]:focus, .main .panel-form-type-2 li input[type="email"]:focus, .main .panel-form-type-2 li input[type="number"]:focus {
    border-color: #c6c6c6;
    -webkit-box-shadow: inset 0 0 1px #c6c6c6;
    -moz-box-shadow: inset 0 0 1px #c6c6c6;
    -ms-box-shadow: inset 0 0 1px #c6c6c6;
    -o-box-shadow: inset 0 0 1px #c6c6c6;
    box-shadow: inset 0 0 1px #c6c6c6
}

.main .panel-form-type-2 li .m-table .m-td {
    vertical-align: middle
}

.main .panel-form-type-2 li .m-table .m-td:first-child {
    width: 32%
}

.main .panel-form-type-2 li .m-table .m-td:first-child span {
    font-size: 15px;
    font-weight: 200
}

.main .panel-form-type-2 li .m-table .m-td:last-child {
    width: 68%
}

.main .panel-form-type-2 li #sub-account {
    position: relative;
    top: 0
}

.main .panel-form-type-2 li #sub-account .panel-checkbox span {
    top: 20px
}

.main .panel-form-type-2 li #sub-account p {
    font-size: 12px;
    margin-left: 35px;
    line-height: 130%;
    font-weight: 200;
    position: relative;
    top: -10px
}

.main .panel-support-request .code {
    background-color: #badba8;
    padding: 15px;
    overflow: hidden
}

.main .panel-support-request .code span {
    font-size: 18px;
    font-weight: 200;
    display: inline-block
}

.main .panel-support-request .code span:first-child {
    margin-top: 23px;
    padding-left: 5px
}

.main .panel-support-request .code span.cc {
    float: right;
    background-color: #76b852;
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    padding: 20px 50px
}

.main .panel-support-request p {
    font-size: 14px;
    font-weight: 200;
    margin: 25px 0;
    line-height: 130%
}

.main .panel-support-request a {
    min-width: 220px;
    font-size: 16px
}

.main #sub-account-content {
    display: none;
    background-color: #f5f8fa;
    padding: 15px;
    margin-left: -15px;
    margin-right: -15px;
    position: relative
}

.main #sub-account-content:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 150px;
    width: 0;
    height: 0;
    z-index: 2;
    border-bottom: 10px solid #f5f8fa;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

.main #sub-account-content ul {
    font-size: 0
}

.main #sub-account-content ul li {
    width: 49%;
    display: inline-block;
    vertical-align: top
}

.main #sub-account-content ul li:nth-child(n) {
    margin-bottom: 2%;
    margin-right: 2%
}

.main #sub-account-content ul li:nth-child(2n) {
    margin-right: 0;
    margin-bottom: 0
}

.main #sub-account-content ul li:nth-last-child(-n + 2) {
    margin-bottom: 0
}

@media screen and (max-width: 865px) {
    .main #sub-account-content ul li {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 15px !important
    }

    .main #sub-account-content ul li:nth-child(n) {
        margin-bottom: 2% px !important;
        margin-right: 2%
    }

    .main #sub-account-content ul li:nth-child(1n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main #sub-account-content ul li:nth-last-child(-n + 1) {
        margin-bottom: 0
    }
}

.main #sub-account-content .panel-change-password {
    background-color: #fff;
    overflow: hidden;
    margin-top: 20px;
    padding: 10px 20px
}

.main #sub-account-content .panel-change-password span, .main #sub-account-content .panel-change-password input {
    display: inline-block;
    vertical-align: middle
}

.main #sub-account-content .panel-change-password span {
    font-size: 16px;
    color: #8998b4;
    margin-right: 10px;
    position: relative;
    top: 12px
}

.main #sub-account-content .panel-change-password input {
    float: right;
    height: 42px;
    color: #8998b4;
    width: 65%;
    border: 1px solid #d0d6e1;
    padding: 0 10px;
    font-size: 15px;
    font-weight: 200;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main #sub-account-content .panel-change-password input:focus {
    border-color: #b5bac4
}

.main #sub-account-content .panel-change-password .m-left {
    float: left;
    width: 48%
}

.main #sub-account-content .panel-change-password .m-right {
    float: right;
    width: 48%
}

.main ul.panel-info-checkbox {
    margin-top: 30px
}

.main ul.panel-info-checkbox li {
    margin-bottom: 15px
}

.main .panel-typography {
    padding: 10px 0
}

.main .panel-typography h1 {
    font-size: 27px;
    font-weight: 300;
    margin-bottom: 20px
}

.main .panel-typography h1.no-margin {
    margin-bottom: 5px
}

.main .panel-typography p {
    font-size: 14px;
    color: #838b91;
    font-weight: 200;
    line-height: 140%;
    margin-bottom: 15px
}

.main .panel-typography p.light {
    font-size: 17px;
    color: #c0c4cc
}

.main .panel-typography p a {
    font-weight: 500;
    color: #838b91
}

.main .panel-typography .how-work {
    background-color: #ebedef;
    margin-left: -15px;
    margin-right: -15px;
    padding: 25px 15px
}

.main .panel-typography .how-work h1 {
    margin-bottom: 5px
}

.main .panel-typography .how-work ul {
    margin-top: 50px;
    font-size: 0
}

.main .panel-typography .how-work ul li {
    width: 32%;
    display: inline-block;
    vertical-align: top;
    padding: 20px
}

.main .panel-typography .how-work ul li:nth-child(n) {
    margin-bottom: 2%;
    margin-right: 2%
}

.main .panel-typography .how-work ul li:nth-child(3n) {
    margin-right: 0;
    margin-bottom: 0
}

.main .panel-typography .how-work ul li:nth-last-child(-n + 3) {
    margin-bottom: 0
}

@media screen and (max-width: 865px) {
    .main .panel-typography .how-work ul li {
        width: 100%;
        display: inline-block;
        vertical-align: top
    }

    .main .panel-typography .how-work ul li:nth-child(n) {
        margin-bottom: 2% px !important;
        margin-right: 2%
    }

    .main .panel-typography .how-work ul li:nth-child(1n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .panel-typography .how-work ul li:nth-last-child(-n + 1) {
        margin-bottom: 0
    }
}

.main .panel-typography .how-work ul li span.step {
    display: inline-block;
    font-size: 27px;
    font-weight: 500;
    color: #fff;
    width: 55px;
    height: 55px;
    border-radius: 100%;
    line-height: 55px
}

.main .panel-typography .how-work ul li span.step.green {
    background-color: #76b852
}

.main .panel-typography .how-work ul li span.step.blue {
    background-color: #03a9f4
}

.main .panel-typography .how-work ul li span.step.red {
    background-color: #f44336
}

.main .panel-typography .how-work ul li h5 {
    font-size: 19px;
    display: block;
    margin: 15px 0;
    font-weight: 200
}

.main .panel-typography .how-work ul li p {
    margin-bottom: 0
}

.main .panel-typography ol {
    list-style: decimal;
    padding-left: 25px
}

.main .panel-typography ol li {
    font-size: 14px;
    color: #838b91;
    line-height: 130%;
    margin-bottom: 10px
}

.main .panel-confirm {
    margin-top: 40px;
    overflow: hidden
}

.main .panel-confirm label {
    display: inline-block;
    margin-top: 20px
}

.main .panel-confirm label span.text {
    font-size: 14px;
    font-weight: 200;
    color: #3e4b62
}

.main .panel-confirm a {
    float: right;
    padding: 20px 60px;
    color: #3e4b62
}

.main ul.list-style-dot li {
    padding-left: 20px;
    margin-bottom: 20px;
    line-height: 150%;
    font-size: 16px;
    color: #3e4b62;
    font-weight: 200;
    position: relative
}

.main ul.list-style-dot li:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #3e4b62;
    border: 2px solid #d3d5d7
}

.main .panel-button-active {
    text-align: center;
    margin: 40px 0
}

.main .panel-button-active a {
    padding: 20px 80px
}

.main .panel-statistics ul.p_statics {
    font-size: 0
}

.main .panel-statistics ul.p_statics li {
    width: 32%;
    display: inline-block;
    vertical-align: top;
    height: 120px;
    position: relative
}

.main .panel-statistics ul.p_statics li:nth-child(n) {
    margin-bottom: 2%;
    margin-right: 2%
}

.main .panel-statistics ul.p_statics li:nth-child(3n) {
    margin-right: 0;
    margin-bottom: 0
}

.main .panel-statistics ul.p_statics li:nth-last-child(-n + 3) {
    margin-bottom: 0
}

@media screen and (max-width: 865px) {
    .main .panel-statistics ul.p_statics li {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 10px !important
    }

    .main .panel-statistics ul.p_statics li:nth-child(n) {
        margin-bottom: 2% px !important;
        margin-right: 2%
    }

    .main .panel-statistics ul.p_statics li:nth-child(1n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .panel-statistics ul.p_statics li:nth-last-child(-n + 1) {
        margin-bottom: 0
    }
}

.main .panel-statistics ul.p_statics li.red {
    background-color: #f44336
}

.main .panel-statistics ul.p_statics li.blue {
    background-color: #03a9f4
}

.main .panel-statistics ul.p_statics li.green {
    background-color: #76b852
}

.main .panel-statistics ul.p_statics li i {
    position: absolute;
    top: 50%;
    margin-top: -39px;
    left: 20px
}

.main .panel-statistics ul.p_statics li p {
    text-align: right;
    margin-right: 15px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.main .panel-statistics ul.p_statics li p span {
    display: block
}

.main .panel-statistics ul.p_statics li p span:first-child {
    font-size: 28px;
    margin-bottom: 5px;
    color: #fff
}

.main .panel-statistics ul.p_statics li p span:last-child {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px
}

.main .panel-statistics .panel-router {
    margin: 20px 0;
    border: 1px solid #e8e8e8;
    padding: 10px
}

.main .panel-statistics .panel-router .m-td {
    vertical-align: middle
}

.main .panel-statistics .panel-router span {
    line-height: 145%;
    font-weight: 200;
    font-size: 17px
}

.main .panel-statistics .panel-router input {
    width: 100%;
    border: 1px solid #e0e0e0;
    height: 49px;
    padding: 0 10px;
    color: #3e4b62;
    font-weight: 200;
    font-size: 17px
}

.main .panel-statistics .panel-router input::-webkit-input-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-statistics .panel-router input:-moz-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-statistics .panel-router input::-moz-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-statistics .panel-router input:-ms-input-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-statistics .panel-router input:focus::-webkit-input-placeholder {
    opacity: 0 !important
}

.main .panel-statistics .panel-router input:focus:-moz-placeholder {
    opacity: 0 !important
}

.main .panel-statistics .panel-router input:focus::-moz-placeholder {
    opacity: 0 !important
}

.main .panel-statistics .panel-router input:focus:-ms-input-placeholder {
    opacity: 0 !important
}

.main .panel-statistics .statistic-info {
    border: 1px solid #e0e0e0
}

.main .panel-statistics .statistic-info > div {
    padding: 15px
}

.main .panel-statistics .statistic-info .m-left {
    width: 50%;
    float: left
}

.main .panel-statistics .statistic-info .m-left ul li {
    margin-bottom: 15px;
    display: table;
    font-size: 17px;
    line-height: 140%;
    color: #3e4b62;
    font-weight: 200;
    width: 100%
}

.main .panel-statistics .statistic-info .m-left ul li:last-child {
    margin-bottom: 0
}

.main .panel-statistics .statistic-info .m-left ul li .m-td {
    display: table-cell;
    vertical-align: middle
}

.main .panel-statistics .statistic-info .m-left ul li .m-td:first-child {
    width: 80%
}

.main .panel-statistics .statistic-info .m-left ul li .m-td:last-child {
    text-align: right;
    width: 20%;
    font-weight: 500
}

.main .panel-statistics .statistic-info .m-right {
    float: left;
    background-color: #ebedef;
    width: 50%;
    text-align: center
}

.main .panel-statistics .statistic-info .m-right p {
    font-size: 13px;
    color: #3e4b62;
    line-height: 140%;
    font-weight: 200;
    padding: 0 10px
}

.main .panel-statistics .statistic-info .m-right a {
    margin-top: 15px
}

.main .panel-statistics .statistic-info .m-right a:after {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -29px -88px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 19px;
    width: 20px;
    right: 14px;
    top: 16px
}

.main .panel-notification-list {
    margin-left: -3px;
    margin-right: -3px
}

.main .panel-notification-list ul {
    display: table;
    width: 100%
}

.main .panel-notification-list ul li {
    display: table-cell;
    width: 25%;
    text-align: center;
    background-color: #dadfe3;
    padding: 23px 15px;
    border-right: 1px solid #cad0d6;
    border-bottom: 3px solid transparent
}

.main .panel-notification-list ul li.s1 {
    border-bottom-color: #3e4b62
}

.main .panel-notification-list ul li.s2 {
    border-bottom-color: #bbc1c9
}

.main .panel-notification-list ul li.s3 {
    border-bottom-color: #3e4b62
}

.main .panel-notification-list ul li.s4 {
    border-bottom-color: #ea5d5d
}

.main .panel-notification-list ul li:last-child {
    border-right: transparent
}

.main .panel-notification-list ul li span {
    display: block;
    font-weight: 200;
    font-size: 15px
}

.main .panel-notification-list ul li span:first-child {
    font-weight: 500;
    margin-bottom: 10px
}

.main .panel-messages .message-box {
    margin-bottom: 20px;
    position: relative
}

.main .panel-messages .message-box .content .title {
    border-bottom: 1px solid #c8cdd3;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-weight: 200
}

.main .panel-messages .message-box .content .title span.name {
    font-size: 18px;
    margin-bottom: 5px
}

.main .panel-messages .message-box .content .title span.ss {
    font-size: 14px
}

.main .panel-messages .message-box .content .title > div * {
    display: block
}

.main .panel-messages .message-box .content .title .left-side {
    float: left
}

.main .panel-messages .message-box .content .title .right-side {
    float: right;
    text-align: right
}

.main .panel-messages .message-box .content .title .right-side span {
    font-size: 16px
}

.main .panel-messages .message-box .content .title .right-side span:first-child {
    margin-bottom: 4px
}

.main .panel-messages .message-box .content p {
    font-size: 14px;
    font-weight: 200;
    line-height: 140%
}

.main .panel-messages .message-box .content .files {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #c8cdd3
}

.main .panel-messages .message-box .content .files span {
    font-size: 14px;
    font-weight: 200;
    display: inline-block;
    margin-left: 10px;
    position: relative;
    padding-left: 18px
}

.main .panel-messages .message-box .content .files span:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -4px -34px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 10px;
    width: 12px
}

.main .panel-messages .message-box.customer .image {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 0;
    border: 5px solid #c8cdd3
}

.main .panel-messages .message-box.customer .image img {
    width: 77px;
    height: 77px
}

.main .panel-messages .message-box.customer .image:after {
    content: '';
    position: absolute;
    top: -5px;
    right: -15px;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-top: 10px solid #c8cdd3
}

.main .panel-messages .message-box.customer .content {
    margin-left: 105px;
    background-color: #ebedef;
    padding: 20px
}

.main .panel-messages .message-box.support .image {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 0
}

.main .panel-messages .message-box.support .image img {
    width: 77px;
    height: 77px
}

.main .panel-messages .message-box.support .content {
    margin-right: 105px;
    border: 5px solid #76b852;
    padding: 20px;
    position: relative
}

.main .panel-messages .message-box.support .content:after {
    content: '';
    position: absolute;
    top: -5px;
    right: -15px;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-top: 10px solid #76b852
}

.main .panel-message-nav {
    background-color: #f5f8fa;
    padding: 10px 15px;
    overflow: hidden
}

.main .panel-message-nav .panel-stars .rating {
    float: left
}

.main .panel-message-nav .panel-stars .rating span {
    float: right;
    position: relative;
    margin: 0 2px
}

.main .panel-message-nav .panel-stars .rating span input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.main .panel-message-nav .panel-stars .rating span label {
    display: inline-block;
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -65px -18px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 15px;
    width: 16px
}

.main .panel-message-nav .panel-stars .rating span:hover ~ span label, .main .panel-message-nav .panel-stars .rating span:hover label, .main .panel-message-nav .panel-stars .rating span.checked label, .main .panel-message-nav .panel-stars .rating span.checked ~ span label {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -49px -18px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 15px;
    width: 16px
}

.main .panel-message-nav .m-left {
    float: left
}

.main .panel-message-nav .m-left h2 {
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 10px
}

.main .panel-message-nav .m-right {
    float: right;
    text-align: right
}

.main .panel-message-nav .m-right * {
    vertical-align: middle
}

.main .panel-message-nav .m-right p {
    display: inline-block;
    font-size: 14px;
    line-height: 130%;
    margin-right: 50px;
    position: relative
}

.main .panel-message-nav .m-right p:after {
    content: '';
    position: absolute;
    top: 0;
    right: -53px;
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -57px -241px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 31px;
    width: 49px
}

.main .panel-message-nav .m-right a {
    padding: 20px 30px 18px
}

.main .password-change ul {
    font-size: 0
}

.main .password-change ul li {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    font-weight: 200;
    position: relative
}

.main .password-change ul li:nth-child(n) {
    margin-bottom: 2%;
    margin-right: 2%
}

.main .password-change ul li:nth-child(2n) {
    margin-right: 0;
    margin-bottom: 0
}

.main .password-change ul li:nth-last-child(-n + 2) {
    margin-bottom: 0
}

@media screen and (max-width: 865px) {
    .main .password-change ul li {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 10px !important
    }

    .main .password-change ul li:nth-child(n) {
        margin-bottom: 2% px !important;
        margin-right: 2%
    }

    .main .password-change ul li:nth-child(1n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .password-change ul li:nth-last-child(-n + 1) {
        margin-bottom: 0
    }

    .main .password-change ul li.password-degree {
        display: none !important
    }
}

.main .password-change ul li.buttons button {
    width: 38%;
    padding: 10px 0;
    float: left
}

.main .password-change ul li.buttons button:last-child {
    float: right;
    width: 60%
}

.main .password-change ul li .m-td {
    position: relative;
    display: table-cell;
    vertical-align: middle
}

.main .password-change ul li .m-td:first-child {
    width: 30%
}

.main .password-change ul li .m-td:last-child {
    width: 70%
}

.main .password-change ul li.password-degree .m-td:first-child {
    width: 50%
}

.main .password-change ul li.password-degree .m-td:last-child {
    width: 49%;
    text-align: right;
    position: relative
}

.main .password-change ul li.password-degree .ress {
    background-color: #d9edf7;
    float: right;
    width: 90%;
    text-align: center;
    padding: 8px;
    font-size: 14px;
    line-height: 120%;
    color: #454b5e;
    font-weight: 500
}

.main .password-change ul li.password-degree .box {
    height: 49px;
    border: 1px solid #d7dce4;
    width: 100%;
    overflow: hidden
}

.main .password-change ul li.password-degree .box span {
    background-color: #76b852;
    display: block;
    width: 80%;
    line-height: 49px;
    padding: 0 20px;
    font-size: 14px;
    color: #fff
}

.main .password-change ul li #pass-tips {
    background-color: #d9edf7;
    height: 110px;
    font-size: 14px;
    line-height: 130%;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    opacity: 0;
    padding: 18px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.main .password-change ul li #pass-tips.active {
    opacity: 1
}

.main .password-change ul li #pass-tips:after {
    content: '';
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    position: absolute;
    top: -7px;
    right: 100px;
    width: 0;
    height: 0;
    z-index: 2;
    border-bottom: 7px solid #d9edf7;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent
}

.main .password-change ul li #pass-tips h5 {
    font-weight: 500;
    margin-bottom: 5px;
    font-size: 14px
}

.main .password-change ul li input {
    width: 100%;
    height: 49px;
    padding: 0 10px;
    border: 1px solid #dbe0e8;
    font-size: 15px;
    font-weight: 200;
    color: #3e4b62
}

.main .panel-3d-area {
    padding-right: 343px
}

.main .panel-3d-area h1 {
    font-size: 19px;
    margin-top: 10px;
    margin-bottom: 20px;
    font-weight: 200
}

.main .panel-3d-area .user-address {
    border-top: 1px solid #ebedef;
    border-bottom: 1px solid #ebedef;
    padding: 20px 0;
    overflow: hidden
}

.main .panel-3d-area .user-address textarea, .main .panel-3d-area .user-address .address {
    height: 128px;
    float: left;
    width: 393px;
    overflow: inherit;
    resize: none;
    font-size: 16px;
    color: #3e4b62;
    line-height: 150%;
    padding: 10px;
    font-weight: 200;
    border: 3px solid #ebedef;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.main .panel-3d-area .user-address textarea:disabled, .main .panel-3d-area .user-address .address:disabled {
    border: 3px solid transparent
}

.main .panel-3d-area .user-address #change-address, .main .panel-3d-area .user-address .change-address {
    border: 3px solid #3e4b62;
    padding: 10px;
    width: 142px;
    height: 127px;
    float: right;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    color: #3e4b62;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .panel-3d-area .user-address #change-address:hover, .main .panel-3d-area .user-address .change-address:hover {
    color: #03a9f4;
    border-color: #03a9f4
}

.main .panel-3d-area .user-address #change-address i, .main .panel-3d-area .user-address .change-address i {
    display: inline-block;
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: 0 -241px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 31px;
    width: 31px;
    margin-bottom: 20px
}

.main .panel-3d-area .user-address #change-address span, .main .panel-3d-area .user-address .change-address span {
    display: block
}

.main .panel-3d-area .user-address #change-address .valign, .main .panel-3d-area .user-address .change-address .valign {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.main .panel-3d-area ul.panel-form {
    padding: 20px 0
}

.main .panel-3d-area ul.panel-form li {
    margin-bottom: 10px;
    display: table;
    width: 100%;
    font-size: 14px;
    line-height: 130%;
    font-weight: 200
}

.main .panel-3d-area ul.panel-form li input {
    border: 1px solid #d6d6d6;
    height: 46px;
    width: 100%;
    padding: 0 15px;
    font-size: 15px;
    color: #3e4b62;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .panel-3d-area ul.panel-form li input:focus {
    border-color: #bdbdbd;
    -webkit-box-shadow: inset 0 0 0 1px #bdbdbd;
    -moz-box-shadow: inset 0 0 0 1px #bdbdbd;
    -ms-box-shadow: inset 0 0 0 1px #bdbdbd;
    -o-box-shadow: inset 0 0 0 1px #bdbdbd;
    box-shadow: inset 0 0 0 1px #bdbdbd
}

.main .panel-3d-area ul.panel-form li .m-td {
    display: table-cell;
    vertical-align: middle
}

.main .panel-3d-area ul.panel-form li .m-td:first-child {
    width: 30%
}

.main .panel-3d-area ul.panel-form li .m-td:last-child {
    width: 70%
}

.main .panel-3d-area img {
    max-width: 100%;
    margin-bottom: 5px
}

.main .panel-3d-area .credit-cart {
    border-top: 1px solid #ebedef;
    border-bottom: 1px solid #ebedef;
    padding: 20px 0
}

.main .panel-3d-area .credit-cart ul.cart-info {
    margin-top: 15px
}

.main .panel-3d-area .credit-cart ul.cart-info li {
    margin-bottom: 10px
}

.main .panel-3d-area .credit-cart ul.cart-info li label {
    position: relative;
    display: block;
    border: 1px solid #cfcfcf
}

.main .panel-3d-area .credit-cart ul.cart-info li input {
    width: 100%;
    height: 48px;
    font-size: 16px;
    color: #3e4b62;
    padding-left: 15px;
    padding-right: 75px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.main .panel-3d-area .credit-cart ul.cart-info li input::-webkit-input-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-3d-area .credit-cart ul.cart-info li input:-moz-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-3d-area .credit-cart ul.cart-info li input::-moz-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-3d-area .credit-cart ul.cart-info li input:-ms-input-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .panel-3d-area .credit-cart ul.cart-info li input:focus::-webkit-input-placeholder {
    opacity: 0 !important
}

.main .panel-3d-area .credit-cart ul.cart-info li input:focus:-moz-placeholder {
    opacity: 0 !important
}

.main .panel-3d-area .credit-cart ul.cart-info li input:focus::-moz-placeholder {
    opacity: 0 !important
}

.main .panel-3d-area .credit-cart ul.cart-info li input:focus:-ms-input-placeholder {
    opacity: 0 !important
}

.main .panel-3d-area .credit-cart ul.cart-info li input:focus {
    border-color: #bdbdbd
}

.main .panel-3d-area .credit-cart ul.cart-info li .m-left {
    float: left;
    width: 49%
}

.main .panel-3d-area .credit-cart ul.cart-info li .m-right {
    float: right;
    width: 49%
}

.main .panel-3d-area .credit-cart ul.cart-info li button {
    display: block;
    width: 100%;
    padding: 20px 0;
    font-size: 16px
}

.main .panel-3d-area .credit-cart ul.cart-info li span {
    position: absolute;
    top: 0;
    right: 0;
    width: 74px;
    height: 100%;
    background-color: #f5f8fa;
    text-align: center
}

.main .panel-3d-area .credit-cart ul.cart-info li span i {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.main .panel-3d-area .geotrust {
    position: relative;
    padding: 20px 0
}

.main .panel-3d-area .geotrust i {
    position: absolute;
    top: 20px;
    left: 0
}

.main .panel-3d-area .geotrust p {
    padding-left: 50px;
    font-size: 14px;
    color: #788388;
    line-height: 160%
}

.main .panel-3d-area .geotrust p strong {
    font-weight: 500
}

.main .account-statistics .panel-sub-title {
    font-size: 17px;
    color: rgba(62, 75, 98, 0.7);
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 15px
}

.main .account-statistics .panel-shortcuts ul {
    font-size: 0
}

.main .account-statistics .panel-shortcuts ul li {
    width: 23.5%;
    display: inline-block;
    vertical-align: top;
    border: 3px solid #e6eaef;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}

.main .account-statistics .panel-shortcuts ul li:nth-child(n) {
    margin-bottom: 2%;
    margin-right: 2%
}

.main .account-statistics .panel-shortcuts ul li:nth-child(4n) {
    margin-right: 0;
    margin-bottom: 0
}

.main .account-statistics .panel-shortcuts ul li:nth-last-child(-n + 4) {
    margin-bottom: 0
}

@media screen and (max-width: 850px) {
    .main .account-statistics .panel-shortcuts ul li {
        width: 49%;
        display: inline-block;
        vertical-align: top
    }

    .main .account-statistics .panel-shortcuts ul li:nth-child(n) {
        margin-bottom: 2%;
        margin-right: 2%
    }

    .main .account-statistics .panel-shortcuts ul li:nth-child(2n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .main .account-statistics .panel-shortcuts ul li:nth-last-child(-n + 2) {
        margin-bottom: 0
    }
}

.main .account-statistics .panel-shortcuts ul li:hover {
    border-color: #03a9f4
}

.main .account-statistics .panel-shortcuts ul li a {
    display: block;
    padding-bottom: 25px;
    text-align: center
}

.main .account-statistics .panel-shortcuts ul li a span {
    display: block;
    font-size: 13px;
    color: #3e4b62;
    font-weight: 500
}

.main .account-statistics .panel-shortcuts ul li a .icon {
    height: 90px
}

.main .account-statistics .panel-shortcuts ul li a .icon i {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.main .account-statistics .m-left {
    width: 49%;
    float: left
}

.main .account-statistics .m-right {
    width: 49%;
    float: right
}

.main .account-statistics .p-widget {
    border: 3px solid #f5f8fa
}

.main .account-statistics .p-widget .last-update {
    margin-top: 20px;
    border-top: 1px solid #f5f8fa;
    text-align: center;
    padding: 5px;
    font-size: 13px;
    color: #7f7f7f;
    line-height: 130%
}

.main .account-statistics .p-widget .last-update span {
    position: relative;
    top: 10px
}

.main .account-statistics .p-widget .button-type {
    border: 1px solid #03a9f4;
    height: 54px;
    position: relative
}

.main .account-statistics .p-widget .button-type .selectbox-style {
    width: calc(100% - 200px);
    height: 52px;
    border: none
}

.main .account-statistics .p-widget .button-type .selectbox-style:after {
    top: 27px
}

.main .account-statistics .p-widget .button-type .selectbox-style .sod_label {
    font-size: 14px;
    color: #3e4b62;
    position: relative;
    border: 0;
    height: 52px;
    top: 0;
    line-height: 52px;
    padding-top: 0;
    padding-bottom: 0
}

.main .account-statistics .p-widget .button-type .selectbox-style .sod_list_wrapper {
    border: none
}

.main .account-statistics .p-widget .button-type input {
    width: 100%;
    padding-right: 115px;
    height: 52px;
    padding-left: 15px;
    font-size: 14px;
    color: #3e4b62;
    background-color: #fff
}

.main .account-statistics .p-widget .button-type input::-webkit-input-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .account-statistics .p-widget .button-type input:-moz-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .account-statistics .p-widget .button-type input::-moz-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .account-statistics .p-widget .button-type input:-ms-input-placeholder {
    color: #3e4b62;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .account-statistics .p-widget .button-type input:focus::-webkit-input-placeholder {
    opacity: 0 !important
}

.main .account-statistics .p-widget .button-type input:focus:-moz-placeholder {
    opacity: 0 !important
}

.main .account-statistics .p-widget .button-type input:focus::-moz-placeholder {
    opacity: 0 !important
}

.main .account-statistics .p-widget .button-type input:focus:-ms-input-placeholder {
    opacity: 0 !important
}

.main .account-statistics .p-widget .button-type a {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 51px;
    padding: 0;
    width: 150px;
    text-align: center;
    height: 53px
}

.main .account-statistics .p-widget.package {
    margin-bottom: 10px
}

.main .account-statistics .p-widget.package .m-table {
    margin-bottom: 15px
}

.main .account-statistics .p-widget.package .m-table .m-td {
    font-size: 16px;
    font-weight: 200;
    line-height: 140%
}

.main .account-statistics .p-widget.package .m-table .m-td span {
    display: block
}

.main .account-statistics .p-widget.package .m-table .m-td strong {
    font-weight: 500
}

.main .account-statistics .p-widget.package .m-table .m-td:last-child {
    text-align: right
}

.main .account-statistics .p-widget.used .m-table .m-td {
    width: 50%;
    text-align: center
}

.main .account-statistics .p-widget.used .m-table .m-td h5 {
    font-size: 16px;
    font-weight: 200
}

.main .account-statistics .p-widget.used .m-table .m-td h5 + div {
    width: 150px;
    height: 150px;
    margin: 20px auto;
    position: relative
}

.main .account-statistics .p-widget.used .m-table .m-td h5 + div span {
    position: absolute;
    top: 60px;
    font-size: 35px;
    color: #3e4b62;
    font-weight: 500;
    left: 0;
    width: 100%;
    height: 100%
}

.main .account-statistics .p-widget .title {
    padding: 15px;
    text-align: center;
    background-color: #f5f8fa;
    font-size: 16px;
    color: #3e4b62;
    font-weight: 500
}

.main .account-statistics .p-widget .content {
    padding: 20px
}

.main .create-email {
    margin-bottom: 40px
}

.main .create-email input {
    height: 58px;
    width: 100%;
    padding-right: 180px;
    padding-left: 15px;
    font-size: 15px;
    color: rgba(62, 75, 98, 0.51);
    font-weight: 200
}

.main .create-email input::-webkit-input-placeholder {
    color: rgba(62, 75, 98, 0.51);
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .create-email input:-moz-placeholder {
    color: rgba(62, 75, 98, 0.51);
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .create-email input::-moz-placeholder {
    color: rgba(62, 75, 98, 0.51);
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .create-email input:-ms-input-placeholder {
    color: rgba(62, 75, 98, 0.51);
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main .create-email input:focus::-webkit-input-placeholder {
    opacity: 0 !important
}

.main .create-email input:focus:-moz-placeholder {
    opacity: 0 !important
}

.main .create-email input:focus::-moz-placeholder {
    opacity: 0 !important
}

.main .create-email input:focus:-ms-input-placeholder {
    opacity: 0 !important
}

.main .create-email .m-left {
    width: 49%;
    float: left
}

.main .create-email .m-left .mail-box {
    border: 1px solid #eee;
    position: relative
}

.main .create-email .m-left .mail-box span {
    position: absolute;
    top: 0;
    right: 0;
    width: 170px;
    font-size: 15px;
    font-weight: 200;
    text-align: center;
    height: 58px;
    line-height: 58px;
    background-color: #f5f8fa
}

.main .create-email .m-right {
    width: 49%;
    float: right
}

.main .create-email .m-right input {
    float: left;
    width: 49%;
    border: 1px solid #eee;
    padding-right: 15px
}

.main .create-email .m-right a {
    float: right;
    width: 49%;
    height: 58px;
    padding: 0;
    text-align: center;
    line-height: 58px;
    font-size: 14px
}

.main ul.site-info {
    font-size: 0;
    margin-bottom: 30px
}

.main ul.site-info li {
    width: 49.5%;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #d9d9d9;
    padding: 20px
}

.main ul.site-info li:nth-child(n) {
    margin-bottom: 1%;
    margin-right: 1%
}

.main ul.site-info li:nth-child(2n) {
    margin-right: 0;
    margin-bottom: 0
}

.main ul.site-info li:nth-last-child(-n + 2) {
    margin-bottom: 0
}

.main ul.site-info li span {
    font-size: 14px;
    display: inline-block;
    font-weight: 200
}

.main ul.site-info li span:last-child {
    float: right;
    font-weight: 500
}

.main .panel-table-responsive {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden
}

.panel-bg-dark {
    background-color: #ebedef;
    margin-left: -15px;
    margin-right: -15px;
    padding: 20px
}

.selectbox-style {
    width: 100%;
    height: 49px;
    background-color: #fff;
    position: relative
}

.selectbox-style .sod_label {
    padding: 15px;
    font-size: 17px;
    font-weight: 200;
    border: 1px solid #cdd1d6;
    margin: 0
}

.selectbox-style:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 15px;
    z-index: 10;
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: 0 -18px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 5px;
    width: 10px
}

.selectbox-style .sod_list_wrapper {
    position: absolute;
    z-index: 200 !important;
    border: 1px solid #cdd1d6 !important
}

.selectbox-style .sod_list_wrapper .sod_option {
    padding: 12px 15px;
    font-size: 14px;
    font-weight: 200
}

.selectbox-style .sod_list_wrapper .sod_option.active {
    background-color: #03a9f4;
    color: #fff
}

.panel-checkbox {
    cursor: pointer;
    overflow: hidden;
    position: relative
}

.panel-checkbox input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0)
}

.panel-checkbox input:checked + span:after {
    opacity: 1
}

.panel-checkbox span {
    cursor: pointer
}

.panel-checkbox span.text {
    font-size: 16px;
    color: #8998b4;
    margin-left: 12px;
    position: relative;
    top: -3px
}

.panel-checkbox input + span {
    position: relative;
    background-color: #15b9a4;
    display: inline-block;
    width: 18px;
    height: 18px;
    text-align: center
}

.panel-checkbox input + span:after {
    opacity: 0;
    content: '';
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -16px -34px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 10px;
    width: 11px;
    top: 50%;
    margin-top: -5px;
    left: 4px;
    position: absolute;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.panel-info-box {
    background-color: #cdeefd;
    padding: 20px 20px 18px;
    margin-bottom: 30px
}

.panel-info-box p {
    font-size: 14px;
    color: #3e4b62;
    font-weight: 200;
    line-height: 150%;
    padding-left: 10px;
    position: relative
}

.panel-info-box p.text-center:before {
    display: none !important
}

.panel-info-box p:before {
    content: '';
    position: absolute;
    top: 6px;
    left: -2px;
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: 0 -34px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 7px;
    width: 4px
}

body.panel-body {
    background-color: #fff
}

footer {
    background-color: #f5f8fa !important
}

table {
    width: 100%
}

table.panel-style {
    width: 100%
}

table.panel-style thead {
    font-weight: 200;
    background-color: #eef0f1
}

table.panel-style thead td {
    padding: 20px
}

table.panel-style .m-button {
    font-weight: 500 !important
}

table.panel-style span.m-button {
    padding: 6px 10px 4px !important
}

table.panel-style tbody {
    font-weight: 300
}

table.panel-style tbody tr {
    border-bottom: 1px solid #dbdde2
}

table.panel-style td {
    font-size: 15px;
    padding: 15px 20px;
    vertical-align: middle;
    color: #4d556c;
    line-height: 130%
}

table.panel-style-2 {
    border: 3px solid #ebedef;
    width: 100%
}

table.panel-style-2 td:last-child {
    text-align: center
}

table.panel-style-2 thead {
    font-weight: 200;
    background-color: #eef0f1
}

table.panel-style-2 thead td {
    padding: 20px
}

table.panel-style-2 .m-button {
    font-weight: 500 !important
}

table.panel-style-2 span.m-button {
    padding: 6px 10px 4px !important
}

table.panel-style-2 tbody {
    font-weight: 300
}

table.panel-style-2 tbody tr {
    border-bottom: 1px solid #dbdde2
}

table.panel-style-2 td {
    font-size: 15px;
    padding: 15px 20px;
    vertical-align: middle;
    color: #4d556c;
    line-height: 130%
}

table.table-configuration td {
    padding: 20px;
    vertical-align: middle;
    font-weight: 200
}

table.table-configuration thead {
    font-size: 17px
}

table.table-configuration tbody {
    border: 1px solid #c5c5c5;
    font-size: 15px;
    color: #3e4b62
}

table.table-configuration tbody td:last-child {
    background-color: #ecedef;
    font-weight: 500;
    text-align: center
}

table.table-configuration tbody tr {
    border-bottom: 1px solid #c5c5c5
}

table.table-configuration tbody tr:hover {
    background-color: #f5f8fa
}

table.table-configuration tbody tr:hover td:last-child {
    background-color: #d3dae0
}

table.table-configuration tbody tr:last-child {
    border-bottom: transparent
}

table.table-configuration-bill td {
    padding: 12px 15px;
    vertical-align: middle
}

table.table-configuration-bill td:first-child {
    width: 85%
}

table.table-configuration-bill td:last-child {
    width: 15%
}

table.table-configuration-bill tbody {
    border: 3px solid #f5f8fa
}

table.table-configuration-bill tbody tr.title td {
    padding: 20px 15px;
    font-size: 16px;
    font-weight: 500;
    background-color: #fff !important
}

table.table-configuration-bill tbody td {
    font-size: 13px;
    font-weight: 200;
    line-height: 140%
}

table.table-configuration-bill tbody td:last-child {
    font-weight: 500;
    background-color: #ebedef
}

table.table-configuration-bill tbody tr:nth-child(even) {
    background-color: #ebedef
}

table.table-configuration-bill tbody tr:nth-child(even) td:last-child {
    background-color: #d9dce1
}

table.table-configuration-bill thead td {
    padding: 20px 15px;
    font-size: 16px;
    font-weight: 500
}

.m-button {
    font-size: 13px;
    color: #fff;
    cursor: pointer;
    font-weight: 500;
    padding: 10px 30px 8px;
    display: inline-block;
    border: 3px solid transparent;
    position: relative;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.m-button.button-arrow-right {
    border: none;
    height: 49px;
    line-height: 53px;
    text-align: center;
    min-width: 170px;
    padding: 0 5px;
    padding-right: 50px !important
}

.m-button.button-arrow-right:after {
    content: '';
    position: absolute;
    right: 20px;
    top: 18px;
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -21px 0;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 14px;
    width: 8px
}

.m-button.button-arrow-right:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 100%;
    background-color: #639d48
}

.m-button.green-border {
    background-color: transparent;
    color: #76b852 !important;
    border-color: #76b852
}

.m-button.green-border:hover {
    border-color: transparent;
    color: #fff !important;
    background-color: #76b852
}

.m-button.green-light-border {
    background-color: transparent;
    color: #3e4b62 !important;
    border-color: #00d4b9
}

.m-button.green-light-border:hover {
    border-color: transparent;
    color: #fff !important;
    background-color: #00d4b9
}

.m-button.blue-border {
    background-color: transparent;
    color: #03a9f4 !important;
    border-color: #03a9f4
}

.m-button.blue-border:hover {
    border-color: transparent;
    color: #fff !important;
    background-color: #03a9f4
}

.m-button.red-border {
    background-color: transparent;
    color: #f44336 !important;
    border-color: #f44336
}

.m-button.red-border:hover {
    border-color: transparent;
    color: #fff !important;
    background-color: #f44336
}

.m-button.yellow-border {
    background-color: transparent;
    color: #e5bd00 !important;
    border-color: #e5bd00
}

.m-button.yellow-border:hover {
    border-color: transparent;
    color: #fff !important;
    background-color: #e5bd00
}

.m-button.blue {
    background-color: #03a9f4
}

.m-button.blue:hover {
    background-color: #26bbff
}

.m-button.green {
    background-color: #76b852
}

.m-button.green:hover {
    background-color: #87cb61
}

.m-button.paid {
    background-color: #76b852
}

.m-button.paid:hover {
    background-color: #87cb61
}

.m-button.navy {
    background-color: #3c515d
}

.m-button.navy:hover {
    background-color: #4a6473
}

.m-button.gray {
    background-color: #f0f0f1;
    color: #3e4b62 !important
}

.m-button.gray:hover {
    background-color: #dcdcdd
}

.m-button.red {
    background-color: #f44336
}

.m-button.red:hover {
    background-color: #ff3f2d
}

.m-button.unpaid {
    background-color: #f44336
}

.m-button.unpaid:hover {
    background-color: #ff3f2d
}

.m-button.yellow {
    background-color: #e5bd00
}

.m-button.yellow:hover {
    background-color: #ffd600
}

.m-table {
    width: 100%;
    display: table
}

.m-table .m-tr {
    display: table-row
}

.m-table .m-td {
    display: table-cell
}

.panel-quicknav {
    background-color: #f5f8fa;
    padding: 25px 0;
    position: relative;
    z-index: 5
}

.panel-quicknav ul {
    font-size: 0
}

.panel-quicknav ul > li {
    width: 13.21429%;
    display: inline-block;
    vertical-align: top
}

.panel-quicknav ul > li:nth-child(n) {
    margin-bottom: 1.25%;
    margin-right: 1.25%
}

.panel-quicknav ul > li:nth-child(7n) {
    margin-right: 0;
    margin-bottom: 0
}

.panel-quicknav ul > li:nth-last-child(-n + 7) {
    margin-bottom: 0
}

.panel-quicknav ul > li > a {
    display: block;
    height: 107px;
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    font: 500 13px/120% Gotham, Raleway, Arial, sans-serif;
    color: #3e4b62;
    padding-top: 70px;
    text-align: center;
    -webkit-box-shadow: inset 0 -4px 0 #03a9f4;
    -moz-box-shadow: inset 0 -4px 0 #03a9f4;
    -ms-box-shadow: inset 0 -4px 0 #03a9f4;
    -o-box-shadow: inset 0 -4px 0 #03a9f4;
    box-shadow: inset 0 -4px 0 #03a9f4;
    position: relative;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.panel-quicknav ul > li > a:before, .panel-quicknav ul > li > a:after {
    content: '';
    position: absolute;
    top: 23px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.panel-quicknav ul > li > a:after {
    opacity: 0;
    visibility: hidden
}

.panel-quicknav ul > li > a.icon-home:before {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: 0 -306px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 29px;
    width: 30px;
    position: absolute;
    left: 50%;
    margin-left: -15px
}

.panel-quicknav ul > li > a.icon-home:after {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: 0 -272px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 29px;
    width: 30px;
    position: absolute;
    left: 50%;
    margin-left: -15px
}

.panel-quicknav ul > li > a.icon-service:before {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -63px -126px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 26px;
    width: 28px;
    position: absolute;
    left: 50%;
    margin-left: -14px
}

.panel-quicknav ul > li > a.icon-service:after {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -35px -126px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 26px;
    width: 28px;
    position: absolute;
    left: 50%;
    margin-left: -14px
}

.panel-quicknav ul > li > a.icon-domain:before {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: 0 -213px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 28px;
    width: 30px;
    position: absolute;
    left: 50%;
    margin-left: -15px
}

.panel-quicknav ul > li > a.icon-domain:after {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -30px -213px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 28px;
    width: 30px;
    position: absolute;
    left: 50%;
    margin-left: -15px
}

.panel-quicknav ul > li > a.icon-accounting:before {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: 0 -185px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 28px;
    width: 28px;
    position: absolute;
    left: 50%;
    margin-left: -14px
}

.panel-quicknav ul > li > a.icon-accounting:after {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -60px -213px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 28px;
    width: 28px;
    position: absolute;
    left: 50%;
    margin-left: -14px
}

.panel-quicknav ul > li > a.icon-support:before {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -22px -152px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 24px;
    width: 35px;
    position: absolute;
    left: 50%;
    margin-left: -17.5px
}

.panel-quicknav ul > li > a.icon-support:after {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: 0 -126px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 24px;
    width: 35px;
    position: absolute;
    left: 50%;
    margin-left: -17.5px
}

.panel-quicknav ul > li > a.icon-noti:before {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -30px -272px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 31px;
    width: 26px;
    position: absolute;
    left: 50%;
    margin-left: -13px
}

.panel-quicknav ul > li > a.icon-noti:after {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -31px -241px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 31px;
    width: 26px;
    position: absolute;
    left: 50%;
    margin-left: -13px
}

.panel-quicknav ul > li > a.icon-bank:before {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -28px -185px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 28px;
    width: 28px;
    position: absolute;
    left: 50%;
    margin-left: -14px
}

.panel-quicknav ul > li > a.icon-bank:after {
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: -56px -185px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 28px;
    width: 28px;
    position: absolute;
    left: 50%;
    margin-left: -14px
}

.panel-quicknav ul > li.sub {
    position: relative
}

.panel-quicknav ul > li.sub:hover > a {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0
}

.panel-quicknav ul > li > .dd-menu {
    position: absolute;
    z-index: 3;
    left: 0;
    top: 100%;
    width: 250px;
    background-color: #03a9f4;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.panel-quicknav ul > li > .dd-menu li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15)
}

.panel-quicknav ul > li > .dd-menu li a {
    display: block;
    min-height: 35px;
    font: 300 13px/120% Gotham, Arial, sans-serif;
    color: #fff;
    padding: 10px 15px 10px 30px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    position: relative
}

.panel-quicknav ul > li > .dd-menu li a:before {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -20px -18px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 8px;
    width: 5px;
    position: absolute;
    left: 15px;
    top: 14px
}

.panel-quicknav ul > li > .dd-menu li a:hover {
    background-color: rgba(0, 0, 0, 0.15);
    padding-left: 35px
}

.panel-quicknav ul > li > .dd-menu li:first-child a {
    -webkit-border-radius: 0 3px 0 0;
    -moz-border-radius: 0 3px 0 0;
    -ms-border-radius: 0 3px 0 0;
    border-radius: 0 3px 0 0
}

.panel-quicknav ul > li > .dd-menu li:last-child {
    border-bottom: 0
}

.panel-quicknav ul > li > .dd-menu li:last-child a {
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px
}

.panel-quicknav ul > li:hover > a {
    background-color: #03a9f4;
    color: #fff
}

.panel-quicknav ul > li:hover > a:before {
    opacity: 0;
    visibility: hidden
}

.panel-quicknav ul > li:hover > a:after {
    opacity: 1;
    visibility: visible
}

.panel-quicknav ul > li:hover > .dd-menu {
    -moz-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    opacity: 1;
    visibility: visible
}

.panel-quicknav ul > li:last-child > .dd-menu {
    left: auto;
    right: 0
}

.panel-navmenu {
    width: 255px;
    position: absolute;
    right: 0;
    top: 53px
}

.panel-navmenu .nav--btn {
    width: 100%;
    z-index: 11 !important;
    display: block;
    height: 42px;
    font: 500 13px/42px Gotham, Arial, sans-serif;
    text-align: left;
    color: #04314e;
    padding-left: 59px;
    background-color: #f5f8fa;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.panel-navmenu .nav--btn:before {
    content: '';
    display: inline-block;
    background-image: url(../img/panel-icons-sd15276a4e3.png);
    background-position: 0 -68px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 11px;
    width: 15px;
    position: absolute;
    top: 50%;
    margin-top: -5.5px;
    left: 14px;
    z-index: 2
}

.panel-navmenu .nav--btn:after {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    left: 42px;
    top: 0;
    background-color: #acbcc6
}

.panel-navmenu .triangle {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-top: 4px solid #04314e;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    right: 20px;
    top: 19px;
    z-index: 12
}

.panel-navmenu .nav--dropdown {
    width: 100%;
    border-top: 1px solid #c2c6cb;
    background-color: #f5f8fa;
    -webkit-box-shadow: 0 0 21px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0 21px rgba(0, 0, 0, 0.35);
    -ms-box-shadow: 0 0 21px rgba(0, 0, 0, 0.35);
    -o-box-shadow: 0 0 21px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 21px rgba(0, 0, 0, 0.35);
    padding: 13px 0;
    position: absolute;
    left: 0;
    top: 100%;
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index: 10;
    opacity: 0;
    visibility: hidden
}

.panel-navmenu .nav--dropdown li a {
    display: block;
    text-align: center;
    font: 500 12px/28px Gotham, Arial, sans-serif;
    color: #04314e;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.panel-navmenu .nav--dropdown li a:hover {
    background-color: #e5e8eb
}

.panel-navmenu:hover .nav--dropdown {
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

@media screen and (max-width: 1200px) {
    .main #mega-menu-toggle {
        display: block !important
    }

    .main aside.panel-sidebar {
        z-index: 998;
        width: 100%;
        float: initial;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -ms-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
        overflow-x: hidden;
        overflow-y: auto;
        margin-bottom: 15px
    }

    .main aside.panel-sidebar.active {
        right: 0
    }

    .main aside.panel-sidebar .menu {
        margin-top: 0 !important
    }

    .main aside.panel-sidebar .menu-list {
        margin-top: 0
    }

    .main aside.panel-sidebar .menu-list ul li a {
        padding: 15px !important
    }

    .main aside.panel-sidebar .menu-title {
        display: none !important
    }

    .main .panel-cover {
        height: inherit !important
    }

    .main .panel-cover .cover-title {
        display: none
    }

    .main .panel-cover .panel-head {
        top: inherit !important;
        left: inherit !important;
        position: inherit !important
    }

    .main .panel-cover .panel-head .left-side, .main .panel-cover .panel-head .right-side {
        width: 100%;
        float: inherit
    }

    .main .panel-cover .panel-head .right-side {
        margin-top: 20px;
        float: inherit;
        width: 100%;
        overflow: hidden;
        padding-bottom: 25px
    }

    .main .panel-cover .panel-head .right-side .user-info {
        margin-right: 0;
        float: inherit
    }

    .main .panel-cover .panel-head .notifications {
        right: 15px
    }

    .main .panel-cover .panel-head .panel-navmenu {
        right: 15px
    }

    .main .panel-content {
        width: 100%;
        float: none
    }

    .main .panel-domain {
        padding: 0 20px
    }

    .main .panel-domain .valign {
        float: none !important;
        width: 100% !important
    }

    .main .panel-notices {
        height: inherit !important;
        overflow: hidden
    }

    .main .panel-notices .valign {
        transform: none !important;
        top: inherit !important;
        width: 100% !important
    }

    .main .panel-notices .icon {
        display: none !important
    }

    .main .panel-bill {
        position: inherit !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        margin-bottom: 10px
    }

    .main .panel-3d-area {
        padding-right: 0 !important
    }

    .main .panel-3d-area .user-address textarea, .main .panel-3d-area .user-address .address {
        float: inherit !important;
        width: 100% !important;
        height: auto !important;
        margin-bottom: 15px;
        display: block
    }

    .main .panel-3d-area .user-address #change-address, .main .panel-3d-area .user-address .change-address {
        float: inherit !important;
        width: 100% !important;
        display: block
    }

    .main .add-balance .col {
        float: none !important;
        width: 100% !important
    }

    .main .panel-campaign {
        padding: 30px
    }

    .main .panel-campaign:after {
        display: none !important
    }

    .main .panel-campaign .text-wrap {
        float: none !important;
        text-align: center !important;
        width: 100% !important
    }

    .main .panel-campaign .text-wrap h2 {
        font-size: 26px !important
    }

    .main .panel-campaign .text-wrap p {
        font-size: 13px !important
    }
}

@media screen and (max-width: 850px) {
    .main section.panel-cover .right-side .user-info ul {
        width: auto
    }

    #panel-menu-toggle {
        display: block !important
    }

    .panel-cover .panel-head {
        padding-bottom: 0 !important;
        overflow: inherit !important
    }

    .panel-cover .panel-head .profile-image {
        border-radius: 100%;
        position: absolute;
        top: 0;
        left: 10px
    }

    .panel-cover .panel-head .profile-image img {
        width: 65px !important;
        height: 65px !important
    }

    .panel-cover .panel-head .profile-name {
        padding-left: 80px;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .panel-cover .panel-head .profile-name h2 {
        font-size: 16px !important
    }

    .panel-cover .panel-head .profile-name p {
        margin-top: 5px !important;
        font-size: 12px !important
    }

    .panel-cover .panel-head .right-side {
        float: none !important;
        width: auto !important;
        margin-left: -15px;
        margin-right: -15px;
        margin-top: 70px !important;
        padding-bottom: 0 !important
    }

    .panel-cover .panel-head .left-side {
        float: none !important;
        height: 70px;
        width: 320px !important;
        margin: 0 auto;
        position: relative
    }

    .panel-cover .panel-head .user-info {
        position: initial;
        left: 0;
        top: 100%;
        right: 0;
        z-index: 124;
        float: none !important;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -ms-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .panel-cover .panel-head .user-info.active {
        left: 0
    }

    .panel-cover .panel-head .user-info ul {
        margin-bottom: 0 !important
    }

    .panel-cover .panel-head .user-info ul li {
        float: none !important;
        display: block;
        width: 100% !important;
        margin: 0 !important;
        background-color: #404D60 !important;
        border: none !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important
    }

    .panel-cover .panel-head .user-info ul li span.icon {
        display: none !important
    }

    .panel-cover .panel-head .notifications {
        display: none !important
    }

    .panel-cover .panel-head .panel-navmenu {
        width: 300px;
        position: absolute;
        top: 80px;
        z-index: 500 !important;
        right: 50% !important;
        margin-right: -150px
    }

    .panel-quicknav ul > li {
        width: 32%;
        display: inline-block;
        vertical-align: top
    }

    .panel-quicknav ul > li:nth-child(n) {
        margin-bottom: 2%;
        margin-right: 2%
    }

    .panel-quicknav ul > li:nth-child(3n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .panel-quicknav ul > li:nth-last-child(-n + 3) {
        margin-bottom: 0
    }

    .panel-quicknav ul > li > a {
        height: 35px;
        font-size: 12px;
        padding-top: 0;
        line-height: 35px;
        -webkit-box-shadow: inset 0 -1px 0 #03a9f4;
        -moz-box-shadow: inset 0 -1px 0 #03a9f4;
        -ms-box-shadow: inset 0 -1px 0 #03a9f4;
        -o-box-shadow: inset 0 -1px 0 #03a9f4;
        box-shadow: inset 0 -1px 0 #03a9f4
    }

    .panel-quicknav ul > li > a:before, .panel-quicknav ul > li > a:after {
        display: none !important;
        content: none !important
    }

    .panel-quicknav ul > li > .dd-menu {
        width: 100%
    }

    table.panel-style thead td {
        font-size: 14px !important
    }

    table.panel-style tbody td {
        font-size: 12px !important
    }

    table.panel-style td {
        padding: 10px !important
    }

    table.panel-style td a {
        font-size: 12px !important
    }

    .main ul.site-info li {
        float: none !important;
        width: 100% !important;
        margin-bottom: 10px !important
    }

    .main ul.site-info li span {
        display: block !important;
        float: none !important
    }

    .main ul.site-info li span:first-child {
        margin-bottom: 10px !important
    }

    .main .panel-management ul.site-info li {
        padding: 10px !important
    }

    .main .panel-management ul.site-info span {
        display: block !important;
        float: none !important
    }

    .main .panel-management ul.site-info span:first-child {
        margin-bottom: 10px
    }

    .main .panel-support-request .code span {
        float: none !important;
        width: 100% !important;
        line-height: 130%;
        text-align: center
    }

    .main .panel-support-request .code span.cc {
        margin-top: 20px
    }

    .main .panel-box-head {
        height: auto !important;
        padding: 10px 0 !important
    }

    .main .panel-box-head .title {
        text-align: center;
        font-size: 20px !important;
        line-height: 120% !important
    }

    .main .panel-box-head .title i {
        display: none !important
    }

    .main .panel-box-head .right-side {
        height: inherit !important
    }

    .main .panel-box-head .right-side .ss {
        margin-top: 10px;
        text-align: center
    }

    .main .panel-box-head .right-side .code, .main .panel-box-head .right-side .box {
        text-align: center !important;
        display: block !important;
        margin: 10px 0
    }

    .main .panel-payment-area .m-td {
        width: 100% !important;
        display: block !important;
        text-align: center !important;
        margin-bottom: 15px !important
    }

    .main .panel-payment-area .m-td h5 {
        margin-bottom: 20px !important;
        margin-top: 10px
    }

    .main .panel-payment-area .m-td .discount-code {
        margin-bottom: 50px !important
    }

    .main .panel-payment-area .selectbox-style {
        width: 100% !important
    }

    .main .panel-list-toggle .toggle-title p {
        padding: 10px 65px 10px 30px !important;
        font-size: 13px !important
    }

    .main .panel-configuration .m-td {
        display: block !important;
        width: 100% !important
    }

    .main .panel-configuration .m-td:first-child {
        margin-bottom: 10px !important
    }

    .main .panel-ns .m-td {
        display: block !important;
        width: 100% !important
    }

    .main .panel-router .m-td {
        display: block !important;
        width: 100% !important
    }

    .main .panel-router .m-td:first-child {
        margin-bottom: 5px !important
    }

    .main .statistic-info .m-left, .main .statistic-info .m-right {
        float: none !important;
        width: 100% !important
    }

    .main .p-search input {
        width: 100% !important
    }

    .main .main .panel-payment-area.edit .payment {
        width: 100% !important
    }

    .main .cancellation .m-table .m-td {
        display: block !important;
        width: 100% !important;
        text-align: center !important
    }

    .main .cancellation .m-table .m-td button {
        display: block;
        width: 100%;
        padding: 15px;
        margin-top: 10px
    }

    .main .panel-unsuccessful {
        width: 100% !important;
        min-height: inherit !important
    }

    .main .panel-unsuccessful p {
        padding: 0 !important
    }

    .main .panel-unsuccessful p:before {
        display: none !important
    }

    .main .account-statistics .m-left, .main .account-statistics .m-right {
        width: 100% !important;
        float: none !important
    }

    .main .account-statistics .m-left {
        margin-bottom: 10px !important
    }

    .main .account-statistics .p-widget .button-type {
        height: inherit !important
    }

    .main .account-statistics .p-widget .button-type input {
        padding-right: 15px !important
    }

    .main .account-statistics .p-widget .button-type .selectbox-style {
        width: 100% !important
    }

    .main .account-statistics .p-widget .button-type a {
        position: inherit !important;
        right: inherit !important;
        top: inherit !important;
        width: 100% !important;
        display: block !important
    }

    .main .account-statistics .p-widget .m-table {
        text-align: center
    }

    .main .account-statistics .p-widget .m-table .m-td {
        width: 100% !important;
        display: block !important;
        text-align: center !important
    }

    .main .success-exit {
        text-align: center
    }

    .main .success-exit span {
        display: block !important
    }

    .main .success-exit a {
        float: none !important;
        width: 100% !important;
        text-align: center
    }

    .main .panel-content .panel-inner {
        padding: 10px !important
    }

    .main .panel-content .panel-box .panel-box-head > div {
        display: block
    }

    .main .panel-content .panel-box .panel-box-head .title.custom span:after {
        display: none !important
    }

    .main .panel-content .panel-box .panel-box-head .right-side {
        text-align: left;
        margin-right: 0;
        margin-bottom: 5px;
        margin-top: 5px
    }

    .main .panel-content .panel-box .panel-box-head .right-side .ss .text {
        margin-bottom: 10px;
        top: 0 !important;
        display: block !important
    }

    .main .panel-content .panel-box .panel-box-head .right-side .ss .selectbox-style {
        width: 100% !important;
        margin-left: 0 !important
    }
}

@media screen and (max-width: 850px) and (max-width: 480px) {
    .main .panel-content .panel-box .panel-box-head .right-side {
        text-align: center
    }
}

@media screen and (max-width: 850px) {
    .main .panel-form .m-td {
        display: block !important;
        width: 100% !important
    }

    .main .panel-form .m-td:first-child {
        margin-bottom: 10px !important
    }

    .main ul.cart-info .m-left {
        float: none !important;
        width: 100% !important;
        margin-bottom: 10px !important
    }

    .main ul.cart-info .m-right {
        float: none !important;
        width: 100% !important
    }

    .main .panel-form-type-2 .m-td {
        display: block !important;
        width: 100% !important
    }

    .main .panel-form-type-2 .m-td:first-child {
        margin-bottom: 13px
    }

    .main .message-box .image {
        display: none !important
    }

    .main .message-box .content {
        margin: 0 !important
    }

    .main .message-box .content:after {
        display: none
    }

    .main .message-box .content .title span.name {
        font-size: 15px !important
    }

    .main .message-box .content .title .left-side {
        float: none !important
    }

    .main .message-box .content .title .right-side {
        float: none !important;
        text-align: left !important;
        margin-top: 10px !important
    }

    .main .message-box .content .title .right-side span {
        font-size: 13px !important
    }

    .main .panel-message-nav .m-left, .main .panel-message-nav .m-right {
        width: 100% !important;
        float: none !important;
        text-align: center !important
    }

    .main .panel-message-nav h2 {
        display: none
    }

    .main .panel-message-nav .panel-stars {
        display: none
    }

    .main .panel-message-nav .panel-stars .rating {
        margin-left: 70px;
        margin-bottom: 20px
    }

    .main .panel-message-nav a {
        width: 100% !important;
        display: block !important;
        padding: 15px !important;
        margin: 10px 0 !important
    }

    .main .panel-message-nav p {
        display: none !important
    }

    .main .panel-form-type li .m-left, .main .panel-form-type li .m-right, .main .panel-form-type li .half, .main .panel-form-type li .quarter {
        float: none !important;
        width: 100% !important
    }

    .main .panel-form-type li.buttons .left-side, .main .panel-form-type li.buttons button {
        float: none !important;
        width: 100% !important
    }

    .main .panel-form-type li.buttons label {
        display: block !important;
        text-align: center;
        margin-bottom: 10px
    }

    .main .panel-form-type li.buttons button {
        display: block
    }

    .main .panel-form-type li .m-left {
        margin-bottom: 20px !important
    }

    .main .panel-form-type li .half, .main .panel-form-type li .quarter {
        margin-bottom: 20px !important
    }

    .main .panel-notification-list ul li {
        display: block !important;
        width: 100% !important;
        padding: 12px !important
    }

    .main #sub-account-content span.text {
        font-size: 12px !important
    }

    .main ul.panel-info-checkbox span.text {
        font-size: 12px !important
    }

    .main .panel-change-password .m-left, .main .panel-change-password .m-right {
        float: none !important;
        width: 100% !important
    }

    .main .panel-change-password .m-left {
        margin-bottom: 10px !important
    }

    .main .panel-change-password span {
        display: block !important;
        top: inherit !important;
        margin-bottom: 10px !important
    }

    .main .panel-change-password input {
        float: none !important;
        width: 100% !important
    }

    .main .password-change ul li {
        font-size: 13px !important
    }

    .main .password-change ul li .m-td {
        display: block !important;
        width: 100% !important
    }

    .main .password-change ul li .m-td:first-child {
        margin-bottom: 10px
    }

    .main .password-change ul li:last-child .m-td:first-child {
        display: none !important
    }

    .main .panel-confirm a {
        margin-top: 20px;
        display: block !important;
        width: 100%;
        padding: 20px !important
    }

    .main .add-balance .col {
        float: none !important;
        width: 100% !important;
        margin-bottom: 10px !important
    }

    .main .add-balance ul.ss li:last-child p {
        top: inherit !important;
        margin-bottom: 20px
    }

    .main .add-balance ul.ss li:last-child a {
        float: none !important;
        width: 100% !important;
        text-align: center
    }

    .main .add-balance ul.ss .m-td {
        display: block !important
    }

    .main .add-balance ul.ss .m-td:first-child {
        margin-bottom: 15px
    }

    .panel-dns-management table {
        width: 700px !important
    }
}

@media (max-width: 640px) {
    .panel-quicknav ul > li {
        width: 100%;
        display: inline-block;
        vertical-align: top
    }

    .panel-quicknav ul > li:nth-child(n) {
        margin-bottom: 7px !important;
        margin-right: 7px
    }

    .panel-quicknav ul > li:nth-child(1n) {
        margin-right: 0;
        margin-bottom: 0
    }

    .panel-quicknav ul > li:nth-last-child(-n + 1) {
        margin-bottom: 0
    }

    .panel-quicknav ul > li > a {
        height: 35px;
        font-size: 12px;
        padding-top: 0;
        line-height: 35px;
        -webkit-box-shadow: inset 0 -1px 0 #03a9f4;
        -moz-box-shadow: inset 0 -1px 0 #03a9f4;
        -ms-box-shadow: inset 0 -1px 0 #03a9f4;
        -o-box-shadow: inset 0 -1px 0 #03a9f4;
        box-shadow: inset 0 -1px 0 #03a9f4
    }

    .panel-quicknav ul > li > a:before, .panel-quicknav ul > li > a:after {
        display: none !important;
        content: none !important
    }
}

.multi-domain-management h6 {
    display: block;
    font: 300 16px/120% Gotham, Arial, sans-serif;
    color: #04314e;
    margin-bottom: 45px
}

.multi-domain-management .mdm-list li {
    margin-bottom: 8px
}

.multi-domain-management .mdm-list li:last-child {
    margin-bottom: 0
}

.multi-domain-management .mdm-list li a {
    display: inline-block;
    vertical-align: top;
    height: 38px;
    border: 2px solid #f5f8fa;
    font: 300 16px/34px Gotham, Arial, sans-serif;
    color: #04314e;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    padding: 0 14px
}

.multi-domain-management .mdm-list li a:before {
    content: '';
    border: 6px solid transparent;
    border-left-color: #394248;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    position: relative;
    top: -1px
}

.multi-domain-management .mdm-list li a:hover {
    background-color: #f5f8fa
}

.multi-domain-management .mdm-nameservers {
    margin-top: 60px
}

.multi-domain-management .mdm-nameservers .filter {
    margin-bottom: 10px;
    font-size: 0
}

.multi-domain-management .mdm-nameservers .filter li {
    display: inline-block;
    vertical-align: top;
    margin-right: 12px;
    margin-bottom: 10px
}

.multi-domain-management .mdm-nameservers .filter li:last-child {
    margin-bottom: 0
}

.multi-domain-management .mdm-nameservers .filter li .input-radio {
    display: inline-block;
    vertical-align: top;
    min-height: 43px;
    background-color: #f5f8fa;
    padding: 12px 18px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.multi-domain-management .mdm-nameservers .filter li .input-radio input {
    position: absolute;
    left: -9999px
}

.multi-domain-management .mdm-nameservers .filter li .input-radio i {
    display: inline-block;
    vertical-align: top;
    width: 18px;
    height: 18px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    float: left;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    background-color: #d4dfe6;
    border: 5px solid #d4dfe6
}

.multi-domain-management .mdm-nameservers .filter li .input-radio span {
    display: block;
    margin-left: 31px;
    font: 300 16px/120% Gotham, Arial, sans-serif;
    color: #04314e;
    margin-top: 2px
}

.multi-domain-management .mdm-nameservers .filter li .input-radio.active i {
    background-color: #03a9f4
}

.multi-domain-management .mdm-nameservers .forms {
    max-width: 636px;
    width: auto
}

.multi-domain-management .mdm-nameservers .forms .item {
    margin-bottom: 12px;
    min-height: 48px;
    overflow: hidden
}

.multi-domain-management .mdm-nameservers .forms .item:last-child {
    margin-bottom: 0
}

.multi-domain-management .mdm-nameservers .forms .item .item--label {
    float: left;
    width: 230px;
    padding-right: 10px;
    font: 300 16px/48px Gotham, Arial, sans-serif;
    color: #04314e
}

.multi-domain-management .mdm-nameservers .forms .item .item--input {
    margin-left: 230px
}

.multi-domain-management .mdm-nameservers .forms .item .input-text {
    width: 100%;
    height: 48px;
    border: 1px solid #a8b3b9;
    padding: 0 20px 2px;
    font: 16px Gotham, Arial, sans-serif;
    color: #04314e;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.multi-domain-management .mdm-nameservers .forms .item .input-text::-webkit-input-placeholder {
    color: #8e909e;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.multi-domain-management .mdm-nameservers .forms .item .input-text:-moz-placeholder {
    color: #8e909e;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.multi-domain-management .mdm-nameservers .forms .item .input-text::-moz-placeholder {
    color: #8e909e;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.multi-domain-management .mdm-nameservers .forms .item .input-text:-ms-input-placeholder {
    color: #8e909e;
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.multi-domain-management .mdm-nameservers .forms .item .input-text:focus::-webkit-input-placeholder {
    opacity: 0 !important
}

.multi-domain-management .mdm-nameservers .forms .item .input-text:focus:-moz-placeholder {
    opacity: 0 !important
}

.multi-domain-management .mdm-nameservers .forms .item .input-text:focus::-moz-placeholder {
    opacity: 0 !important
}

.multi-domain-management .mdm-nameservers .forms .item .input-text:focus:-ms-input-placeholder {
    opacity: 0 !important
}

.multi-domain-management .mdm-nameservers .forms .item .input-text:focus {
    border-color: #03a9f4
}

.credit-card.cart-type2 {
    max-width: 100% !important;
    width: 100%
}

.credit-card.cart-type2 .cards {
    float: left;
    width: 350px
}

.credit-card.cart-type2 .form {
    margin-left: 370px
}

@media (max-width: 1140px) {
    .credit-card.cart-type2 {
        max-width: 350px;
        margin: 0 auto
    }

    .credit-card.cart-type2 .cards {
        float: inherit;
        width: auto
    }

    .credit-card.cart-type2 .form {
        margin-left: 0
    }
}


.main .cart-session .session--form .item .item--input .input-check {
    display: inline-block;
    vertical-align: top;
    min-height: 20px;
    margin-top: 12px
}

.main .cart-session .session--form .item .item--input .input-check input {
    position: absolute;
    left: -9999px
}

.main .cart-session .session--form .item .item--input .input-check i {
    display: block;
    width: 20px;
    height: 20px;
    background-color: #03a9f4;
    float: left;
    position: relative;
    cursor: pointer;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}

.main .cart-session .session--form .item .item--input .input-check i:hover {
    background-color: #26bbff
}

.main .cart-session .session--form .item .item--input .input-check i:before {
    content: '';
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -62px -18px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 8px;
    width: 11px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -4px;
    margin-left: -5.5px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0)
}

.main .cart-session .session--form .item .item--input .input-check.active i:before {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 100;
    filter: alpha(opacity=100);
    visibility: visible
}

.main .cart-session .session--form .item .item--input .input-check span {
    display: block;
    margin-left: 30px;
    font: 12px/120% Gotham, Arial, sans-serif;
    color: #788388;
    padding-top: 3px;
}

.main .cart-session .session--form .item .item--label {
    text-align: left;
}


/* default selectbox */
.selectbox {
    width: 250px;
    max-width: 100%;
    display: inline-block;
    vertical-align: top;
    height: 42px;
    color: #788388;
    font: 300 14px Gotham, Arial, sans-serif;
    background-color: transparent
}

.selectbox select {
    width: 100%;
    height: 42px;
    background-color: #fff;
    border: 1px solid #97a5ae;
    color: #b7bec7;
    font: 300 17px Gotham, Arial, sans-serif
}

.selectbox.touch {
    padding-right: 0
}

.selectbox.touch select {
    padding-left: 20px;
    z-index: 5
}

.selectbox .sod_label {
    height: 42px;
    line-height: 40px;
    padding-left: 55px;
    padding-right: 52px;
    border: 1px solid #c9cfd2;
    position: relative;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.selectbox .sod_label:before {
    content: '';
    background-color: #e0e2e5;
    width: 40px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.selectbox .sod_label:after {
    content: '';
    position: absolute;
    display: inline-block;
    background-image: url(../img/icons-s55f8bf7893.png);
    background-position: -39px -18px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 6px;
    width: 11px;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 14px
}

.selectbox .sod_list_wrapper {
    border: 1px solid #97a5ae;
    border-top: 0
}

.selectbox .sod_list_wrapper .sod_list {
    max-height: 175px;
    overflow-x: hidden;
    overflow-y: auto
}

.selectbox .sod_list_wrapper .sod_option {
    display: block;
    min-height: 35px;
    font: 13px/120% Gotham, Arial, sans-serif;
    color: #3d3d3d;
    padding: 8px 12px;
    white-space: normal
}

.selectbox .sod_list_wrapper .sod_option.selected {
    background-color: #eee
}

.selectbox.open {
    color: #636d7b;
    position: relative;
    z-index: 10;
}

.selectbox.open .sod_label {
    border-color: #97a5ae;
    border-bottom-color: transparent
}

.selectbox.open .sod_label:after {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.selectbox.open .sod_list_wrapper {
    margin-top: -1px
}

.selectbox.open + .icon {
    border-color: transparent;
    color: #636d7b
}

.selectbox.above .sod_label {
    border-bottom-color: #97a5ae;
    border-top-color: transparent
}

.selectbox.above .sod_list_wrapper {
    margin-top: 0;
    margin-bottom: -1px;
    border-top: 1px solid #97a5ae;
    border-bottom: 0
}

.selectbox.focus .sod_label {
    border-color: #97a5ae
}

.selectbox.focus + .icon {
    border-color: transparent;
    color: #636d7b
}
.allow-select, .allow-select * {
    -webkit-touch-callout: auto !important;
    -webkit-user-select: auto !important;
    -khtml-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important;
}

.main ul.cart-info .m-left.expiries {
    position: relative;
    padding-right: 74px;
    border: 1px solid #cfcfcf;
}
.main ul.cart-info .m-left.expiries label {
    border: 0 !important;
    border-top: 1px solid #cfcfcf !important;
}
.main ul.cart-info .m-left.expiries label:first-child {
    border-top: 0 !important;
}
.main ul.cart-info .m-left.expiries label,
.main ul.cart-info .m-left.expiries label select {
    width: 100% !important;
}
.main ul.cart-info .m-left.expiries label select {
    background: #fff;
    border-radius: 0;
    -webkit-border-radius: 0;
    border: 0 !important;
}

.custom-dropdown-btn {
    display: block;
    height: 40px;
    line-height: 36px;
    padding-left: 15px;
    padding-right: 51px;
    text-align: left;
    border: 2px solid #f1f1f1;
    position: relative;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #8e9195;
    font: 500 15px Gotham, Arial, sans-serif;
}
.custom-dropdown-btn:hover {
    background-color: #fff;
    border-color: #ccc;
}

.custom-dropdown-btn:before {
    content: '';
    width: 42px;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: #f6f6f6
}

.custom-dropdown-btn:after {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-top: 4px solid #494f56;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    margin-left: -4px;
    top: 16px;
    right: 16px;
    z-index: 2
}