@import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,700,600|Roboto:400,900&subset=cyrillic-ext,latin);.icons-sprite,.top-line .phone .icon,.top-line .email .icon,.top-line .login-btn .icon,.page-header .logo,.page-header .menu-wrap .menu-toggle,.page-footer .footer-gallery a:after,.page-footer .footer-logo,.contacts-box .email .icon,.contacts-box .address .icon,.contacts-box .phone .icon,.fotorama .fotorama-slide .fancy:before,.fotorama .fotorama__arr--prev,.fotorama .fotorama__arr--prev.fotorama__arr--disabled,.fotorama .fotorama__arr--next,.fotorama .fotorama__arr--next.fotorama__arr--disabled,.fotorama .fotorama__wrap .fotorama__fullscreen-icon,.fotorama.fotorama--fullscreen .fotorama__wrap .fotorama__fullscreen-icon,.testimonials-slider ul li .testimonial-header .tail,.testimonials-slider ul li .testimonial-content:before,.content-header .content-header-wrap .pager span,.content-header .content-header-wrap .pager span.active,.content-header .hide-btn,.content-header .hide-btn:hover,.content-header .hide-btn .icon,.content-header.hdn .hide-btn .icon,.slider .slider-prev,.slider .slider-next,.contacts-cards .card .icon-phone,.contacts-cards .card .icon-chat,.contacts-cards .card .icon-ticket,.form-wrap .row .icon-user,.form-wrap .row .icon-email,.form-wrap .row .icon-phone,.form-wrap input[type="radio"]+label:before,.form-wrap input[type="radio"]:checked+label:before,.soc-icons .icon-fb,.soc-icons .icon-tw,.soc-icons .icon-sk,ul.check-list li:before,.features-list ul li:before,.servers-list .icon-option-ram,.servers-list .icon-option-hdd,.servers-list .icon-option-bw,.servers-list .icon-option-ut,.servers-list .icon-option-ip,.servers-list .icon-option-s,.servers-list .icon-option-cpu,.servers-list .server.bestseller:before {
    background: url('../i/icons-se7911998e8.png') no-repeat
}

/*!
 * Fotorama 4.6.2 | http://fotorama.io/license/
 */
.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__html,.fotorama__img,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.fotorama--fullscreen,.fotorama__img {
    max-width: 99999px !important;
    max-height: 99999px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important
}

.fotorama__wrap .fotorama__grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.fotorama__grabbing * {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.fotorama__spinner {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important
}

.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3 .fotorama__video-play {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.fotorama__caption,.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__stage__frame {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fotorama__arr:focus,.fotorama__fullscreen-icon:focus,.fotorama__nav__frame {
    outline: 0
}

.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after {
    content: '';
    border-radius: inherit;
    background-color: rgba(0,175,234,0.5)
}

.fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__shaft {
    -webkit-transform: none !important;
    transform: none !important
}

.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border {
    transition-property: -webkit-transform,width;
    transition-property: transform,width;
    transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    transition-duration: 0ms
}

.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__no-select,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fotorama__select {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.fotorama__nav,.fotorama__nav__frame {
    margin: auto;
    padding: 0
}

.fotorama__caption__wrap,.fotorama__nav__frame,.fotorama__nav__shaft {
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    *zoom:1}

.fotorama__wrap * {
    box-sizing: content-box
}

.fotorama__caption__wrap {
    box-sizing: border-box
}

.fotorama--hidden,.fotorama__load {
    position: absolute;
    left: -99999px;
    top: -99999px;
    z-index: -1
}

.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play {
    -webkit-tap-highlight-color: transparent
}

.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play {
    background: url(../i/fotorama.png) no-repeat
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
    .fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play {
        background:url(../i/fotorama@2x.png) no-repeat;
        background-size: 96px 160px
    }
}

.fotorama__thumb {
    background-color: #7f7f7f;
    background-color: rgba(127,127,127,0.2)
}

@media print {
    .fotorama__arr,.fotorama__fullscreen-icon,.fotorama__thumb-border,.fotorama__video-close,.fotorama__video-play {
        background: none !important
    }
}

.fotorama {
    min-width: 1px;
    overflow: hidden
}

.fotorama:not(.fotorama--unobtrusive)>:not(:first-child) {
    display: none
}

.fullscreen {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #000
}

.fotorama--fullscreen {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    float: none !important;
    z-index: 2147483647 !important;
    background: #000;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important
}

.fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage {
    background: #000
}

.fotorama__wrap {
    -webkit-text-size-adjust: 100%;
    position: relative;
    direction: ltr;
    z-index: 0
}

.fotorama__wrap--rtl .fotorama__stage__frame {
    direction: rtl
}

.fotorama__nav,.fotorama__stage {
    overflow: hidden;
    position: relative;
    max-width: 100%
}

.fotorama__wrap--pan-y {
    -ms-touch-action: pan-y
}

.fotorama__wrap .fotorama__pointer {
    cursor: pointer
}

.fotorama__wrap--slide .fotorama__stage__frame {
    opacity: 1 !important
}

.fotorama__stage__frame {
    overflow: hidden
}

.fotorama__stage__frame.fotorama__active {
    z-index: 8
}

.fotorama__wrap--fade .fotorama__stage__frame {
    display: none
}

.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active {
    display: block;
    left: 0;
    top: 0
}

.fotorama__wrap--fade .fotorama__fade-front {
    z-index: 8
}

.fotorama__wrap--fade .fotorama__fade-rear {
    z-index: 7
}

.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active {
    z-index: 9
}

.fotorama__wrap--fade .fotorama__stage .fotorama__shadow {
    display: none
}

.fotorama__img {
    -ms-filter: "alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    border: none !important
}

.fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img {
    -ms-filter: "alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
}

.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full {
    display: none
}

.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full {
    display: block
}

.fotorama__wrap--only-active .fotorama__nav,.fotorama__wrap--only-active .fotorama__stage {
    max-width: 99999px !important
}

.fotorama__wrap--only-active .fotorama__stage__frame {
    visibility: hidden
}

.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active {
    visibility: visible
}

.fotorama__nav {
    font-size: 0;
    line-height: 0;
    text-align: center;
    display: none;
    white-space: nowrap;
    z-index: 5
}

.fotorama__nav__shaft {
    position: relative;
    left: 0;
    top: 0;
    text-align: left
}

.fotorama__nav__frame {
    position: relative;
    cursor: pointer
}

.fotorama__nav--dots {
    display: block
}

.fotorama__nav--dots .fotorama__nav__frame {
    width: 18px;
    height: 30px
}

.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border {
    display: none
}

.fotorama__nav--thumbs {
    display: block
}

.fotorama__nav--thumbs .fotorama__nav__frame {
    padding-left: 0 !important
}

.fotorama__nav--thumbs .fotorama__nav__frame:last-child {
    padding-right: 0 !important
}

.fotorama__nav--thumbs .fotorama__nav__frame--dot {
    display: none
}

.fotorama__dot {
    display: block;
    width: 4px;
    height: 4px;
    position: relative;
    top: 12px;
    left: 6px;
    border-radius: 6px;
    border: 1px solid #7f7f7f
}

.fotorama__nav__frame:focus .fotorama__dot:after {
    padding: 1px;
    top: -1px;
    left: -1px
}

.fotorama__nav__frame.fotorama__active .fotorama__dot {
    width: 0;
    height: 0;
    border-width: 3px
}

.fotorama__nav__frame.fotorama__active .fotorama__dot:after {
    padding: 3px;
    top: -3px;
    left: -3px
}

.fotorama__thumb {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%
}

.fotorama__nav__frame:focus .fotorama__thumb {
    z-index: 2
}

.fotorama__thumb-border {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    border-style: solid;
    border-color: #00afea;
    background-image: linear-gradient(to bottom right, rgba(255,255,255,0.25),rgba(64,64,64,0.1))
}

.fotorama__caption {
    position: absolute;
    z-index: 12;
    bottom: 0;
    left: 0;
    right: 0;
    font-family: 'Helvetica Neue',Arial,sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #000
}

.fotorama__caption a {
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid;
    border-color: rgba(0,0,0,0.5)
}

.fotorama__caption a:hover {
    color: #333;
    border-color: rgba(51,51,51,0.5)
}

.fotorama__wrap--rtl .fotorama__caption {
    left: auto;
    right: 0
}

.fotorama__wrap--no-captions .fotorama__caption,.fotorama__wrap--video .fotorama__caption {
    display: none
}

.fotorama__caption__wrap {
    background-color: #fff;
    background-color: rgba(255,255,255,0.9);
    padding: 5px 10px
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.fotorama__wrap--css3 .fotorama__spinner {
    -webkit-animation: spinner 24s infinite linear;
    animation: spinner 24s infinite linear
}

.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img {
    transition-property: opacity;
    transition-timing-function: linear;
    transition-duration: .3s
}

.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img {
    -ms-filter: "alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0
}

.fotorama__select {
    cursor: auto
}

.fotorama__video {
    top: 32px;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 10
}

@-moz-document url-prefix() {
    .fotorama__active {
        box-shadow: 0 0 0 transparent
    }
}

.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play {
    position: absolute;
    z-index: 11;
    cursor: pointer
}

.fotorama__arr {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 50%;
    margin-top: -16px
}

.fotorama__arr--prev {
    left: 2px;
    background-position: 0 0
}

.fotorama__arr--next {
    right: 2px;
    background-position: -32px 0
}

.fotorama__arr--disabled {
    pointer-events: none;
    cursor: default;
    *display: none;
    opacity: .1
}

.fotorama__fullscreen-icon {
    width: 32px;
    height: 32px;
    top: 2px;
    right: 2px;
    background-position: 0 -32px;
    z-index: 20
}

.fotorama__arr:focus,.fotorama__fullscreen-icon:focus {
    border-radius: 50%
}

.fotorama--fullscreen .fotorama__fullscreen-icon {
    background-position: -32px -32px
}

.fotorama__video-play {
    width: 96px;
    height: 96px;
    left: 50%;
    top: 50%;
    margin-left: -48px;
    margin-top: -48px;
    background-position: 0 -64px;
    opacity: 0
}

.fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--video .fotorama__stage .fotorama__video-play {
    display: none
}

.fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play {
    opacity: 1;
    display: block
}

.fotorama__nav__frame .fotorama__video-play {
    width: 32px;
    height: 32px;
    margin-left: -16px;
    margin-top: -16px;
    background-position: -64px -32px
}

.fotorama__video-close {
    width: 32px;
    height: 32px;
    top: 0;
    right: 0;
    background-position: -64px 0;
    z-index: 20;
    opacity: 0
}

.fotorama__wrap--css2 .fotorama__video-close {
    display: none
}

.fotorama__wrap--css3 .fotorama__video-close {
    -webkit-transform: translate3d(32px, -32px, 0);
    transform: translate3d(32px, -32px, 0)
}

.fotorama__wrap--video .fotorama__video-close {
    display: block;
    opacity: 1
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
    opacity: 0
}

.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
    opacity: 1
}

.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon {
    opacity: 0 !important
}

.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
    display: none
}

.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
    display: block
}

.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon {
    display: none !important
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) {
    -webkit-transform: translate3d(32px, -32px, 0);
    transform: translate3d(32px, -32px, 0)
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) {
    -webkit-transform: translate3d(-48px, 0, 0);
    transform: translate3d(-48px, 0, 0)
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) {
    -webkit-transform: translate3d(48px, 0, 0);
    transform: translate3d(48px, 0, 0)
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon {
    -webkit-transform: translate3d(32px, -32px, 0) !important;
    transform: translate3d(32px, -32px, 0) !important
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev {
    -webkit-transform: translate3d(-48px, 0, 0) !important;
    transform: translate3d(-48px, 0, 0) !important
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next {
    -webkit-transform: translate3d(48px, 0, 0) !important;
    transform: translate3d(48px, 0, 0) !important
}

.fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus) {
    transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    transition-duration: .3s
}

.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before {
    content: "";
    display: block;
    position: absolute;
    text-decoration: none;
    top: 0;
    bottom: 0;
    width: 10px;
    height: auto;
    z-index: 10;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: 1px 100%,5px 100%
}

.fotorama__nav:before,.fotorama__stage:before {
    background-image: linear-gradient(transparent,rgba(0,0,0,0.2) 25%,rgba(0,0,0,0.3) 75%,transparent),radial-gradient(farthest-side at 0 50%, rgba(0,0,0,0.4),transparent);
    background-position: 0 0,0 0;
    left: -10px
}

.fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before {
    left: 0
}

.fotorama__nav:after,.fotorama__stage:after {
    background-image: linear-gradient(transparent,rgba(0,0,0,0.2) 25%,rgba(0,0,0,0.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,0.4),transparent);
    background-position: 100% 0,100% 0;
    right: -10px
}

.fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after {
    right: 0
}

.fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before {
    display: none
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.fancybox-opened {
    z-index: 8030
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 10px 25px rgba(0,0,0,0.5);
    box-shadow: 0 10px 25px rgba(0,0,0,0.5)
}

.fancybox-outer,.fancybox-inner {
    position: relative
}

.fancybox-inner {
    overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-image,.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span {
    background-image: url("../i/fancybox_sprite.png")
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url("../i/fancybox_loading.gif") center center no-repeat
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url("../i/blank.gif");
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important
}

.fancybox-lock {
    overflow: hidden !important;
    width: auto
}

.fancybox-lock body {
    overflow: hidden !important
}

.fancybox-lock-test {
    overflow-y: hidden !important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url("../i/fancybox_overlay.png")
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    background: rgba(0,0,0,0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0,0,0,0.8)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span {
        background-image: url("../i/fancybox_sprite@2x.png");
        background-size: 44px 152px
    }

    #fancybox-loading div {
        background-image: url("../i/fancybox_loading@2x.gif");
        background-size: 24px 24px
    }
}

/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
    display: block
}

audio,canvas,video {
    display: inline-block;
    *display: inline;
    *zoom:1}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

html,button,input,select,textarea {
    font-family: sans-serif
}

body {
    margin: 0
}

a:focus {
    outline: thin dotted
}

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

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0
}

h3 {
    font-size: 1.17em;
    margin: 1em 0
}

h4 {
    font-size: 1em;
    margin: 1.33em 0
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: bold
}

blockquote {
    margin: 1em 40px
}

dfn {
    font-style: italic
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

p,pre {
    margin: 1em 0
}

code,kbd,pre,samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: none
}

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

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

dl,menu,ol,ul {
    margin: 1em 0
}

dd {
    margin: 0 0 0 40px
}

menu,ol,ul {
    padding: 0 0 0 40px
}

nav ul,nav ol {
    list-style: none;
    list-style-image: none
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

form {
    margin: 0
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px
}

button,input,select,textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}

button,input {
    line-height: normal
}

button,select {
    text-transform: none
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible
}

button[disabled],html input[disabled] {
    cursor: default
}

input[type="checkbox"],input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

textarea {
    overflow: auto;
    vertical-align: top
}

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

html,button,input,select,textarea {
    color: #222
}

html {
    font-size: 1em;
    line-height: 1.4
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

audio,canvas,img,video {
    vertical-align: middle
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0
}

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%
}

.hidden {
    display: none !important;
    visibility: hidden
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.invisible {
    visibility: hidden
}

.clearfix:before,.wrap:before,.cols2:before,.testimonials-slider ul li .testimonial-header:before,.os-logos:before,.plans-cards:before,.contacts-cols:before,.form-wrap .bottom-cols:before,.why-us .cards:before,.why-us .cards .card .cols:before,.clearfix:after,.wrap:after,.cols2:after,.testimonials-slider ul li .testimonial-header:after,.os-logos:after,.plans-cards:after,.contacts-cols:after,.form-wrap .bottom-cols:after,.why-us .cards:after,.why-us .cards .card .cols:after {
    content: " ";
    display: table
}

.clearfix:after,.wrap:after,.cols2:after,.testimonials-slider ul li .testimonial-header:after,.os-logos:after,.plans-cards:after,.contacts-cols:after,.form-wrap .bottom-cols:after,.why-us .cards:after,.why-us .cards .card .cols:after {
    clear: both
}

.clearfix,.wrap,.cols2,.testimonials-slider ul li .testimonial-header,.os-logos,.plans-cards,.contacts-cols,.form-wrap .bottom-cols,.why-us .cards,.why-us .cards .card .cols {
    *zoom:1}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {
        content: ""
    }

    pre,blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr,img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: 0.5cm
    }

    p,h2,h3 {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }
}

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
    display: none
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-item img {
    opacity: 1 !important
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

body {
    font-family: 'Open Sans', Arial, Sans-serif;
    background: #fff;
    font-size: 13px;
    color: #73848e;
    line-height: 1.8
}

a {
    color: #008fd5;
    outline: none !important
}

a:hover {
    text-decoration: none
}

.hl {
    color: #008fd5
}

p {
    margin: 0 0 20px
}

img[align="left"] {
    float: left;
    margin: 0 30px 30px 0
}

img[align="right"] {
    float: right;
    margin: 0 0 30px 30px
}

h1 {
    font-size: 30px;
    color: #2d363c;
    margin: 0 0 30px;
    font-weight: normal
}

h2 {
    font-size: 24px;
    color: #069fd3;
    font-weight: normal;
    margin: 0 0 25px
}

h3 {
    font-size: 18px;
    color: #2d363c;
    margin: 0 0 15px;
    font-weight: normal
}

.section-header {
    font-size: 30px;
    color: #2d363c;
    margin: 0 0 30px;
    font-weight: normal;
    line-height: 1.1;
    border-bottom: 1px dotted #e4e9f0
}

.section-header span {
    display: inline-block;
    margin: 0 0 -2px;
    border-bottom: 2px solid #1299e3;
    padding: 0 20px 10px 0
}

ul {
    list-style: outside url(../i/list-dot.png);
    margin: 0 0 20px;
    padding: 0 0 0 11px;
    overflow: hidden
}

.wrap {
    max-width: 1188px;
    padding: 0 10px;
    margin: 0 auto
}

.top-line {
    background: #fcfcfc;
    border-bottom: 1px solid #e6e6e6;
    height: 40px;
    -webkit-box-shadow: 0 0 0 2px #f1f1f1;
    -moz-box-shadow: 0 0 0 2px #f1f1f1;
    box-shadow: 0 0 0 2px #f1f1f1;
    margin: 0 0 2px
}

@media screen and (max-width: 650px) {
    .top-line {
        height:auto
    }

    .top-line .wrap {
        padding-left: 0;
        padding-right: 0
    }
}

.top-line .phone,.top-line .email {
    float: right;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    font-size: 11px;
    color: #0b2b33;
    text-transform: uppercase
}

.top-line .phone a,.top-line .email a {
    color: #000;
    text-decoration: none
}

.top-line .phone a:hover,.top-line .email a:hover {
    color: #008fd5;
    text-decoration: underline
}

@media screen and (max-width: 480px) {
    .top-line .phone,.top-line .email {
        padding:0 5px;
        font-size: 9px
    }
}

@media screen and (max-width: 360px) {
    .top-line .phone,.top-line .email {
        padding:0 5px;
        font-size: 8px
    }
}

.top-line .phone .icon,.top-line .email .icon {
    margin-right: 15px
}

@media screen and (max-width: 480px) {
    .top-line .phone .icon,.top-line .email .icon {
        margin-right:5px
    }
}

.top-line .phone {
    position: relative
}

.top-line .phone:before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 8px;
    width: 1px;
    background: #ddd
}

@media screen and (max-width: 650px) {
    .top-line .phone:before {
        display:none
    }
}

.top-line .phone .icon {
    width: 16px;
    height: 16px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: -281px -41px
}

.top-line .email .icon {
    width: 18px;
    height: 20px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: -109px 0
}

@media screen and (max-width: 650px) {
    .top-line .email {
        float:left
    }
}

.top-line .login-btn {
    display: block;
    float: right;
    font-size: 11px;
    text-transform: uppercase;
    text-decoration: none;
    color: #feffff;
    text-shadow: 0 -1px 0 #1273bf;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    border-bottom: 3px solid #0066ae;
    background-color: #07b7f4;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #07b7f4), color-stop(100%, #1e8de9));
    background-image: -webkit-linear-gradient(#07b7f4,#1e8de9);
    background-image: -moz-linear-gradient(#07b7f4,#1e8de9);
    background-image: -o-linear-gradient(#07b7f4,#1e8de9);
    background-image: linear-gradient(#07b7f4,#1e8de9)
}

.top-line .login-btn:hover {
    background-color: #39c5f6;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #39c5f6), color-stop(100%, #49a6ee));
    background-image: -webkit-linear-gradient(#39c5f6,#49a6ee);
    background-image: -moz-linear-gradient(#39c5f6,#49a6ee);
    background-image: -o-linear-gradient(#39c5f6,#49a6ee);
    background-image: linear-gradient(#39c5f6,#49a6ee)
}

@media screen and (max-width: 650px) {
    .top-line .login-btn {
        float:none
    }
}

.top-line .login-btn .icon {
    width: 14px;
    height: 14px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: -247px -41px;
    margin: 0 10px 0 0;
    position: relative;
    top: -2px
}

.page-header {
    background-color: #fff;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f1f1f1));
    background-image: -webkit-linear-gradient(#ffffff,#f1f1f1);
    background-image: -moz-linear-gradient(#ffffff,#f1f1f1);
    background-image: -o-linear-gradient(#ffffff,#f1f1f1);
    background-image: linear-gradient(#ffffff,#f1f1f1)
}

.page-header .wrap {
    position: relative;
    height: 85px
}

.page-header .logo {
    width: 306px;
    height: 26px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: 0 -99px;
    float: left;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -13px
}

@media screen and (max-width: 1050px) {
    .page-header .logo {
        -webkit-transform:scale(0.6);
        -moz-transform: scale(0.6);
        -ms-transform: scale(0.6);
        -o-transform: scale(0.6);
        transform: scale(0.6);
        left: -40px
    }
}

.page-header .menu-wrap {
    float: right;
    line-height: 85px;
    height: 85px;;
}

.page-header .menu-wrap .menu-toggle {
    width: 20px;
    height: 16px;
    margin-top: 33px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: -261px -41px;
    display: none;
}

.page-header .menu-wrap .menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
}

.page-header .menu-wrap .menu ul li {
    float: left;
}

.page-header .menu-wrap .menu ul li a {
    display: block;
    height: 83px;
    line-height: 83px;
    border-bottom: 2px solid transparent;
    padding: 0 12px;
    font-size: 15px;
    color: #23323a;
    text-transform: uppercase;
    text-decoration: none
}

.page-header .menu-wrap .menu ul li a:hover {
    color: #008fd5
}

@media screen and (max-width: 950px) {
    .page-header .menu-wrap .menu ul li a {
        font-size:12px;
        padding: 0 5px
    }
}

.page-header .menu-wrap .menu ul li.active a {
    color: #008fd5;
    border-bottom-color: #008fd5
}

@media screen and (max-width: 720px) {
    .page-header .menu-wrap {
        width:70px;
        text-align: center
    }

    .page-header .menu-wrap .menu {
        position: absolute;
        left: -9999px;
        top: 100%;
        opacity: 0;
        width: 300px;
        margin: -20px 0 0;
        -webkit-transition: opacity 0.3s ease,margin 0.3s ease;
        -moz-transition: opacity 0.3s ease,margin 0.3s ease;
        -o-transition: opacity 0.3s ease,margin 0.3s ease;
        transition: opacity 0.3s ease,margin 0.3s ease;
        -webkit-box-shadow: 2px 3px 10px 1px rgba(0,0,0,0.2);
        -moz-box-shadow: 2px 3px 10px 1px rgba(0,0,0,0.2);
        box-shadow: 2px 3px 10px 1px rgba(0,0,0,0.2);
        background: #fff;
        z-index: 100
    }

    .page-header .menu-wrap.open .menu {
        text-align: left;
        left: auto;
        right: 0;
        opacity: 1;
        margin: 0
    }

    .page-header .menu-wrap.open .menu li {
        float: none
    }

    .page-header .menu-wrap.open .menu li+li {
        border-top: 1px solid #efefef
    }

    .page-header .menu-wrap.open .menu li a {
        height: auto;
        line-height: 1;
        padding: 10px 20px;
        font-size: 18px
    }

    .page-header .menu-wrap .menu-toggle {
        display: inline-block;
        cursor: pointer
    }
}

.page-footer {
    background: #19242a;
    color: #7ca1b3;
    border-top: 1px solid #52cdf7;
    -webkit-box-shadow: 0 0 0 3px #07b7f4;
    -moz-box-shadow: 0 0 0 3px #07b7f4;
    box-shadow: 0 0 0 3px #07b7f4;
    margin: 3px 0 0;
    padding: 30px 0;
    font-size: 13px
}

.page-footer .footer-header {
    color: #008fd5;
    font-size: 18px;
    margin: 0 0 30px
}

.page-footer .r-col {
    float: left;
    width: 25%
}

.page-footer .l-cols {
    float: left;
    width: 70%;
    margin-right: 5%
}

.page-footer .l-cols .col {
    float: left;
    width: 30%
}

.page-footer .l-cols .col+.col {
    margin-left: 5%
}

@media screen and (max-width: 950px) {
    .page-footer .r-col {
        width:35%
    }

    .page-footer .l-cols {
        width: 60%;
        margin-right: 5%
    }

    .page-footer .l-cols .col {
        float: left;
        width: 48%
    }

    .page-footer .l-cols .col+.col {
        margin-left: 4%
    }

    .page-footer .l-cols .col3 {
        width: 100%;
        margin-left: 0 !important
    }
}

@media screen and (max-width: 750px) {
    .page-footer .r-col {
        width:100%;
        margin-bottom: 20px
    }

    .page-footer .l-cols {
        width: 100%;
        margin: 0 !important
    }

    .page-footer .l-cols .col {
        width: 100%;
        margin: 0 0 20px !important
    }
}

.page-footer .footer-gallery {
    font-size: 0
}

.page-footer .footer-gallery a {
    display: inline-block;
    border: 1px solid #7ca1b3;
    margin: 0 6px 6px 0;
    position: relative
}

.page-footer .footer-gallery a img {
    display: block
}

.page-footer .footer-gallery a:after,.page-footer .footer-gallery a:before {
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease
}

.page-footer .footer-gallery a:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(94,162,192,0.7);
    opacity: 0
}

.page-footer .footer-gallery a:after {
    content: '';
    position: absolute;
    width: 19px;
    height: 19px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: -70px 0;
    left: 50%;
    top: 50%;
    margin: -10px 0 0 -10px;
    opacity: 0
}

.page-footer .footer-gallery a:hover:after,.page-footer .footer-gallery a:hover:before {
    opacity: 1
}

.page-footer .footer-logo {
    width: 206px;
    height: 17px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: 0 -41px;
    margin: 5px 0 30px
}

.bottom-line {
    background: #141d22;
    color: #547e93;
    font-size: 12px;
    padding: 20px 0
}

.bottom-line .terms {
    float: right
}

.bottom-line .terms a {
    display: inline-block;
    line-height: 1.1;
    text-decoration: none;
    border-bottom: 1px dashed
}

.bottom-line .terms a.tos-links {
}

.bottom-line .terms a:hover {
    border-bottom-color: transparent
}

.bottom-line .copyright {
    float: left
}

@media screen and (max-width: 500px) {
    .bottom-line {
        padding:20px 5px
    }

    .bottom-line .terms {
        float: none;
        margin: 0 0 10px
    }

    .bottom-line .copyright {
        float: none
    }
}

.twitter-box {
    color: #bdd2dc
}

.twitter-box a {
    text-decoration: none
}

.twitter-box a:hover {
    text-decoration: underline
}

.twitter-box .tweet {
    padding: 0 0 15px
}

.twitter-box .tweet+.tweet {
    padding-top: 15px;
    border-top: 1px solid #23323a
}

.twitter-box .tweet .time {
    font-size: 10px;
    color: #7ca1b3;
    margin: 5px 0 0
}

.contacts-box .email .icon {
    width: 18px;
    height: 20px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: -109px 0
}

.contacts-box .email a {
    color: #7ca1b3;
    text-decoration: none
}

.contacts-box .email a:hover {
    text-decoration: underline;
    color: #008fd5
}

.contacts-box .block {
    margin: 0 0 15px;
    padding: 0 0 0 30px;
    position: relative
}

.contacts-box .block .icon {
    position: absolute;
    left: 0;
    top: 2px
}

.contacts-box .address {
    margin: 0 0 35px
}

.contacts-box .address .icon {
    width: 14px;
    height: 22px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: -38px 0
}

.contacts-box .phone .icon {
    width: 16px;
    height: 16px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: -281px -41px
}

.page-content {
    margin: 0 0 40px
}

.cols2 .sidebar {
    width: 30%;
    float: left
}

.cols2 .content {
    width: 65%;
    margin: 0 5% 0 0;
    float: left
}

.cols2 .content a {
    display: inline-block;
    line-height: 1.2;
    text-decoration: none;
    border-bottom: 1px dotted
}

.cols2 .content a:hover {
    border-bottom-color: transparent
}

@media screen and (max-width: 900px) {
    .cols2 .sidebar {
        float:none;
        width: auto;
        margin: 0 0 30px
    }

    .cols2 .content {
        float: none;
        width: auto;
        margin: 0 0 30px
    }
}

@media screen and (max-width: 480px) {
    .cols2 .content img {
        width:100%;
        margin: 0 0 30px;
        float: none
    }
}

.fotorama {
    position: relative
}

.fotorama .fotorama-slide {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.fotorama .fotorama-slide .fancy {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.fotorama .fotorama-slide .fancy:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 41px;
    height: 41px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: 0 -125px;
    margin: -20px 0 0 -20px;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease
}

.fotorama .fotorama-slide .fancy:hover:before {
    opacity: 1
}

.fotorama .fotorama-slide .gallery-text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 8px;
    text-align: center;
    color: #fff;
    background: rgba(25,36,42,0.89)
}

.fotorama .fotorama__thumb-border {
    background: rgba(94,162,192,0.7)
}

.fotorama .fotorama__arr--prev {
    width: 41px;
    height: 41px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: -184px 0
}

.fotorama .fotorama__arr--prev.fotorama__arr--disabled {
    width: 41px;
    height: 41px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: -245px -58px
}

.fotorama .fotorama__arr--next {
    width: 41px;
    height: 41px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: -204px -58px
}

.fotorama .fotorama__arr--next.fotorama__arr--disabled {
    width: 41px;
    height: 41px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: -225px 0
}

.fotorama .fotorama__wrap .fotorama__fullscreen-icon {
    width: 41px;
    height: 41px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: 0 -125px;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    margin: -20px 0 0 -20px
}

.fotorama.fotorama--fullscreen .fotorama__wrap .fotorama__fullscreen-icon {
    width: 41px;
    height: 41px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: 0 -125px;
    top: 2px;
    left: auto;
    right: 2px;
    bottom: auto;
    margin: 0
}

.testimonials {
    position: relative;
    margin: 0 0 30px
}

.testimonials-slider {
    border-bottom: 1px dotted #e4e9f0
}

.testimonials-slider .pager {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin: 10px 0 0;
    text-align: center
}

.testimonials-slider .pager span {
    width: 18px;
    height: 18px;
    display: inline-block;
    margin: 0 5px;
    background: #e4e9f0;
    text-indent: -9999px;
    border-radius: 9px;
    cursor: pointer;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: -webkit-transform 0.3s ease;
    -moz-transition: -moz-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease
}

.testimonials-slider .pager span.active {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    background-color: #07b7f4;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #07b7f4), color-stop(100%, #1e8de9));
    background-image: -webkit-linear-gradient(#07b7f4,#1e8de9);
    background-image: -moz-linear-gradient(#07b7f4,#1e8de9);
    background-image: -o-linear-gradient(#07b7f4,#1e8de9);
    background-image: linear-gradient(#07b7f4,#1e8de9);
    box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.2)
}

.testimonials-slider.done ul li {
    width: 50%;
    margin: 0 0 10px 0
}

.testimonials-slider ul {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none
}

.testimonials-slider ul li {
    width: 49%;
    float: left;
    margin: 0 0 10px 1%
}

.testimonials-slider ul li .testimonial-header {
    background-color: #10a6f0;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #07b7f4), color-stop(100%, #1b92ea));
    background-image: -webkit-linear-gradient(#07b7f4,#1b92ea);
    background-image: -moz-linear-gradient(#07b7f4,#1b92ea);
    background-image: -o-linear-gradient(#07b7f4,#1b92ea);
    background-image: linear-gradient(#07b7f4,#1b92ea);
    border-bottom: 3px solid #0066ae;
    color: #fff;
    text-shadow: 0 -1px 0 #1278c3;
    position: relative
}

.testimonials-slider ul li .testimonial-header .tail {
    content: '';
    width: 20px;
    height: 20px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: -89px 0;
    position: absolute;
    right: 20px;
    top: 100%
}

.testimonials-slider ul li .testimonial-header .photo {
    float: left;
    margin: 0 20px 0 0
}

.testimonials-slider ul li .testimonial-header .over {
    overflow: hidden;
    padding: 13px 0 0
}

.testimonials-slider ul li .testimonial-header .name {
    font-size: 18px
}

.testimonials-slider ul li .testimonial-header .position {
    font-size: 10px;
    text-transform: uppercase
}

.testimonials-slider ul li .testimonial-content {
    padding: 25px 55px;
    font-size: 13px;
    color: #73848e;
    font-style: italic;
    position: relative
}

.testimonials-slider ul li .testimonial-content:before {
    content: '';
    width: 27px;
    height: 23px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: -127px 0;
    position: absolute;
    left: 10px;
    top: 30px
}

.testimonials-slider ul li .testimonial-content h4 {
    margin: 0 0 20px;
    font-size: 16px;
    color: #008fd5;
    font-style: italic;
    font-weight: normal
}

.content-header {
    margin: 0 0 30px;
    position: relative;
    background-color: #008ad2
}

.content-header .content-header-wrap {
    overflow: hidden;
    height: 455px;
    opacity: 1;
    -webkit-transition: height 0.3s ease,opacity 0.3s ease;
    -moz-transition: height 0.3s ease,opacity 0.3s ease;
    -o-transition: height 0.3s ease,opacity 0.3s ease;
    transition: height 0.3s ease,opacity 0.3s ease
}

.content-header .content-header-wrap .pager {
    position: absolute;
    bottom: 33px;
    width: 590px;
    left: 50%;
    margin: 0 0 0 -590px
}

@media screen and (max-width: 1200px) {
    .content-header .content-header-wrap .pager {
        margin:0;
        left: 0;
        right: 0;
        width: auto
    }
}

.content-header .content-header-wrap .pager span {
    width: 18px;
    height: 18px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: -20px 0;
    text-indent: -9999px;
    cursor: pointer;
    margin: 0 1px
}

.content-header .content-header-wrap .pager span.active {
    width: 18px;
    height: 18px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: -52px 0
}

.content-header .hide-btn {
    width: 129px;
    height: 38px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: -41px -125px;
    position: absolute;
    left: 50%;
    top: 100%;
    margin: -28px 0 0 -65px;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 -1px 0 #1273bf;
    text-align: center;
    line-height: 35px
}

.content-header .hide-btn:hover {
    width: 129px;
    height: 38px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: -119px -189px
}

.content-header .hide-btn .icon {
    width: 15px;
    height: 9px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: -206px -41px;
    margin-left: 12px;
    position: relative;
    top: -2px
}

.content-header .hide-btn .txt {
    width: 40px;
    text-align: center
}

.content-header .hide-btn .hd {
    display: none
}

.content-header .hide-btn .vs {
    display: inline
}

.content-header.hdn .content-header-wrap {
    height: 40px;
    opacity: .6
}

.content-header.hdn .hide-btn .icon {
    width: 15px;
    height: 9px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: 0 -58px
}

.content-header.hdn .hide-btn .hd {
    display: inline
}

.content-header.hdn .hide-btn .vs {
    display: none
}

.btn {
    display: inline-block;
    border: 0;
    cursor: pointer;
    line-height: 1;
    font-size: 16px;
    text-decoration: none;
    text-shadow: 0 -1px 0 #1273bf;
    color: #fff;
    padding: 15px 20px;
    background-color: #07b7f4;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #07b7f4), color-stop(100%, #1c8ee9));
    background-image: -webkit-linear-gradient(#07b7f4,#1c8ee9);
    background-image: -moz-linear-gradient(#07b7f4,#1c8ee9);
    background-image: -o-linear-gradient(#07b7f4,#1c8ee9);
    background-image: linear-gradient(#07b7f4,#1c8ee9);
    box-shadow: 0 3px 0 0 #0066ae;
    border-radius: 5px;
    margin: 0 0 3px;
    border-bottom-color: #0066ae;
    -webkit-transition: color 0.1s ease;
    -moz-transition: color 0.1s ease;
    -o-transition: color 0.1s ease;
    transition: color 0.1s ease
}

.btn:hover {
    background-color: #39c5f6;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #39c5f6), color-stop(100%, #49a5ed));
    background-image: -webkit-linear-gradient(#39c5f6,#49a5ed);
    background-image: -moz-linear-gradient(#39c5f6,#49a5ed);
    background-image: -o-linear-gradient(#39c5f6,#49a5ed);
    background-image: linear-gradient(#39c5f6,#49a5ed);
    color: #fff;
    box-shadow: 0 3px 0 0 #0066ae;
    text-shadow: 0 -1px 0 #1273bf
}

.btn.fake {
    cursor: default;
    text-shadow: 0 -1px 0 #1273bf;
    color: #fff;
    background-color: #07b7f4;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #07b7f4), color-stop(100%, #1c8ee9));
    background-image: -webkit-linear-gradient(#07b7f4,#1c8ee9);
    background-image: -moz-linear-gradient(#07b7f4,#1c8ee9);
    background-image: -o-linear-gradient(#07b7f4,#1c8ee9);
    background-image: linear-gradient(#07b7f4,#1c8ee9);
    box-shadow: 0 3px 0 0 #0066ae
}

.slide {
    background-color: #008ad2;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 455px;
    position: relative
}

.slide .slide-img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.slide .slide-img .img {
    width: 100%;
    height: 455px;
    background-color: #008ad2;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: relative;
    margin: 0 auto;
    max-width: 1320px
}

.slide .slide-img .img:before {
    content: '';
    position: absolute;
    width: 410px;
    left: 0;
    top: 0;
    bottom: 0;
    background: url(../i/slider-overlay-left.png) 0 0 repeat-y
}

.slide .slide-img .img:after {
    content: '';
    position: absolute;
    width: 409px;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../i/sldier-overlay-right.png) 0 0 repeat-y
}

@media screen and (max-width: 1000px) {
    .slide .slide-img .img:before {
        display:none
    }

    .slide .slide-img .img:after {
        display: none
    }
}

.slide .slide-text {
    max-width: 900px;
    margin: 0 auto;
    text-align: right;
    padding: 95px 80px 0;
    position: relative
}

.slide .slide-text .hdr {
    margin: 0 0 15px;
    font-size: 60px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1
}

.slide .slide-text .hdr span {
    display: inline-block;
    background: rgba(0,0,0,0.5);
    line-height: 1;
    padding: 4px 9px 8px 9px;
    color: #12a3ef
}

.slide .slide-text .points .point {
    margin: 0 0 2px;
    font-size: 28px;
    text-transform: uppercase;
    color: #fff;
    line-height: 1
}

.slide .slide-text .points .point span {
    display: inline-block;
    line-height: 1;
    background: rgba(0,0,0,0.5);
    padding: 6px 7px 6px 7px
}

.slide .slide-text .points .point h1 {
    display: inline-block;
    line-height: 1;
    background: rgba(0,0,0,0.5);
    padding: 6px 7px 6px 7px;
    margin: 0px;
    color: #fff
}

.slide .slide-bottom-line {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(25,36,42,0.7);
    text-align: right;
    padding: 20px 0;
    font-size: 15px
}

.slide .slide-bottom-line .btn {
    float: right;
    margin: 0 0 0 30px
}

.slide .slide-bottom-line .btn:hover {
    color: #fff;
    background-color: #39c5f6;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #39c5f6), color-stop(100%, #49a5ee));
    background-image: -webkit-linear-gradient(#39c5f6,#49a5ee);
    background-image: -moz-linear-gradient(#39c5f6,#49a5ee);
    background-image: -o-linear-gradient(#39c5f6,#49a5ee);
    background-image: linear-gradient(#39c5f6,#49a5ee);
    border-color: transparent;
    box-shadow: 0 3px 0 0 #0066ae
}

.slide .slide-bottom-line .over {
    overflow: hidden;
    color: #fff;
    text-shadow: 0 -1px 0 #000;
    line-height: 1.1
}

.slide .slide-bottom-line .over .promo {
    font-size: 24px;
    color: #109de5;
    margin: 0 0 7px
}

@media screen and (max-width: 600px) {
    .slide .slide-text {
        text-align:center
    }
}

@media screen and (max-width: 480px) {
    .slide .slide-text {
        padding:95px 20px 0
    }

    .slide .slide-text .hdr {
        font-size: 40px
    }

    .slide .slide-text .points .point {
        font-size: 20px
    }

    .slide .slide-bottom-line {
        font-size: 12px
    }

    .slide .slide-bottom-line .over .promo {
        font-size: 16px
    }

    .slide .slide-bottom-line .btn {
        font-size: 10px
    }
}

.slider {
    position: relative;
    height: 455px
}

.slider .slide {
    float: left;
    cursor: pointer;
}

.slider .slider-wrap {
    overflow: hidden
}

.slider .slider-nav {
    position: relative;
    max-width: 1188px;
    margin: 0 auto
}

.slider .slider-prev {
    width: 64px;
    height: 64px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: -64px -227px;
    position: absolute;
    top: -255px;
    left: 10px;
    z-index: 1;
    opacity: .5;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease
}

.slider .slider-next {
    width: 64px;
    height: 64px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: 0 -227px;
    position: absolute;
    top: -255px;
    right: 10px;
    z-index: 1;
    opacity: .5;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease
}

.slider .slider-prev:hover,.slider .slider-next:hover {
    opacity: 1
}

.os-logos {
    margin: 60px 0 0 0;
    padding: 30px 0;
    border-top: 1px dotted #e4e9f0;
    border-bottom: 1px dotted #e4e9f0;
    font-size: 0;
    text-align: center
}

.os-logos .logos-wrap {
    float: left;
    width: 100%
}

.os-logos.no-borders {
    margin: 0 0 60px;
    padding: 0 0;
    border: 0
}

.os-logos .logo {
    height: 113px;
    line-height: 113px;
    width: 169px;
    text-align: center;
    border: 1px solid #e4e9f0;
    background: #fafbfd;
    display: inline-block;
    vertical-align: top;
    float: left
}

.os-logos .logo img {
    display: inline !important;
    width: auto !important;
    margin-top: 30px;
}

.hosting-plans {
    border-top: 1px solid #9decff;
    margin: -30px 0 30px;
    background: #008fd5 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAFjCAIAAABzPPY7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJ5JREFUeNrsklEWhSAIRPFtsfW2jbedWycrDcfE/z44IjMMgtiy/n9m1hgiZmiMCutq3LlpPymYiz/10u5T9M5YnQ+iHtmv64PmXLFGB3dWuUWL+57ff2EIrvPdPHu8rEGTl7F0YKNajx4kB93r4K5m9rpD9HfL78NoD2Xcyj94rS4fi+1/QGtKLzCT0Wxkz5Pa0RqR3mfm9FljmwADALojjilGlSQ5AAAAAElFTkSuQmCC) 0 0 repeat-x;
    min-height: 360px;
    padding: 30px 0 10px
}

.plans-cards {
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
    overflow: hidden;
    border-radius: 5px;
    margin: 0 0 10px
}

@media screen and (max-width: 520px) {
    .plans-cards {
        box-shadow:none
    }
}

.plans-cards .card {
    float: left;
    width: 25%;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
    text-align: center;
    font-size: 13px;
    color: #73848e
}

.plans-cards .card .name {
    font-size: 24px;
    color: #23323a;
    height: 45px;
    text-shadow: 0 1px 1px #fff;
    background-color: #f8f8f8;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f0f1f1));
    background-image: -webkit-linear-gradient(#ffffff,#f0f1f1);
    background-image: -moz-linear-gradient(#ffffff,#f0f1f1);
    background-image: -o-linear-gradient(#ffffff,#f0f1f1);
    background-image: linear-gradient(#ffffff,#f0f1f1);
    line-height: 1;
    padding: 20px 0 0
}

.plans-cards .card .description {
    font-size: 12px;
    text-transform: uppercase;
    text-shadow: 0 -1px 0 #1273bf;
    color: #fff;
    background-color: #10a6f0;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #07b7f4), color-stop(100%, #1c91ea));
    background-image: -webkit-linear-gradient(#07b7f4,#1c91ea);
    background-image: -moz-linear-gradient(#07b7f4,#1c91ea);
    background-image: -o-linear-gradient(#07b7f4,#1c91ea);
    background-image: linear-gradient(#07b7f4,#1c91ea);
    border-top: 1px solid #fff;
    height: 45px;
    padding: 5px 5px 0;
    position: relative;
    border: 1px solid #fff
}

.plans-cards .card .description:after {
    content: '';
    position: absolute;
    border: 8px solid transparent;
    border-top-color: #1c8fea;
    top: 100%;
    left: 50%;
    margin: 0 0 0 -8px
}

.plans-cards .card+.card .description {
    border-left: 0
}

.plans-cards .card .options .option {
    padding: 6px;
    border-top: 1px solid #e5e5e5
}

.plans-cards .card .options .option:last-child {
    border-bottom: 1px solid #e5e5e5
}

.plans-cards .card .options .option:nth-child(even) {
    background: #fafafa
}

.plans-cards .card .footer {
    padding: 20px
}

.plans-cards .card .price {
    padding: 30px 0 20px
}

.plans-cards .card .price .price-currency {
    vertical-align: top;
    font-size: 18px;
    color: #2f424d
}

.plans-cards .card .price .price-num {
    font-size: 60px;
    color: #13a0ee;
    font-weight: 600;
    line-height: 1
}

.plans-cards .card .price .price-sup {
    display: inline-block;
    line-height: 1;
    vertical-align: top;
    text-align: left;
    margin-left: 10px;
    position: relative;
    top: 7px
}

.plans-cards .card .price .price-sup .price-term {
    font-size: 12px;
    color: #2f424d;
    margin: 3px 0 0;
    display: block
}

.plans-cards .card .price .price-sup .price-change {
    display: block;
    font-size: 18px;
    color: #008fd5;
    font-weight: 700
}

@media screen and (max-width: 950px) {
    .plans-cards .card {
        width:50%
    }
}

@media screen and (max-width: 520px) {
    .plans-cards .card {
        width:100%;
        border-radius: 5px
    }

    .plans-cards .card .name {
        border-radius: 5px 5px 0 0
    }

    .plans-cards .card+.card {
        margin-top: 10px
    }

    .plans-cards .card .description {
        border: 1px solid #fff !important
    }
}

.plans-description {
    font-size: 12px;
    color: #fff;
    line-height: 1.2;
    text-shadow: 0 1px 0 #005da6;
    text-align: center
}

.contacts-cards {
    border-top: 1px solid #9decff;
    margin: -30px 0 30px;
    background: #008fd5 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAFjCAIAAABzPPY7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJ5JREFUeNrsklEWhSAIRPFtsfW2jbedWycrDcfE/z44IjMMgtiy/n9m1hgiZmiMCutq3LlpPymYiz/10u5T9M5YnQ+iHtmv64PmXLFGB3dWuUWL+57ff2EIrvPdPHu8rEGTl7F0YKNajx4kB93r4K5m9rpD9HfL78NoD2Xcyj94rS4fi+1/QGtKLzCT0Wxkz5Pa0RqR3mfm9FljmwADALojjilGlSQ5AAAAAElFTkSuQmCC) 0 0 repeat-x;
    min-height: 20px;
    padding: 30px 0 10px
}

.contacts-cards .contacts-description {
    font-size: 26px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 #005c7e;
    width: 100%;
    float: left
}

@media screen and (max-width: 480px) {
    .contacts-cards .contacts-description {
        font-size:18px
    }
}

.contacts-cards .card {
    width: 32%;
    float: left;
    background: #fff;
    border-radius: 5px;
    box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    text-align: center;
    margin: 0 0 10px
}

.contacts-cards .card+.card {
    margin-left: 2%
}

@media screen and (max-width: 750px) {
    .contacts-cards .card {
        width:100%;
        margin-left: 0 !important
    }
}

.contacts-cards .card .icon-phone {
    width: 64px;
    height: 64px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: -234px -125px
}

.contacts-cards .card .icon-chat {
    width: 64px;
    height: 64px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: -128px -227px
}

.contacts-cards .card .icon-ticket {
    width: 64px;
    height: 64px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: -170px -125px
}

.contacts-cards .card .hdr {
    text-align: center;
    margin: 0 0 10px
}

.contacts-cards .card .hdr .name {
    font-size: 24px;
    color: #23323a
}

.contacts-cards .card .description {
    font-size: 14px;
    line-height: 2;
    margin: 0 0 20px
}

.contacts-cards .card .btn {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 20px;
    text-transform: uppercase;
    padding: 12px
}

#gmap {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 20px;
    border: 1px solid #069fd3;
    box-shadow: inset 0 0 0 1px #fff;
    height: 310px
}

.contacts-item {
    margin: 0 0 15px
}

.contacts-item .hdr {
    font-size: 14px;
    color: #008fd5
}

.contacts-cols .col {
    width: 48%;
    float: left
}

.contacts-cols .col+.col {
    margin-left: 4%
}

.form-wrap textarea,.form-wrap input[type="text"],.form-wrap input[type="email"],.form-wrap input[type="number"],.form-wrap input[type="password"] {
    border: 1px solid #999;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    font-size: 13px;
    color: #19242a ;
    background-color: #ffffff;
    outline: none;
    padding: 14px 20px;
    -webkit-transition: border-color 0.3s ease,box-shadow 0.3s ease,color 0.3s ease;
    -moz-transition: border-color 0.3s ease,box-shadow 0.3s ease,color 0.3s ease;
    -o-transition: border-color 0.3s ease,box-shadow 0.3s ease,color 0.3s ease;
    transition: border-color 0.3s ease,box-shadow 0.3s ease,color 0.3s ease
}

.form-wrap textarea::-webkit-input-placeholder,.form-wrap input[type="text"]::-webkit-input-placeholder,.form-wrap input[type="email"]::-webkit-input-placeholder,.form-wrap input[type="number"]::-webkit-input-placeholder,.form-wrap input[type="password"]::-webkit-input-placeholder {
    color: #DAD6D6;
    background-color: #ffffff;
}

.form-wrap textarea:-moz-placeholder,.form-wrap input[type="text"]:-moz-placeholder,.form-wrap input[type="email"]:-moz-placeholder,.form-wrap input[type="number"]:-moz-placeholder,.form-wrap input[type="password"]:-moz-placeholder {
    color: #DAD6D6;
    background-color: #ffffff;
}

.form-wrap textarea::-moz-placeholder,.form-wrap input[type="text"]::-moz-placeholder,.form-wrap input[type="email"]::-moz-placeholder,.form-wrap input[type="number"]::-moz-placeholder,.form-wrap input[type="password"]::-moz-placeholder {
    color: #DAD6D6;
    background-color: #ffffff;
}

.form-wrap textarea:-ms-input-placeholder,.form-wrap input[type="text"]:-ms-input-placeholder,.form-wrap input[type="email"]:-ms-input-placeholder,.form-wrap input[type="number"]:-ms-input-placeholder,.form-wrap input[type="password"]:-ms-input-placeholder {
    color: #DAD6D6;
    background-color: #ffffff;
}

.form-wrap textarea:focus,.form-wrap input[type="text"]:focus,.form-wrap input[type="email"]:focus,.form-wrap input[type="number"]:focus,.form-wrap input[type="password"]:focus {
    border-color: #42b3e5;
    box-shadow: 0 0 20px 0 rgba(66,179,229,0.2)
}

.form-wrap textarea:focus::-webkit-input-placeholder,.form-wrap input[type="text"]:focus::-webkit-input-placeholder,.form-wrap input[type="email"]:focus::-webkit-input-placeholder,.form-wrap input[type="number"]:focus::-webkit-input-placeholder,.form-wrap input[type="password"]:focus::-webkit-input-placeholder {
    color: #069fd3;
    background-color: #ffffff;
}

.form-wrap textarea:focus:-moz-placeholder,.form-wrap input[type="text"]:focus:-moz-placeholder,.form-wrap input[type="email"]:focus:-moz-placeholder,.form-wrap input[type="number"]:focus:-moz-placeholder,.form-wrap input[type="password"]:focus:-moz-placeholder {
    color: #069fd3;
    background-color: #ffffff;
}

.form-wrap textarea:focus::-moz-placeholder,.form-wrap input[type="text"]:focus::-moz-placeholder,.form-wrap input[type="email"]:focus::-moz-placeholder,.form-wrap input[type="number"]:focus::-moz-placeholder,.form-wrap input[type="password"]:focus::-moz-placeholder {
    color: #069fd3;
    background-color: #ffffff;
}

.form-wrap textarea:focus:-ms-input-placeholder,.form-wrap input[type="text"]:focus:-ms-input-placeholder,.form-wrap input[type="email"]:focus:-ms-input-placeholder,.form-wrap input[type="number"]:focus:-ms-input-placeholder,.form-wrap input[type="password"]:focus:-ms-input-placeholder {
    color: #069fd3;
    background-color: #ffffff;
}

.form-wrap .btn {
    padding: 15px 40px
}

.form-wrap textarea {
    height: 180px
}

.form-wrap .row {
    margin: 0 0 12px;
    position: relative
}

.form-wrap .row .icon {
    position: absolute;
    right: 20px;
    top: 15px
}

.form-wrap .row .icon-user {
    width: 13px;
    height: 13px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: -234px -41px
}

.form-wrap .row .icon-email {
    width: 18px;
    height: 20px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: -109px 0;
    top: 12px;
    right: 18px
}

.form-wrap .row .icon-phone {
    width: 16px;
    height: 16px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: -281px -41px
}

.form-wrap .row-desc {
    font-size: 11px;
    color: #73848e;
    min-height: 20px;
    margin: 5px 0 0
}

.form-wrap .bottom-cols .r-col {
    float: right;
    margin: 0 0 0 20px
}

.form-wrap .bottom-cols .l-col {
    overflow: hidden
}

.form-wrap label {
    font-size: 14px;
    color: #19242a;
    display: inline-block;
    width: 110px;
    margin-right: 10px
}

.form-wrap input[type="radio"] {
    position: absolute;
    left: -9999px
}

.form-wrap input[type="radio"]+label:before {
    background: url('../i/radio_sprite.png') no-repeat;
    content: '';
    width: 13px;
    height: 13px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: 0 0;
    margin: 0 10px 0 0;
    position: relative;
    top: -1px
}

.form-wrap input[type="radio"]:checked+label:before {
    background: url('../i/radio_sprite.png') no-repeat;
    width: 13px;
    height: 13px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: -13px 0;
}

.soc-icons a {
    margin-right: 10px
}

.soc-icons .icon-fb {
    width: 16px;
    height: 16px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: -140px -58px
}

.soc-icons .icon-tw {
    width: 16px;
    height: 16px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: -188px -58px
}

.soc-icons .icon-sk {
    width: 16px;
    height: 16px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: -44px -58px
}

.why-us {
    border-top: 1px solid #55a5b6;
    margin: 0;
    background: #008fd5 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAFjCAIAAABzPPY7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJ5JREFUeNrsklEWhSAIRPFtsfW2jbedWycrDcfE/z44IjMMgtiy/n9m1hgiZmiMCutq3LlpPymYiz/10u5T9M5YnQ+iHtmv64PmXLFGB3dWuUWL+57ff2EIrvPdPHu8rEGTl7F0YKNajx4kB93r4K5m9rpD9HfL78NoD2Xcyj94rS4fi+1/QGtKLzCT0Wxkz5Pa0RqR3mfm9FljmwADALojjilGlSQ5AAAAAElFTkSuQmCC) 0 0 repeat-x;
    padding: 20px 0
}

.why-us ol {
    margin: 0 0 20px
}

.why-us .hdr {
    font-size: 26px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    line-height: 1;
    margin: 0 0 20px;
    text-shadow: 1px 1px 0 #005c7e
}

.why-us .cards .card {
    width: 32%;
    float: left;
    min-height: 320px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 1.4
}

.why-us .cards .card .cols .col {
    width: 50%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.why-us .cards .card .cols .col+.col {
    padding-left: 50px
}

@media screen and (max-width: 500px) {
    .why-us .cards .card .cols .col {
        padding:0 !important;
        width: 100%
    }
}

.why-us .cards .card .hdr {
    color: #12a3ef;
    text-shadow: none
}

.why-us .cards .card ul {
    margin: 0
}

.why-us .cards .card a {
    /*text-decoration: none*/
}

.why-us .cards .card+.card {
    margin-left: 2%
}

@media screen and (max-width: 750px) {
    .why-us .cards .card {
        width:100%;
        margin-left: 0;
        min-height: 0
    }

    .why-us .cards .card+.card {
        margin-left: 0
    }
}

.why-us .cards.cols2 .card {
    width: 49%;
    min-height: 360px
}

@media screen and (max-width: 750px) {
    .why-us .cards.cols2 .card {
        width:100%;
        margin-left: 0;
        min-height: 0
    }

    .why-us .cards.cols2 .card+.card {
        margin-left: 0
    }
}

.why-us .cards.cols1 .card {
    width: 100%;
    min-height: 0
}

@media screen and (max-width: 750px) {
    .why-us .cards.cols1 .card {
        width:100%;
        margin-left: 0;
        min-height: 0
    }

    .why-us .cards.cols1 .card+.card {
        margin-left: 0
    }
}

ul.check-list {
    list-style: none;
    list-style-image: none;
    margin: 0 0 20px;
    padding: 0
}

ul.check-list li {
    margin: 0 0 15px;
    padding: 4px 0 0 40px;
    position: relative
}

ul.check-list li:before {
    content: '';
    width: 30px;
    height: 30px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: -154px 0;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -12px 0 0
}

.features-list {
    background: #ececec url(data:image/gif;base64,R0lGODlhQABAAKIAAOXl5ezs7Orq6ubm5unp6efn5+vr6+jo6CH5BAAAAAAALAAAAABAAEAAAAP/eCcyNoeMNkpZhhQNQhVEAwDhYQRbYTCHVQzA0xIScQzEmRGetkch3MIksgUeAsDmBhhAKqfArUAyAA7HHEciO1w1PoEFIlhZeIXjRzLBxdiQMTXtxKU2PMXmQ1cagDBiK2w9eCczPi0mEjdOBlYvJxcWK40NAXmRSxExWH42OAYqCjobopg4EwImoqsTBQ1WUI8vEBgRjwtkFrF7YiEpToZKSjkKrwAMNIuiDzIMOFJ/PGWrCgRKFREVNBppfw4QWqLRDbBlJkctE1k3R9WTFkwrTcc5f8niUu6Y1n/yDahFmALKFY0LJrYty6WgmoNVSi5UIKOlYSxxbSpcKAOG/4oHWEFGlJAUZhW4F1caYVEGgseEBwEaKCCRhEYVMXEoXFFCBNYCMelGrnGggVUEAR5WqmogZhIuLWVQbIghrIUUmTcabhsQM+Ijb2Ue/cngRUVSXRKt+IFAIgAJWGN0KLnEVQUDkxPSJRuBJwwst3NqMH0hiIVYGzsycOxUS9A9KXRc5HjzzdYqsCoehEBxYoIPHCJkgHphAnSHCB4qUeHQtQzIZAH2xUoiyQkYGponNSHsgFOGL7RwgBqCJ9+OCuoyYCIsE64JhCF+ZU32qAlO6RBHoH4BPRVSVyum+ewrhZ2gBZg6miENbwMKNSCrxrwg5QrXJybdJil20AxSYv97BHGdXSZ9tQhUGTgR0HMgQAHSKKxcsQIMGjmxUoOK/KEAJ9i4YZg2uKjggmYJxSaBGphcI88iJNRBw0s2KAKCBxA0Y0EynOhnmwVqYKGhFDaRo8cre1xwD1K4xTTQI3XAIswofZnhhzUznOGAWzZgF1Nvh7jkwzI0LGhSET5OUAwTiOWgQjg/RZMQNX+IcRE2Tb3EolRj7ZbGFSkwcIgrICDkllYldGCSFhc8cOUSpJkZjgzW3XXjOx/I6V6TTlL1EhWlxZdBotMgBcGWdxGpyDghSDKVojZKICdRX72Q4gJUhEVLGmputBJ9FCgZUGZCYPORAoMOUaiSGXxa2qL/NjSaxKNsLdVUBxOe8xeQZYEBjRQozKDcJHHu4qQorm7wSy3DBKYhMsp4ow6b47xATaVjqUNYO1yFB5QLWV36ZGjCCLEmo7F16YwxE6VkYUwgtORBGVxhRRMJ2OSAUwszOhCJZhq6ZtubMkKs0TnqxCIKe9vINpFLCDkGjhfN2jGDfTXawYYNMS7nTbING4LGrlh4gaYZOTmxU6Jy/pRoPxh8FAMIg9gKm4TGXDHjYX68IyVSJvBViR7ecIElrVluWS9qdvwQphCHnnyDBg2SS45YK0GW6A0QoQeDYEUlGx7eRXnS0JHgBEpsSpdBhCyiy5K0Dt5NOBPtXdNSSu41/50ARlYoEJaiJiquFujTK7HsJlYtDU0zSBN5AEGSHZX5SCwQMZC2TlMSGPkIkjkoiZii2tRhOBszpN6CPF+lYjE6R9nyiFtEaUOPKBHU2mJ6MDR2kIgajsCU10ByZKO5NZCwiAt/2REKOtwhJQqf74082ac9GssLsJuZ5dmaIYk2Rc0aMxFXEHWYj+xNQ6qR3APMxxmeaMAByXrgCmIDi3pg4361awMlIKaLtrCgBAxwkiXScBlclLBGB4kY1LBQqWsNhAcxGc15zCURQfwBBUmIHwY0BpIYaiGGXZmCXQjCKQnEIDG6eBsubPOODfFDMIcQGoqiAQXt4IIYSVDBG/9q9BPMOWIcKKDBEURCCzOwYj8C+cAROHUSIdTOBk2QyjdyZ5jNnUMPpgCHLYphrktgYRI/RMETviCOZNxjZPKIBB+boitycAdv3KBPLjRGqyXGjRGd8dFlHDEg5DWlDFi0zFd2tw+7TKQZfmoKK2qwPuYFgRQniFzuiFC76u2lBqxSRjM0w5EFYJJJZPgRJFrgjLEAoyi+qNnbHhKjKRwRE5iQxAj+IZkLvIEUFWjClWBwvA7woAM0SV0ScHfDgonDfQuowhAgNiEexMhJhNkBrhgyKyfSagVZFItM4gZBspCFhkewAi2QIhEFFYV4m2Af8hKESz9dAyvPk6X0KMD/MsSkRgSplAojm2mrGvwkVfi0AiC4OQrE7SY57mROThIFnRAOhzqyGFCWvKAdGKbtJVwZ4SViskv6yIoLaUBFNH3wFQOqkwjEhBYDtag7atoGTPikjST7RUegIGcUD0lGrTaZCBW8yAySyCEddniyGbVEOWbl01sMRZ3XIEVl0xOkzZaB09QoQWe+vERoPiMDPKzJQMOhzVK2OA3zRedPTEKCVsHJpxYk4ztWO542PNKSn8xFO0BhRF2zCqSL3ugem8DGDT/xtmaQYo2fY2UdR/cqWZQrFvd44KzEANNbRRMgQNtSxHRB1GB1IA69U8uaYIYluERijE7yAGfucr4SDeQFHQGhKDNrlSULJAAAOw==);
    min-height: 100px;
    border-top: 1px solid #fff;
    padding: 30px 0
}

.features-list .features-header {
    font-size: 18px;
    color: #2d363c;
    text-shadow: 0 1px 0 #fff;
    line-height: 1.2;
    margin: 0 0 15px;
    min-height: 21px
}

.features-list .hidden-features {
    display: none
}

.features-list .more-btn {
    display: block;
    font-size: 22px;
    color: #676e76;
    text-shadow: 0 1px 0 #fff;
    text-decoration: none;
    text-align: center;
    background: rgba(0,0,0,0.07);
    border-radius: 6px;
    line-height: 1.1;
    padding: 10px 0 12px;
    -webkit-box-shadow: inset 0 3px 10px 0 rgba(0,0,0,0.1),0 1px 0 0 #fff;
    -moz-box-shadow: inset 0 3px 10px 0 rgba(0,0,0,0.1),0 1px 0 0 #fff;
    box-shadow: inset 0 3px 10px 0 rgba(0,0,0,0.1),0 1px 0 0 #fff
}

.features-list .more-btn:hover {
    color: #008fd5
}

.features-list .more-btn .hide {
    display: none
}

.features-list .more-btn.shown .show {
    display: none
}

.features-list .more-btn.shown .hide {
    display: inline
}

.features-list ul {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0
}

.features-list ul li {
    position: relative;
    padding: 0 0 0 25px;
    margin: 0 0 5px
}

.features-list ul li:before {
    content: '';
    width: 16px;
    height: 16px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: -76px -58px;
    position: absolute;
    left: 0;
    top: 3px
}

.features-list .feature-cols {
    margin: 0 0 20px;
    font-size: 0;
    display: table;
    width: 100%
}

.features-list .feature-cols .col {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 33%;
    display: inline-block;
    vertical-align: top;
    padding: 0 20px 0 0;
    font-size: 12px
}

@media screen and (max-width: 750px) {
    .features-list .feature-cols .col {
        width:50%;
        margin-bottom: 20px
    }
}

@media screen and (max-width: 480px) {
    .features-list .feature-cols .col {
        width:100%
    }
}

.grid {
    font-size: 0
}

.grid.centered {
    text-align: center
}

.grid .items-wrap {
    margin: 0 0 0 -40px
}

.grid .item {
    width: 25%;
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 40px;
    padding-left: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.grid .item.x2 {
    width: 50%
}

@media screen and (max-width: 850px) {
    .grid .item {
        width:33%
    }

    .grid .item.x2 {
        width: 100%
    }
}

@media screen and (max-width: 650px) {
    .grid .item {
        width:50%
    }
}

@media screen and (max-width: 450px) {
    .grid .item {
        width:100%
    }
}

.servers-list .servers-footer-text {
    text-align: center;
    font-size: 15px;
    margin: -30px 0
}

.servers-list .servers-footer-text a {
    text-decoration: none;
    display: inline-block;
    line-height: 1.2;
    border-bottom: 1px dotted
}

.servers-list .big-server {
    border: 2px solid #d4ddea;
    position: relative;
    border-radius: 2px;
    background: #fff;
    font-size: 13px;
    height: 450px;
    color: #585f69;
    -webkit-transition: border-color 0.3s ease,box-shadow 0.3s ease;
    -moz-transition: border-color 0.3s ease,box-shadow 0.3s ease;
    -o-transition: border-color 0.3s ease,box-shadow 0.3s ease;
    transition: border-color 0.3s ease,box-shadow 0.3s ease
}

.servers-list .big-server .full-description {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background: #ebeff5;
    padding: 20px 20px 35px;
    font-size: 11px;
    color: #676e76;
    text-align: center
}

.servers-list .big-server .full-description .hdr {
    font-size: 28px;
    color: #2d363c;
    line-height: 1.2;
    margin: 0 0 5px
}

.servers-list .big-server .cost {
    margin: 15px 0 0;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 2px;
    overflow: hidden;
    line-height: 34px;
    text-align: left;
    padding: 0 0 0 12px
}

.servers-list .big-server .cost .val {
    float: right;
    padding: 0 0 0 20px;
    width: 50px;
    background: #ebeff5
}

.servers-list .big-server .server-name {
    font-size: 28px;
    line-height: 1.2;
    margin: 20px 0 5px;
    text-align: center
}

.servers-list .big-server .server-description {
    padding: 0 20px;
    font-size: 11px;
    text-align: center;
    margin: 0 0 15px
}

.servers-list .big-server .server-options {
    padding: 0 20px;
    margin: 0 0 10px
}

.servers-list .big-server .server-options ul {
    margin: 0;
    padding: 1px 1px 0 0;
    list-style: none;
    list-style-image: none;
    font-size: 0;
    display: table;
    width: 100%;
    background: #ebeff5
}

.servers-list .big-server .server-options ul li {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px
}

.servers-list .big-server .server-options ul li .option-cost {
    float: right;
    width: 50px;
    border-bottom: 1px solid #ebeff5;
    background: #fff;
    padding: 5px 0 5px 20px;
    text-align: left
}

.servers-list .big-server .server-options ul li .option-name {
    overflow: hidden;
    white-space: nowrap;
    border-bottom: 1px solid #fff;
    padding: 5px 0 5px 12px
}

.servers-list .big-server:hover {
    border-color: #fff;
    box-shadow: 0 0 25px 0 rgba(0,0,0,0.15)
}

@media screen and (max-width: 960px) {
    .servers-list .big-server .server-description {
        font-size:10px
    }

    .servers-list .big-server .full-description {
        font-size: 10px
    }
}

@media screen and (max-width: 850px) {
    .servers-list .big-server {
        height:auto
    }

    .servers-list .big-server .full-description {
        position: static
    }
}

.servers-list .icon {
    margin-right: 10px;
    position: relative;
    top: -1px
}

.servers-list .icon-option-ram {
    width: 16px;
    height: 16px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: -156px -58px
}

.servers-list .icon-option-hdd {
    width: 16px;
    height: 16px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: -108px -58px
}

.servers-list .icon-option-bw {
    width: 16px;
    height: 16px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: -28px -58px
}

.servers-list .icon-option-ut {
    width: 20px;
    height: 18px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: 0 0
}

.servers-list .icon-option-ip {
    width: 16px;
    height: 16px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: -124px -58px
}

.servers-list .icon-option-s {
    width: 16px;
    height: 16px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: -172px -58px
}

.servers-list .icon-option-cpu {
    width: 16px;
    height: 16px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: -92px -58px
}

.servers-list .server {
    border: 2px solid #d4ddea;
    position: relative;
    border-radius: 2px;
    background: #fff;
    font-size: 13px;
    height: 450px;
    -webkit-transition: border-color 0.3s ease,box-shadow 0.3s ease;
    -moz-transition: border-color 0.3s ease,box-shadow 0.3s ease;
    -o-transition: border-color 0.3s ease,box-shadow 0.3s ease;
    transition: border-color 0.3s ease,box-shadow 0.3s ease
}

.servers-list .server.thunder {
    height: 475px;
}

.servers-list .server .btn {
    border: 1px solid transparent
}

.servers-list .server .btn:hover {
    background-color: #ffffff;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
    background-image: -webkit-linear-gradient(#ffffff,#f2f2f2);
    background-image: -moz-linear-gradient(#ffffff,#f2f2f2);
    background-image: -o-linear-gradient(#ffffff,#f2f2f2);
    background-image: linear-gradient(#ffffff,#f2f2f2);
    color: #008fd5;
    box-shadow: 0 2px 0 0 #bbc4d1;
    border-color: #bbc4d1;
    text-shadow: none
}

.servers-list .server .server-name {
    height: 64px;
    font-size: 28px;
    color: #585f69;
    text-align: center;
    line-height: 1.2;
    padding: 20px 0 0
}

.servers-list .server .server-options {
    margin: 0 0 30px
}

.servers-list .server .server-options ul {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none
}

.servers-list .server .server-options ul li {
    margin: 0 0 1px;
    padding: 5px 12px;
    background: #ebeff5
}

.servers-list .server .server-price {
    line-height: 1;
    text-align: center;
    color: #585f69;
    margin: 0 0 15px
}

.servers-list .server .server-price.blue {
    color: #008fd5
}

.servers-list .server .server-price .currency {
    vertical-align: bottom;
    font-size: 24px
}

.servers-list .server .server-price .num {
    font-size: 60px;
    line-height: 1;
    font-weight: 600
}

.servers-list .server .server-price .sub {
    font-size: 28px
}

.servers-list .server .server-price .per {
    margin: 15px 0 0;
    font-size: 15px;
    color: #585f69
}

.servers-list .server .server-footer {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 35px 0;
    text-align: center;
    background: #ebeff5
}

.servers-list .server:hover {
    border-color: #fff;
    box-shadow: 0 0 25px 0 rgba(0,0,0,0.15)
}

.servers-list .server.bestseller {
    height: 485px;
    margin: -20px -20px -20px
}

.servers-list .server.thunder.bestseller {
    height: 510px;
}

.servers-list .server.bestseller:before {
    content: '';
    width: 119px;
    height: 34px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    background-position: 0 -189px;
    position: absolute;
    left: 50%;
    top: -17px;
    margin: 0 0 0 -60px
}

.servers-list .server.bestseller .server-name {
    color: #008fd5;
    padding: 40px 0 0
}

.servers-list .server.short {
    height: 360px
}

.servers-list .server.short .server-name {
    height: 90px
}

.servers-list .server.short .server-price .btn {
    font-size: 13px;
    padding: 8px 15px;
    margin: 35px 0 0
}

.form-group.has-error textarea,
.form-group.has-error input[type="text"],
.form-group.has-error input[type="email"],
.form-group.has-error input[type="number"],
.form-group.has-error input[type="password"] {
    border-color: #ed1c24;
    box-shadow: 0 0 20px 0 rgba(237, 28, 36, 0.2);
}
.form-group.has-error .help-block-error {
    color: #ed1c24;
}

/***************************************************************************
// * Iubenda Cookie Solution                                               *
// *                                                                       *
// * (c) 2015 Iubenda srl <info@iubenda.com>                               *
// * All Rights Reserved.                                                  *
// *                                                                       *
// *************************************************************************
//
// CHANGELOG
// 0.0.1
// - first implementation of customizable css
*/

/*  GENERAL CLASS */
#iubenda-cs-banner{
    /* ------ IMPORTANT NOTICE: don't change these values as
            they may prevent the banner from properly showing. Some of these lines,
            moreover (like z-index) will overwrite the configuration initialized
            by the script you paste in your pages. To show the banner at the bottom
            you can switch to "bottom: 0px !important;". Don't forget to put "slideDown"
            to "false".
     */
    bottom: 0px !important;
    left: 0px !important;
    position: fixed !important;
    width: 100% !important;
    z-index: 99999998 !important;
    background-color: black;
    /* ----------------- */
}

/*  CONTENT CLASS */
.iubenda-cs-content{
    display:block;
    margin:0 auto;
    padding: 20px;
    width:auto;
    font-family: Helvetica,Arial,FreeSans,sans-serif;
    font-size: 14px;
    background: #000;
    color: #fff;
}
.iubenda-banner-content{

}

.iubenda-cs-rationale{
    max-width: 1100px; position:relative; margin: 0 auto;
}

/*   STYLE FOR TEXT INTERNAL BANNER */
.iubenda-banner-content > p {
    font-family: Helvetica,Arial,FreeSans,sans-serif;
    line-height: 1.5;
}

/*  CLOSE BUTTON. NOTICE: IMAGE FOR BUTTON NOT IMPLEMENTED YET */
.iubenda-cs-close-btn{
    margin:0;
    color: #fff;
    text-decoration:none;
    font-size:14px;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
}

/*  STYLE FOR TEXT LINK TO PRIVACY POLICY */
.iubenda-cs-cookie-policy-lnk{
    text-decoration: underline;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
}

.fb-like {
  padding-bottom: 5px;
}

.twitter-follow {
  padding-bottom: 5px;
}

.impact {
  font-family: 'Roboto', 'Open Sans', Verdana, Tahoma, Arial, sans-serif;
  font-size: 42px;
  font-weight: bold;
  margin-bottom: 30px;
  line-height: 24px; }
  @media screen and (max-width: 800px) {
    .impact {
      line-height: 42px;
      font-size: 42px; } }

.lesser {
  font-size: 24px;
  margin-bottom: 15px; }
  @media screen and (max-width: 800px) {
    .lesser {
      font-size: 24px; } }

.information {
  margin-right: 10%;
  margin-left: 10%;
  font-size: 12pt;
  font-family: 'Open Sans', Verdana, Tahoma, Arial, sans-serif;
  color: #585f69;
}
  @media screen and (max-width: 800px) {
    .information {
      margin-right: 5%;
      margin-left: 5%;
      font-size: 16px; } }

/* TAKEN FROM NEWS / BLOG CSS AND ADAPTED -- 02-25-2019, Garry */

/**
 * Site header
 */
.spacer {
  border-top: 5px solid #73848e;
  /*border-top: 5px solid #424242;*/
  padding-bottom: 5px;
  position: relative; 
}

/* Not used yet */
.site-title {
  font-size: 26px;
  font-weight: 300;
  line-height: 56px;
  letter-spacing: -1px;
  margin-bottom: 0;
  float: left; 
}

/* Not used yet */
.site-title, .site-title:visited {
  color: #424242; 
}