xf

@charset "utf-8";

/* Fonts */

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

@font-face {
    font-family: 'Light';
    src: url('/css/fonts/PFDinTextCondPro-Light.eot');
    src: url('/css/fonts/PFDinTextCondPro-Light.eot?#iefix') format('embedded-opentype'),
    url('/css/fonts/PFDinTextCondPro-Light.woff') format('woff'),
    url('/css/fonts/PFDinTextCondPro-Light.ttf') format('truetype');

}

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

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

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

@font-face {
    font-family: 'LightItalic';
    src: url('/css/fonts/PFDinTextCondPro-LightItal.eot');
    src: url('/css/fonts/PFDinTextCondPro-LightItal.eot?#iefix') format('embedded-opentype'),
    url('/css/fonts/PFDinTextCondPro-LightItal.woff') format('woff'),
    url('/css/fonts/PFDinTextCondPro-LightItal.ttf') format('truetype');

}

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

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


/*Carusel*/


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

a, img {
    border: none;
}


.main-carusel {
    padding-top: 35px;
    position: relative;
}


.post-carousel {
    display: block;
    margin: 10px auto 0 auto;

}

.main-carusel-images {
    width: 775px;
    margin: 0 auto;
}

.main-carusel-images2 {
    width: 1020px;
    margin: 0 auto;
}

.main-carusel-images3 {
    width: 1080px;
    margin: 0 auto;
    overflow: hidden;
}

.carousel1, .carousel2, .carousel3 {
    cursor: default !important;
}

.carousel2 li {
    float: left;
    margin: 0 13px;
}

.carousel1 li {
    float: left;
    margin: 0 13px -16px 13px;
}

.carousel3 li {
    float: left;

}

.carousel1 li a, .carousel2 li a, .carousel3 li a {
    display: block;
}


a.prev1 {
    width: 44px;
    background: url(/images/left1.png) 0 0 no-repeat;
    height: 66px;
    left: 17px;
    top: 140px;
    position: absolute;
    display: block;
    z-index: 19;
    transition: 0s ease;
    -o-transition: 0s ease;
    -webkit-transition: 0s ease;
}

a.next1 {
    width: 44px;
    background: url(/images/right1.png) 0 0 no-repeat;
    height: 66px;
    right: 17px;
    top: 140px;
    position: absolute;
    display: block;
    z-index: 19;
    transition: 0s ease;
    -o-transition: 0s ease;
    -webkit-transition: 0s ease;
}

a.prev2 {
    width: 44px;
    background: url(/images/left1.png) 0 0 no-repeat;
    height: 66px;
    left: 17px;
    top: 155px;
    position: absolute;
    display: block;
    z-index: 19;
    transition: 0s ease;
    -o-transition: 0s ease;
    -webkit-transition: 0s ease;
}

a.next2 {
    width: 44px;
    background: url(/images/right1.png) 0 0 no-repeat;
    height: 66px;
    right: 17px;
    top: 155px;
    position: absolute;
    display: block;
    z-index: 19;
    transition: 0s ease;
    -o-transition: 0s ease;
    -webkit-transition: 0s ease;
}

a.prev3 {
    width: 44px;
    background: url(/images/left1.png) 0 0 no-repeat;
    height: 66px;
    left: 2px;
    top: 113px;
    position: absolute;
    display: block;
    z-index: 19;
    transition: 0s ease;
    -o-transition: 0s ease;
    -webkit-transition: 0s ease;

}

a.next3 {
    width: 44px;
    background: url(/images/right1.png) 0 0 no-repeat;
    height: 66px;
    right: 2px;
    top: 113px;
    position: absolute;
    display: block;
    z-index: 19;
    transition: 0s ease;
    -o-transition: 0s ease;
    -webkit-transition: 0s ease;
}

/* end Carusel*/


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


body:not(.t-body) {
    font-family: 'Regular';
    width: 100%;
    background: url('/images/main-bg.png');
}

ul, li {
    list-style-position: inside;
    list-style: none;
}

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

.main-title h1 {
    position: absolute;
    right: 380px;
    top: 19px;
    font-size: 55px;
}

h1:not(.tn-atom) {
    font-size: 76px;
    color: #FBF8FA;
    font-family: 'BebasNeue';
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
}

h2:not(.tn-atom) {
    font-size: 40px;
    color: #FBF8FA;
    font-family: 'BebasNeue';
    font-weight: 400;
    letter-spacing: 2px;
    text-align: center;
    padding: 20px 0;
}

h3 {
    font-size: 22px;
    color: #222;
}

.clear {
    float: none !important;
    clear: both;
}

.max-width {
    width: 980px;
    margin: auto;
    position: relative;
}

.max-width2 {
    width: 100%;
    margin: auto;
}

.timeline img {
    width: 100%;
}

.audience-container {
    text-align: center;
    display: block;
}

.our-adventages {
    background: #2a2a2a;
    height: 600px;
    min-width: 980px;
    padding-top: 50px;
}

.our-adventages h1 {
    color: #fecb01;
    margin-bottom: 50px;
    text-align: center;
}

.adventages {
    display: grid;
    grid-template-rows: repeat(2, 200px);
    grid-template-columns: repeat(3, 326px);
    place-items: flex-start;
    color: white;
}

.adventages i:last-child {
    color: black;
    font-size: smaller;
}

.adventage {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 10px;
}

.title-block {
    margin-bottom: 10px;
    display: flex;
}

.title-block p {
    font-size: 20px;
    color: #fecb01;
    font-weight: 600;
    align-content: space-around;
    margin-left: 10px;
}

.adventage .body {
    padding-right: 5px;
    font-size: 15px;
    font-weight: 300;
}

.icon-background1 {
    color: #fecb01;
}

.icon-background2 {
    color: #fedf7d;
}

.circle-icon2 {
    background: #ffc0c0;
    padding: 30px;
    border-radius: 50%;
}

.circle-icon {
    background: #ffc0c0;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    line-height: 100px;
    vertical-align: middle;
    padding: 30px;
}

.clients {
    display: grid;
    grid-template-rows: repeat(3, 163px);
    grid-template-columns: repeat(6, 163px);
    place-items: center;
}

.clients li img {
    max-width: 100px;
}

/*Header*/
.header {
    height: 100px;
    background: url(/images/main-top-bg.png) top left repeat-x;
    position: fixed;
    z-index: 1000;
    width: 100%;
}

.header-scroll {
    height: 100px;
    background: #fecc2f;
    position: fixed;
    z-index: 101;
    width: 100%;
    transition: all, 0.1s;
    -moz-transition: all, 0.1s;
    -webkit-transition: all, 0.1s;
    z-index: 9999;
}

.header-bg {
    width: 100%;
    height: 100%;
    background: #fcbf17;
}

.logo {
    width: 35%;
    float: left;
    margin: 10px 0 0px 0px;
    z-index: 20;
    position: absolute;
    /*    background: #ffffff63;*/
    padding: 5px;
    border-radius: 10px;
    text-align: end;
}

.logo a {
    color: black;
    text-decoration: underline;
}

.main-title {
    float: right;
    width: 410px;
    text-align: center;
    margin: 0;
    padding: 5px 0 0 0;
}

.main-title span {
    display: block;
    font-family: 'Regular';
    font-size: 47px;
    color: #000;
    margin: 5px 0 0 0;
    position: absolute;
    left: 94px;
    top: 11px;
    font-style: italic;

}

.address {
    float: right;
    text-align: right;
    width: 450px;
}

.address p {
    font-family: 'Regular';
    font-size: 32px;
    color: black;
    margin: 19px -19px 0 0;
    position: absolute;
    top: -6px;
    right: 23px;
    font-weight: bold;
}

.address span {
    display: block;
    margin: 52px -93px 0 0;
    font-family: 'Regular';
    font-size: 21px;
    color: black;
}

.enter-full {
    display: block;
    width: 140px;
    height: 40px;
    background: url('/images/enter-button2.png') left top no-repeat;
    margin: 8px 100px 0px 10px;
    border: none;
    cursor: pointer;
    outline: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    font-family: 'Regular';
    color: #FBF8FA;
    font-size: 24px;
    float: right;
}

.enter-scroll {
    display: block;
    width: 140px;
    height: 40px;
    background: url('/images/enter-button2.png') left top no-repeat;
    margin: 30px 20px 0 10px;
    border: none;
    cursor: pointer;
    outline: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    font-family: 'Regular';
    color: #FBF8FA;
    font-size: 24px;
    float: right;
}


.address-content {
    float: none;
    margin: 0 100px 0 0;
}

.address-content-scroll {
    float: left;
    width: 280px;
    padding: 10px 0 0 0;
}


/*First Block, in-bus*/
.in-bus {
    height: 802px;
    background: url(/images/top.jpg) top center no-repeat;
    top: 156px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.in-bus-scroll {
    min-width: 980px;
    height: 802px;
    background: url(/images/main.jpg) top center no-repeat;
    top: 56px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.watch-video {
    background: url(/images/arrow-video.png) left top no-repeat;
    top: 315px;
    left: 856px;
    position: absolute;
}

.watch-video img {
    display: block;
    margin-left: 177px;
    position: relative;
    top: -27px;
}

.watch-video div {
    margin: 20px 0 0 110px;
}

.watch-video div p {
    display: inline;
    font-family: 'Italic';
    font-style: italic;
    font-size: 28px;
    color: #FBF8FA;
    border-bottom: 1px dashed #FBF8FA;
}

.video-bus {
    position: absolute;
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 452px;
    height: 265px;
    top: 156px;
    left: 350px;
    z-index: 2;
}

.video-bus-play {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 148px;
    height: 148px;
    margin: -74px 0 0 -74px;
    background: url('/images/play.png') 50% 50% no-repeat;
}


/*Second Block, our-city, map*/
.our-city {
    margin: 80px 0 25px 0 !important;
}

.our-city h1 {
    color: #000;
    text-align: center;
    margin-bottom: 30px;
}

.city-images {
    float: left;
    width: 100%;
    height: 345px;
    margin: 65px 0 0 0;
    position: relative;
    z-index: 3;
}

.frame {
    position: absolute;
    width: 375px;
    height: 235px;
    padding: 10px 10px 10px 10px;
    background-color: #f5f5f5;
    -moz-box-shadow: 0 0 2px 0 #000;
    -webkit-box-shadow: 0 0 2px 0 #000;
    box-shadow: 0 0 2px 0 #000;
}

.frame-inner {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    text-align: center;
}

.frame-shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -moz-box-shadow: inset 0 0 1px 0 #f5f5f5;
    -webkit-box-shadow: inset 0 0 1px 0 #f5f5f5;
    box-shadow: inset 0 0 1px 0 #f5f5f5;
}

/*.carousel-cell {
    width: 41%;
}*/

.carousel-cell img {
    border-radius: 10px;
    /*    width: 380px;*/
    height: 240px;
}

.survey-carousel, .main-carousel {
    margin-bottom: 50px;
}

.carousel-cell {
    height: 240px;
    margin-right: 10px;
    background: #1a1a1a;
    border-radius: 5px;
    counter-increment: carousel-cell;
    text-align: center;
}

.survey-carousel .carousel-cell {
    height: 500px;
}

.survey-carousel .carousel-cell .link {
    display: none;
}

.survey-carousel .carousel-cell img {
    height: 500px;
}

.flickity-button {
    margin-top: 0 !important;
}

.survey-carousel .flickity-page-dots .dot {
    background: white;
}

/* .is-fullscreen added to carousel when fullscreen
   size cells to full height when fullscreen */
.main-carousel.is-fullscreen .carousel-cell {
    height: 100%;
    width: 100%; /* full width */
}

.survey-carousel.is-fullscreen .carousel-cell {
    height: 100%;
    width: 100%; /* full width */
}

.survey-carousel.is-fullscreen .carousel-cell .link {
    display: flex;
    width: 100%;
    height: 10%;
    background: #fbc41073;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    text-transform: uppercase;
}

.result-link {
    display: flex;
    width: 100%;
    height: 100%;
    background: #fbc410;
    border-radius: 0 0 10px 10px;
    /*    border: 2px solid;*/
    justify-content: center;
    align-items: center;
    font-size: 3em;
    text-transform: uppercase;
}

.result-img {
    height: 100%;
    place-self: center;
    max-width: 72em;
    max-height: 86em;
}

.img-button-block {
    display: grid;
    grid-template-rows: 85%;
    grid-auto-columns: max-content;
    justify-content: center;
}

button {
    cursor: pointer;
}

#prev, #next {
    z-index: inherit;
    height: 12%;
    align-self: center;
    border-radius: 10px;
    /*    min-width: 70px;*/
    font-size: 5em;
}

.survey-carousel.is-fullscreen .carousel-cell img {
    height: 90%;
}

.is-fullscreen {
    z-index: 10000 !important;
}

.flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit {
    width: 100px;
    height: 100px;
}

.flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit .flickity-button-icon {
    position: static;
    width: 100%;
    height: 70%;
}

.flickity-fullscreen-button-view {
    display: none;
}

@media (max-width: 500px) {
    .flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit {
        width: 200px;
        height: 200px;
    }
}

@media (max-width: 1250px) {
    .main-carousel.is-fullscreen .carousel-cell {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .main-carousel.is-fullscreen .carousel-cell img {
        height: 45em !important;
    }
}

@media (min-width: 1250px) {
    .main-carousel.is-fullscreen .carousel-cell img {
        height: 100%;
    }
}

@media (max-width: 600px) {
    .survey-carousel.is-fullscreen .carousel-cell {
        margin-top: 5em;
    }

    .survey-carousel.is-fullscreen .carousel-cell img {
        height: 86em;
    }
}

/*@media(min-width:1331px){
    width: 28%;
}
@media(min-width:1100px){
    width: 34%;
}
@media(max-width:1100px){
    width: 38%;
}*/

/* cell number */
/*.carousel-cell:before {
  display: block;
  text-align: center;
  content: counter(carousel-cell);
  line-height: 200px;
  font-size: 80px;
  color: white;
}*/


/*.frame-1 {
    top:15px;
    left:-20%;
    -moz-transform: rotate(11deg);
    -webkit-transform: rotate(11deg);
    -o-transform: rotate(11deg);
    -ms-transform: rotate(11deg);
    transform: rotate(11deg);
}
.frame-2 {
    top:15px;
    left:0%;
    -moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.frame-3 {
    top:15px;
    left:20%;
    -moz-transform: rotate(8deg);
    -webkit-transform: rotate(8deg);
    -o-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    transform: rotate(8deg);
}
.frame-4 {
    top:15px;
    left:12%;
    -moz-transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
}
.frame-5 {
    top:15px;
    left:18%;
    -moz-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
}
.frame-6 {
    top:15px;
    left:40%;
    -moz-transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    transform: rotate(-7deg);
}
.frame-7 {
    top:15px;
    left:60%;
    -moz-transform: rotate(8deg);
    -webkit-transform: rotate(8deg);
    -o-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    transform: rotate(8deg);
}
.frame-8 {
    top:15px;
    left:80%;
    -moz-transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
}
.frame-9 {
    top:15px;
    left:57%;
    -moz-transform: rotate(8deg);
    -webkit-transform: rotate(8deg);
    -o-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    transform: rotate(8deg);
}
.frame-10 {
    top:15px;
    left:69%;
    -moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.frame-11 {
    top:15px;
    left:100%;
    -moz-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    -o-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
}*/

.foto-arrow {
    margin: 295px 0 0 550px;
}

.cars-arrow {
    position: absolute;
    bottom: -60px;
    left: -25px;

}

.efir-arrow {
    display: block;
    margin: -65px 0 0 -50px;
}

.city-video {
    float: right;
    margin-top: 100px;
    padding: 14px;
    border: 1px solid #688099;
    background-color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: inset 0 0 3px 0 #999;
    -webkit-box-shadow: inset 0 0 3px 0 #999;
    box-shadow: inset 0 0 3px 0 #999;
}

.video {
    overflow: hidden;
    border: 1px solid #8e8e8e;
    background-color: #d7d7d7;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: inset 0 0 2px 0 #999;
    -webkit-box-shadow: inset 0 0 2px 0 #999;
    box-shadow: inset 0 0 2px 0 #999;
}

.city-map {
    min-width: 980px;
    position: relative;

}

.open[type=button] {
    width: 260px;
    height: 53px;
    background: url(/images/map-button.png) top left no-repeat;
    border: none;
    outline: none;
    cursor: pointer;
    font-family: 'Regular';
    color: #fff;
    font-size: 24px;
    text-shadow: #333 0px 2px 1px;
    display: block;
    margin: 0px auto -28px auto;
    padding: 0 0 8px 25px;
    position: relative;
    z-index: 9;
}

.close {
    width: 260px;
    height: 53px;
    background: url(/images/map-button.png) bottom right no-repeat;
    border: none;
    outline: none;
    cursor: pointer;
    font-family: 'Regular';
    color: #fff;
    font-size: 24px;
    text-shadow: #333 0px 2px 1px;
    display: block;
    margin: 0px auto -28px auto;
    padding: 0 0 8px 25px;
    position: relative;
    z-index: 9;
}

.city-routes-map {
    height: 25px;
    width: 13%;
    word-break: break-word;
    padding: 3px;
    border-radius: 5px;
    background-color: #50575e;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px !important;
    margin: 0px 5px 0px 5px;
    vertical-align: middle;
}


/*Map*/
.map-top {
    height: 14px;
    background: url(/images/map-top.png) top left repeat-x;
    position: relative;
    z-index: 2;
}

.map-main {
    width: 100%;
    text-align: center;
    overflow: hidden;
    margin: -6px 0 0 0;
    position: relative;
    z-index: 1;

}

.map-bottom {
    min-width: 980px;
    position: relative;
    z-index: 2;
    height: 14px;
    background: url(/images/map-bottom.png) top left repeat-x;
    margin: -10px 0 0 0;

}


/*Third Block, check online*/
.online {
    margin: 25px 0 0 0;
}

.online h1 {
    color: #222222;
    text-align: center;
    margin: 0 0 60px 0;
}

.online-girl {
    /*background: url('/images/girl.png') top left no-repeat;*/
    float: left;
    width: 472px;
    height: 383px;
}

.speed-3g {
    /*background: url('/images/3G.png') top left no-repeat;*/
    float: left;
    width: 300px;
    height: 100px;
    margin: -20px 0 0 280px;
    position: absolute;
}

.online-city {
    /*background: url('/images/city-transport.png') top left no-repeat;*/
    float: left;
    width: 538px;
    height: 170px;
    margin: -10px 0 0 420px;
    position: absolute;
}

.online-text {
    float: right;
    margin: 175px 45px 53px 0;
    display: inline-block;
    width: 463px
}

.online-text p {
    font-family: 'Regular';
    font-size: 28px;
    color: #5A5A5A;
}


/*Fourth Block, follow*/
.blue-bg {
    min-width: 980px;
    margin: -1px 0 0 0;
    background: url('/images/blue-main-bg.png');
    padding: 60px 0 0 0;
}

.follow {
    width: 951px;
    margin: 0 auto;

}

.tab1 {
    background: url('/images/follow-tab.png') top left no-repeat;
    width: 234px;
    height: 70px;
    float: left;
    margin: 0;
}

.tab2 {
    background: url('/images/follow-tab2.png') top left no-repeat;
    width: 234px;
    height: 70px;
    float: left;
    margin: 0 5px 0 5px;
}

.tab3 {
    background: url('/images/follow-tab.png') top left no-repeat;
    width: 234px;
    height: 70px;
    float: left;
    margin: 0;
}

.tab4 {
    background: url('/images/follow-tab.png') top left no-repeat;
    width: 234px;
    height: 70px;
    float: right;
    margin: 0;
}

.tab1 p, .tab2 p, .tab3 p, .tab4 p {
    font-family: 'Medium';
    font-size: 18px;
    text-align: center;
    padding: 10px 0 0 0;
    letter-spacing: -1px;
    color: #292929;
}

.tab2 p {
    color: #fff !important;
    letter-spacing: 0px !important;
}

.follow-main {
    background: url('/images/follow-main.png') top left no-repeat;
    width: 951px;
    height: 346px;
    top: -20px;
    position: relative;
    border-bottom: 5px solid #FCC62E;
    z-index: 2;
}

.follow-shadow {
    background: url('/images/follow-shadow.png') top left no-repeat;
    width: 951px;
    height: 44px;
    top: -30px;
    padding: 0;
    position: relative;
    z-index: 1;
}

/*Fifth Block, GeoTagging*/
.geo-tag {
    margin: 30px 0 50px 100px;
    width: 960px;
    overflow: hidden;
}

.geo-tag h1 {
    color: #222222;
    text-align: center;
}

p.geo-intro {
    font-family: 'Regular';
    color: #666;
    font-size: 28px;
    display: block;
    width: 100%;
    margin: 10px 0 30px 0;
}


/*Slider01 */

.slider01 {
    border: 10px solid #559EB2;
    text-align: center;
    margin: 0 auto 30px auto;
    background: #fafafa;
}

.geo-post-info {
    float: left;
    width: 280px;
    background: #fff;
    padding: 10px;
    margin: 0 10px 0 10px;
    min-height: 120px;
    font-family: 'Regular';
    color: #222;
    font-size: 18px;
}

.geo-post-info3 {
    float: left;
    width: 280px;
    background: #fff;
    padding: 10px;
    margin: 0 0 0 10px;
    font-family: 'Regular';
    color: #222;
    font-size: 16px;
}


.video-product {
    min-width: 980px;
    background: url(/images/blue-main-bg.png) left top repeat;
    min-height: 400px;
    margin: -1px 0 0 0;
    position: relative;
}

.video-product h1 {
    text-align: center;
    padding: 30px 0 0 0;
}


.blue-bg-top {
    min-width: 980px;
    height: 4px;
    background: url(/images/top-blue-bg.png) left top repeat-x;
}

.video-product-bg {
    min-width: 980px;
    background: #2a2a2a;
    min-height: 545px;
    border-bottom: 10px solid #f8ba34;
}

.fotostoc {
    width: 355px;
    height: 355px;
    position: absolute;
    top: 120px;
    left: 0px;
    background: url(/images/metro-girl.png) left top no-repeat;
    z-index: 5;
}

.question-bg {
    width: 962px;
    height: 281px;
    position: absolute;
    top: 170px;
    right: 0px;
    background: url(/images/orange-rectangle.png) left top no-repeat;
    z-index: 2;
}

.corect-margin {
    margin: 65px 0 0 340px;
}

.corect-margin2 {
    margin: 80px 0 0 355px;
}

.question-bg div {
    width: 650px;
    margin: auto;
    padding: 15px 0 0 80px;
}

.question-bg p {
    color: #fff;
    font-family: 'Regular';
    font-size: 45px;

}


.question-bg span {
    text-transform: uppercase;
}


/*Slider*/
.slider-video {
    float: left;
    width: 440px;
    height: 160px;
    margin: 0 0 0 70px;
}

.slider-video2 {
    float: right;
    width: 440px;
    height: 160px;
    margin: 0 40px 0 0;
}

#slider-wrapper {
    height: 160px;
    width: 100%;
}

.roundabout-example {
    padding: 0;
    width: 100%;
    margin: 0 auto;
}

.roundabout-example ul {
    list-style: none;
    padding-left: 0;
    width: 70%;
    margin: 0 auto;
    height: 160px;
}

.roundabout-example .stage {
    padding: 0;
}

.roundabout-example2 {
    padding: 0;
    width: 100%;
    margin: 0 auto;
}

.roundabout-example2 ul {
    list-style: none;
    padding-left: 0;
    width: 70%;
    margin: 0 auto;
    height: 160px;
}

.roundabout-example2 .stage {
    padding: 0;
}

.roundabout-moveable-item {
    height: 160px;
    width: 240px;
    cursor: pointer;
    overflow: hidden;

}

.roundabout-in-focus {
    cursor: auto;
}

.roundabout-example img {
    height: auto;
    width: 15em;
}

.roundabout-example2 img {
    height: auto;
    width: 15em;
}

.post-body img {
    max-width: 99% !important;
}

.next, .previous, .next12, .previous12 {
    width: 9px;
    height: 14px;
    cursor: pointer;
    margin: 65px 0 0 0;
}

.previous, .previous12 {
    float: right;
    margin-right: -26px;
}

.next, .next12 {
    float: left;
    margin-left: -26px;
}

/*End Slider Styles*/


/* two-sliders  */

.two-sliders {
    display: block;
    width: 100%;
    position: relative;
    margin: 460px 0 0 -30px;
}

.two-sliders p {
    display: block;
    font-family: 'Regular';
    font-size: 22px;
    color: #000;
}

.slider-video p {
    margin: 0 0 20px 75px;
}

.slider-video2 p {
    margin: 0 0 20px 85px;
}

.to-download {
    margin: 80px 0 0 400px;
    position: relative;
}

.to-download span {
    display: inline;
    margin: 2px 0 0 -40px;
    position: absolute;
    z-index: 2;
}

.to-download a p {
    display: inline;
    font-family: 'Regular';
    font-size: 20px;
    color: #fff;
    border-bottom: 1px dashed #fff;
    position: absolute;
    z-index: 1;
}

.down2 {
    width: 315px;
    height: 60px;
    border: none;
    outline: none;
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 12px;
    color: #3c3c3c;
    font: 27px 'Medium';
    text-shadow: #fff 0px 1px 1px;
    background: url(/images/download-button.png) left top no-repeat;
    display: block;
    margin: 50px 0 0 450px;

}

/*Timers Block, Special*/
.special {
    margin: 45px 0 0 0;
}

.special h1 {
    text-align: center;
    color: #222222;
    margin: 0 0 50px 0;
}

.special span {
    float: left;
    font-family: 'BebasNeue';
    font-size: 40px;
    color: #2AAEC8;
    margin: 0 10px 10px 0
}

.second-text {
    display: inline-block;
    font-family: 'Regular';
    font-size: 20px;
    text-align: center;
    color: #191819;
    border-bottom: 4px solid #2CB7D3;
    width: 175px;
    margin: 10px 0 0 85px;
}

.second-text2 {
    display: inline-block;
    font-family: 'Regular';
    font-size: 20px;
    text-align: center;
    color: #191819;
    border-bottom: 4px solid #2CB7D3;
    width: 90%;
    margin: 10px 0 0 20px;
}

.special img {

}

.special-text {
    float: left;
    width: 85%;
    font-family: 'Regular';
    font-size: 30px;
    color: #DF5417;
    border-bottom: 1px solid #29A9C2;
    margin: 0 0 10px 0;
}

.hello {
    float: left;
    width: 340px;
    margin: 0 0 0 20px;
    height: 470px;
}

.gift {
    float: left;
    width: 340px;
    margin: 0 0 0 60px;
    height: 470px;
}

.ticket {
    float: right;
    width: 340px;
    margin: 0 20px 0 0;
    height: 470px;
}

/*Timers*/
.timer1 {
    position: relative;
    width: 265px;
    height: 100px;
    background: url('/images/timer-bg.png') top left no-repeat;
    overflow: hidden;
    margin: -35px 0 0 36px;
    z-index: 5;
}

/*Calculators*/

.calc1-bg {
    min-width: 980px;
    background: #3B454F url(/images/bg-calc.png) top left repeat;
    margin: -1px 0 0 0;
    padding: 0 0 65px 0;
}


.calc1-bg h1 {
    text-align: center;
    padding: 60px 0 10px 0;
}

.sform1 {
    text-align: center;
    padding: 55px 0 10px 0;
}

.sform2 {
    text-align: center;
    padding: 0px 0 10px 0;
}

.calc1-bg p.or {
    text-align: center;
    font-family: 'Regular';
    font-size: 34px;
    text-transform: uppercase;
    color: #FFD851;
    margin: 0 0 50px 0;

}


.calc1-top-bg {
    min-width: 980px;
    background: url(/images/bc.png) top left repeat-x;
    height: 5px;
    margin: 30px 0 0 0;
}

.calc2-top-bg {
    min-width: 980px;
    background: url(/images/bc.png) top left repeat-x;
    height: 5px;

}

.form1 {
    width: 958px;
    height: 390px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: url(/images/form-bg.jpg) top left no-repeat;
    margin: 0 auto;
}

.form1 .success {
    padding: 70px 50px 0;
    font-size: 24px;
    line-height: 1.2;
    color: #fff;
    text-align: center;
}

.form1 .success a {
    color: #ffd851;
    text-decoration: underline;
}

.form1 .success a:hover {
    text-decoration: none;
}

.form1 span {
    color: #fff;
    font-family: 'Regular';
    font-size: 22px;
}

.form1 input[type=text], .form1 input[type=tel], .form1 input[type=email] {
    width: 280px;
    height: 37px;
    border: none;
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 0 0 0 44px;
    color: #D27700;
    font-family: 'Regular';
    font-size: 23px;
}

.form1 input[type=date] {
    width: 130px;
    height: 37px;
    border: none;
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 0 0 0 4px;
    color: #D27700;
    font-family: 'Regular';
    font-size: 17px;
}

.form1 input[name=company] {
    background: #fff url(/images/user.png) left top no-repeat;
}

.form1 input[name=person] {
    background: #fff url(/images/user.png) left top no-repeat;
}

.form1 input[name=phone] {
    background: #fff url(/images/phone.png) left top no-repeat;
}

.form1 input[name=email] {
    background: #fff url(/images/email.png) left top no-repeat;
}


.form1 table {
    text-align: right;
}

.form1 table td {
    vertical-align: middle !important;
    padding: 10px 0;
    position: relative;
}

.form1 table span {
    z-index: 19;
}

.fields-left {
    float: left;
    width: 450px;
    margin: 50px 0 0 30px;
}

.fields-right {
    float: right;
    width: 440px;
    margin: 50px 30px 0 0;

}

.advert {
    width: 390px;
    margin: 0 auto;
    text-align: right;

}

.advert p {
    display: inline;
    color: #fff;
    font: 22px 'Regular';
}

#advert table td {
    padding: 0 2px;
}

#advert input[type=text] {
    width: 115px;
    padding: 0 0 0 4px;
    color: #D27700;
}

.form1 input[type=submit] {
    width: 315px;
    height: 60px;
    border: none;
    outline: none;
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 12px;
    color: #3c3c3c;
    font: 27px 'Medium';
    text-shadow: #fff 0px 1px 1px;
    background: url(/images/download-button.png) left top no-repeat;
    display: block;
    margin: 50px auto 0 auto;
}

.form1 input[type=submit]:disabled {
    opacity: .2;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
}

.caracter {
    background: #f8ba34;
    min-width: 980px;
    padding: 0 0 50px 0;
}

.caracter h1 {
    color: #000;
    text-align: center;
    padding: 40px 0;
}

.caracter img.shadow {
    box-shadow: #444 0px 0px 5px 1px;
    z-index: 99;
    width: 98%;
}

.caracter span.tot {
    font: 25px 'Regular';
    color: #fff;
    padding: 0 0 0 20px;
}

.clickhere {
    color: #fff;
    font: 26px 'Regular';
}


.bottom-blue-bg {
    background: url(/images/bottom-blue-bg.png) left top repeat-x;
    height: 4px;
    min-width: 980px;
}


.email-error {
    display: none;
    background: url(/images/error.png) left top no-repeat;
    width: 161px;
    height: 37px;
    position: absolute;
    /*right:-157px;
    top:10px;*/
}

.person-error {
    display: none;
    background: url(/images/error.png) left top no-repeat;
    width: 161px;
    height: 37px;
    position: absolute;
    /*right:-157px;
    top:10px;*/
}

.phone-error {
    display: none;
    background: url(/images/error.png) left top no-repeat;
    width: 161px;
    height: 37px;
    position: absolute;
    /*right:-157px;
    top:10px;*/
}

.name2-error {
    display: none;
    background: url(/images/error.png) left top no-repeat;
    width: 161px;
    height: 37px;
    position: absolute;
    right: -222px;
    top: 0px;
    z-index: 19;
}

.email2-error {
    display: none;
    background: url(/images/error.png) left top no-repeat;
    width: 161px;
    height: 37px;
    position: absolute;
    right: -222px;
    top: 0px;
    z-index: 19;
}

.subscribe-form label {
    position: relative;
    height: 40px !important;
    display: inline-block;
}

.company-error {
    display: none;
    background: url(/images/error.png) left top no-repeat;
    width: 161px;
    height: 37px;
    position: absolute;
    /*right:-157px;
    top:10px;*/
}

.date-error {
    display: none;
    background: url(/images/error.png) left top no-repeat;
    width: 161px;
    height: 37px;
    position: absolute;
    /*right:-157px;
    top:18px;*/
}

.yellow-shadow {
    box-shadow: #D27700 0px 0px 5px 1px;
}


.adv-slider {
    min-width: 980px;
    background: #fff;
    padding: 0 0 30px 0;
}

.adv-slider h1 {
    color: #000;
    text-align: center;
    padding: 40px 0;
}


/* Calc2 */

.calc2 {
    min-width: 980px;
    background: #2a2a2a;
    margin: -1px 0 0 0;
    padding: 0 0 35px 0;
}

.calc2 h1 {
    text-align: center;
    padding: 30px 0 45px 0;
}

.calc2 h5 {
    font-size: 38px;
    color: #FBF8FA;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
    text-align: center;
}

.calc2 h5 a {
    text-decoration: underline;
}

/* Calc3 */

.calc3 {
    min-width: 980px;
    background: #2a2a2a;
    margin: -1px 0 0 0;
    padding: 0 0 35px 0;
}

.calc3 h1 {
    text-align: center;
    padding: 30px 0 45px 0;
}

.calc3 h5 {
    font-size: 38px;
    color: #FBF8FA;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
    text-align: center;
}

.calc3 h5 a {
    text-decoration: underline;
}


.group {
    min-width: 980px;
    padding: 0 0 50px 0;
}

.group h1 {
    text-align: center;
    padding: 40px 0;
    color: #000;
}

/* Meta */
/*Intercontent*/
.person-frame {
    width: 260px;
    height: 225px;
    margin: 0 5px;
    overflow: hidden;
}

.intercontent {
    text-align: center;
}

.meta-name {
    font: 27px 'Medium';
    color: #4f4e4f;
    text-transform: uppercase;
    padding: 5px 0 7px 0;
}

.meta-surname {
    font: 27px 'Regular';
    color: #4f4e4f;
    padding: 0 0 7px 0;
}

.meta1 {
    font: 22px 'Regular';
    color: #4f4e4f;

}

.meta2 {
    font: 22px 'Regular';
    color: #4f4e4f;
    padding: 5px 0 0 6px;
    display: inline-block;
}


/*Subscribe*/

.subscribe {
    min-width: 980px;
    background: #2BB2CD;
    padding: 0 0 55px 0;

}

.subscribe h1 {
    text-align: center;
    padding: 35px 0 15px 0;
}

.subscribe-form {
    overflow: hidden;
    width: 100%;
    text-align: center;
    padding: 0px;
    min-height: 70px;
}

.subscribe-form .success {
    padding: 0 50px;
    font-size: 24px;
    line-height: 1.2;
    color: #fff;
    text-align: center;
}

.subscribe-form .success a {
    color: #ffd851;
    text-decoration: underline;
}

.subscribe-form input[type=text], .subscribe-form input[type=email] {
    width: 270px;
    height: 37px;
    border: none;
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 0 0 0 44px;
    color: #D27700;
    font-family: 'Regular';
    font-size: 23px;
}

.subscribe-form input[name=person] {
    background: #fff url(/images/user.png) left top no-repeat;
}

.subscribe-form input[name=email] {
    background: #fff url(/images/email.png) left top no-repeat;
}

.subscribe-form input[type=submit] {
    background: #fff url(/images/button-last.png) left top no-repeat;
    width: 166px;
    height: 52px;
    color: #fff;
    border: none;
    outline: none;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0 0 0 50px;
    font: 23px 'Regular';
    box-shadow: #555 0px 0px 5px 1px;
}

.subscribe-form span {
    font: 22px 'Regular';
    color: #fff;
    padding: 0px 15px 0 50px;
}

.Sresult {
    font: 23px 'Regular';
    color: #fff;
    paddind: 15px 0 0 0;
}

/*Social*/

.social {
    text-align: center;
    width: 760px;
    margin: auto;
}

.social img {
    padding: 20px;
}

/*Credits*/
.credits {
    padding: 0 0 30px 0;
    overflow: hidden;
    text-align: center;
}

.c1 {
    width: 300px;
    display: inline-block;
    color: #1e1e1e;
}

.c1 p {
    font: 19px 'Regular';
    color: #fff;
    text-transform: uppercase;
    line-height: 32px;
}

.c1 span, .c2 span {
    font: 19px 'Regular';
    color: #fff;
}

.c2 {
    width: 300px;
    float: left;
    text-align: center;
    color: #fff;
    margin: 0 0 0 120px;
}

.c2 p {
    font: 25px 'Medium';
    color: #fff;
    line-height: 35px;
}


.c3 {
    width: 300px;
    float: right;
    text-align: right;
    padding: 0 10px 0 0;
}

.c3 a {
    padding: 0 0 5px 0;
    font: 19px 'Regular';
    color: #1e1e1e;
    vertical-align: middle;
}

.c3 img {
    position: relative;
    bottom: -10px;
    left: 0;
}

.c3 span {
    font: 19px 'Regular';
    color: #1e1e1e;
}

.c3 p {
    display: inline-block;
    padding: 0 2px;
    /*border-bottom:2px solid #7d7d7d;*/
}

#flex-logo {
    vertical-align: middle;
}

#mt1-logo {
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 35px;
    background: url(/i/logo-1mt.png);
}


/* Main Calc  2*/
.main-calc {
    width: 670px;
    min-height: 120px;
    margin-bottom: 75px;
}

.select {
    width: 100%;
}

.select select {
    width: 100%;
    height: 28px;
    border: none;
    outline: none;
    position: relative;
    background: none;
    /*    z-index: 100;*/
    font: 16px 'Regular';
    color: #3d4751;

}

div.select-div {
    background: #fff;
    width: 100%; /* �� 20px ������, ��� � select'�. �������� ������ ������ ����������� ������ */
    overflow: hidden; /* ������ ����� ���������� �� ��������� "�������" */
    display: inline-block;
    position: relative; /* ����� �������� � position:absolute ����������������� �� "�������" */
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.select-button {
    background: url(/images/choose.png) center center no-repeat;
    height: 28px; /* ������� �������������� �������� */
    width: 30px;
    position: absolute; /* ��������� ������ �� ������� ���� */
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 50; /* � �������� ��� �� ������ ���� - ����� ������ */
}


.select span {
    font: 22px 'Regular';
    color: #fff;
    padding: 0 10px 0 10px;
    display: inline-block;
    position: relative;
    top: -6px;
    margin-top: 20px;
}

.select img {
    display: inline-block;
    position: relative;
    top: -3px;
}

.count {
    float: right;
}

.count table {
    width: 300px;
    text-align: center;
    margin: 40px 0 0 0;
}

.count table p {
    text-transform: uppercase;
    font: 20px 'Regular';
    color: white;
    line-height: 32px;
}

.count table span {
    font: 14px 'Regular';
    color: white;
    line-height: 15px;
    display: inline-block;
    position: relative;
    top: -4px;
    text-align: left !important;
}

.count input[type="checkbox"] {
    display: none;
}

.count input[type="checkbox"] + label::before {
    content: "";
    display: inline-block;
    height: 29px;
    width: 29px;
    margin: 0 5px 0 50px;
    background: #fff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}


.count input[type="checkbox"]:checked + label::before, .count input[type="checkbox"] + label.checked::before {
    background: white url(/images/checked.png) center center no-repeat;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

/* Calc 2*/

.calculator2-main {
    width: 670px;
}

.calculator2-main-help {
    position: relative;
}

.calc2-bg {
    width: 670px;
    width: 670px;
    padding: 3px 0 5px 0;
    background: #2b353d;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow: hidden;
    margin: 6px 0;
    position: relative;
}

.calc2-title {
    float: left;
    width: 400px;
    display: inline-block;
}

.calc2-title input[type=button] {
    width: 29px;
    height: 29px;
    border: none;
    outline: none;
    cursor: pointer;
    margin: 5px 8px;
    vertical-align: middle;
}

.calc2-title span {
    font: 20px regular;
    color: #fff;
    display: inline-block;
    top: 10px;
    left: 30px;
    vertical-align: middle;
}

/* Calc 3*/

.calculator3-main {
    width: 670px;
}

.calculator3-main-help {
    position: relative;
}

.calc3-bg {
    width: 670px;
    padding: 3px 0 5px 0;
    background: #2b353d;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow: hidden;
    margin: 6px 0;
    position: relative;
}

.calc3-title {
    float: left;
    width: 400px;
    display: inline-block;
    cursor: pointer;
}

.calc3-title input[type=button] {
    width: 29px;
    height: 27px;
    border: none;
    outline: none;
    cursor: pointer;
    margin: 5px 8px;
    vertical-align: middle;
}

.calc3-title span {
    font: 20px regular;
    color: #fff;
    display: inline-block;
    top: 10px;
    left: 30px;
    vertical-align: middle;
}

.level {
    overflow: hidden;
}

.count-monitors {
    width: 115px;
    float: right;
    border-left: 2px solid #515962;
    border-right: 2px solid #515962;
    text-align: center;
    height: 35px;
    margin: 2px 0 0 0;
}

.count-monitors p {
    font: 22px 'Regular';
    color: #fff;
    padding: 4px 0 0 0;
}

.options-select {
    float: right;
    width: 175px;
    text-align: center;
}


.options-select input[type="checkbox"] {
    display: none;
}

.options-select input[type="checkbox"] + label::before {
    content: "";
    display: inline-block;
    height: 29px;
    width: 29px;
    margin: 0 5px 0 50px;
    background: #495259;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    margin: 5px 3px 0 0;
}


.options-select input[type="checkbox"]:checked + label::before {
    background: #495259 url(/images/checked.png) center center no-repeat;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}


/*Inter calc*/
.inter-bg {
    width: 824px;
    padding: 3px 0;
    background: #35404b;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow: hidden;
    margin: 6px 8px 0 0;
    float: right;
}

.inter-title {
    float: left;
}

.inter-title input[type=button] {
    width: 29px;
    height: 29px;
    border: none;
    outline: none;
    cursor: pointer;
    margin: 5px 8px;
}

.inter-title span {
    font: 20px 'Regular';
    color: #fff;
    position: relative;
    display: inline-block;
    /*top:-8px;*/
}

.inter-monitors {
    width: 115px;
    float: right;
    border-left: 2px solid #515962;
    border-right: 2px solid #515962;
    text-align: center;
    height: 35px;
    margin: 2px 0 0 0;
}

.inter-monitors p {
    font: 22px 'Regular';
    color: #fff;
    padding: 4px 0 0 0;
}

.inter-select {
    float: right;
    width: 167px;
    text-align: center;
}


.inter-select input[type="checkbox"] {
    display: none;
}

.inter-select input[type="checkbox"] + label::before {
    content: "";
    display: inline-block;
    height: 29px;
    width: 29px;
    margin: 0 5px 0 50px;
    background: #495259;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    margin: 5px 0px 0 3px;
}


.inter-select input[type="checkbox"]:checked + label::before {
    background: #495259 url(/images/checked.png) center center no-repeat;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}


/*Last calc*/
.last-bg {
    width: 790px;
    padding: 3px 0;
    background: #44525e;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow: hidden;
    margin: 6px 8px 0 0;
    float: right;
}

.last-title {
    float: left;
}

.last-title input[type=button] {
    width: 29px;
    height: 29px;
    border: none;
    outline: none;
    cursor: pointer;
    margin: 5px 8px;
}

.last-title span {
    font: 20px regular;
    color: #fff;
    position: relative;
    display: inline-block;
    top: -8px;
}

.last-monitors {
    width: 115px;
    float: right;
    border-left: 2px solid #515962;
    border-right: 2px solid #515962;
    text-align: center;
    height: 35px;
    margin: 2px 0 0 0;
}

.last-monitors p {
    font: 22px 'Regular';
    color: #fff;
    padding: 4px 0 0 0;
}

.last-select {
    float: right;
    width: 167px;
    text-align: center;
}


.last-select input[type="checkbox"] {
    display: none;
}

.last-select input[type="checkbox"] + label::before {
    content: "";
    display: inline-block;
    height: 29px;
    width: 29px;
    margin: 0 5px 0 50px;
    background: #fff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    margin: 5px 0px 0 3px;
}


.last-select input[type="checkbox"]:checked + label::before {
    background: #fff url(/images/checked.png) center center no-repeat;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.last-download {
    margin: 0 10px 0 0;
    position: relative;
    bottom: -4px;
    float: right;
}


/* Last fs*/
.adress-title {
    float: left;
}

.adress-title input[type=button] {
    width: 29px;
    height: 29px;
    border: none;
    outline: none;
    cursor: pointer;
    margin: 5px 8px;
}

.adress-title span {
    font: 20px regular;
    color: #fff;
    position: relative;
    display: inline-block;
    margin: 5px 0 0 70px
}

.adress-monitors {
    width: 115px;
    float: right;
    border-left: 2px solid #515962;
    border-right: 2px solid #515962;
    text-align: center;
    height: 35px;
    margin: 2px 0 0 0;
}

.adress-monitors p {
    font: 22px 'Regular';
    color: #fff;
    padding: 4px 0 0 0;
}

.adress-select {
    float: right;
    width: 167px;
    text-align: center;
}


.adress-select input[type="checkbox"] {
    display: none;
}

.adress-select input[type="checkbox"] + label::before {
    content: "";
    display: inline-block;
    height: 29px;
    width: 29px;
    margin: 0 5px 0 50px;
    background: #fff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    margin: 5px 0px 0 3px;
}


.adress-select input[type="checkbox"]:checked + label::before {
    background: #fff url(/images/checked.png) center center no-repeat;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

/* Calc1 elem*/

.elem-bg, .elem-bg2 {
    width: 615px;
    height: 48px;
    padding: 3px 0;
    background: #C2C2C2;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow: hidden;
    margin: 6px 8px 0 0;
    float: right;
}

.elem-bg2 .elem-title {
    text-align: left;
    width: 45%;
}

.elem-bg2 .elem-select {
    width: 45%;
}

.elem-link {
    float: left;
    display: inline-block;
    width: 8%;
    word-break: break-word;
    padding: 3px;
    border-radius: 10px;
    margin-left: 2px;
    background-color: #50575e;
    text-align: center;
    line-height: 42px;
    text-transform: uppercase;
    font-size: 13px;
}

.calc3-bg .elem-link {
    height: 42px;
}

.elem-title {
    float: left;
    display: table;
    width: 40%;
    height: 100%;
    word-break: break-word;
    margin: 2px 0px 0px 5px;
}

.elem-title span {
    font: 20px regular;
    color: #333;
    display: table-cell;
    vertical-align: middle;
}

.elem-monitors {
    width: 19%;
    float: right;
    border-left: 2px solid #515962;
    text-align: center;
    height: 100%;
    display: table;
}

.elem-monitors p {
    font: 22px 'Regular';
    color: #333;
    padding: 5px 0 0 0;
    display: table-cell;
    vertical-align: middle;
}

.elem-select {
    float: right;
    width: 27%;
    text-align: center;
    display: table;
    height: 100%;
}

.elem-select input[type="checkbox"] + label {
    display: table-cell;
    vertical-align: middle;
}

.elem-select input[type="checkbox"] {
    display: none;
}

.elem-select input[type="checkbox"] + label::before {
    content: "";
    display: inline-block;
    height: 29px;
    width: 29px;
    margin: 0 5px 0 50px;
    background: #fff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    margin: 5px 0px 0 3px;
}


.elem-select input[type="checkbox"]:checked + label::before {
    background: #fff url(/images/checked.png) center center no-repeat;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.elem-download {
    margin: 0 10px 0 0;
    position: relative;
    bottom: -4px;
    float: right;
}


/*calc result*/

.calc3 .calc-result {
    margin: 15px 0 200px 0;
}

.calc-result {
    width: 670px;
    border-top: 6px solid #f8ba33;
    background: url(/images/final-price-bg.png) left top repeat;
    margin: 15px 0 0 0;
    padding: 0 0 10px 0;
}

.calc-result h3 {
    font: 25px 'Regular';
    color: white;
    border-bottom: 1px dashed #667f8a;
    padding: 2px 0 2px 20px;
    margin: 0 0 10px 0;
}

.calc-result p {
    font: 25px 'Regular';
    color: white;
    padding: 2px 0 2px 20px;
}

.calc-result span {
    color: #ffbf34;
}


/*calc result 2*/

.calc-result2 {
    width: 790px;
    border-top: 6px solid #f8ba33;
    background: url(/images/final-price-bg.png) left top repeat;
    margin: 15px 10px 0 0;
    padding: 0 0 10px 0;
    float: right;
}

.calc-result2 h3 {
    font: 25px 'Regular';
    color: white;
    border-bottom: 1px dashed #667f8a;
    padding: 2px 0 2px 20px;
    margin: 0 0 10px 0;
}

.calc-result2 p {
    font: 25px 'Regular';
    color: white;
    padding: 2px 0 2px 20px;
}

.calc-result2 span {
    color: #ffbf34;
}

.coover {
    position: relative !important;
}

.coover-2 {
    overflow: hidden;
}


/* Popup result*/
.popup-result {
    width: 240px;
    border-radius: 3px;
    background: #2b353d;
    padding: 10px 20px 20px 20px;
    position: absolute !important;
    left: 680px !important;
    z-index: 100;
}


.popup-result table {
    width: 240px;
    text-align: right;

}

.popup-result table td {
    /*    vertical-align:middle;*/
    padding: 10px 0;
}

.popup-result p.elements-mini {
    text-align: left;
    color: #fff;
    font: 18px 'Regular';
}

.popup-result p.result-mini {
    text-align: right;
    color: #fff;
    font: 22px 'Regular';
    display: inline;
}

.orange {
    color: #ffbf34 !important;
    padding: 5px 0 0;
    font: 22px 'Regular';
}

.nds {
    color: #ffbf34 !important;
    font-size: 16px;
}

.closed {
    background: url(/images/sprite-calc.png) left top no-repeat;
}

.opened {
    background: url(/images/sprite-calc.png) 0 -29px no-repeat;
}

/*Level 1*/
#level1, #level11, #level12, #level111, #level112, #level121, #level122 {
    display: none;
}

/*Level 2*/
#level2, #level21, #level22, #level211, #level212, #level221, #level222 {
    display: none;
}


/*Level 3*/
#level3, #level31, #level32, #level311, #level312, #level321, #level322 {
    display: none;
}

/*Follow*/
.reporting {

}

.reporting .center {
    width: 1000px;
    margin: auto;
}

.reporting_header {
    width: 1000px;
    height: 60px;
    text-align: justify;
}

.reporting_header a {
    display: inline-block;
    background: #fdc530;
    font-family: 'Regular';
    text-decoration: none;
    font-size: 18px;
    padding: 10px 24px;
    color: #292929;
    text-align: left;
    white-space: pre;
}

.reporting_header:after {
    content: '';
    display: inline-block;
    height: 0;
    position: relative;
    width: 100%;
}

.lst {
    float: right !important;
    margin-right: 0px !important;
}

.reporting_header a:hover {
    background: #158096;
    color: #fff;
}

.reporting_header a.active {
    background: #158096;
    color: #fff;
}

.reporting_body {
    overflow: hidden;
    width: 1000px;
    padding-bottom: 40px;
    background: url(/images/shadov.png) no-repeat bottom center;
}

.reporting_body_block {
    border-bottom: 10px solid #fdc530;
    height: 376px;
    overflow: hidden;
    position: relative;
    width: 1000px;
    float: left;
    background: #fff;
}

.reporting_iten {
    position: absolute;
    top: 0;
    left: 0;
}

.lst {
    float: right !important;

}

.reporting_iten img {
    width: 954px;
}

#google-map {
    height: 160px;
}

.slider .carousel ul {
    margin: 0;
    padding: 0;
}

.slider .carousel ul li {
    display: block;
    float: left;
    height: 569px;
    padding: 0;
    width: 940px;
}

.review {
    background: url(/images/geo.png) repeat-x top center;
    padding: 40px 0;
}

.review h1 {
    text-align: center;
    color: #222222;
}

.review .slider {
    position: relative;
    left: auto;
    border: none;
    width: 960px;
    height: 570px;
    margin: 0 auto;
}

.review .slider .carousel {
    margin-left: -9px;
}

.review .slider ul {
}

.review .slider ul li {
    width: 980px;
    height: auto;
}

.review a.arrow {
    background: url("/images/arows.png") no-repeat scroll 0 0 transparent;
    height: 70px;
    margin-top: -35px;
    width: 47px;
    position: absolute;
    top: 50%;
    z-index: 2;
}

.review a.next {
    background-position: right top;
    float: right;
    right: -100px;
}

.review a.prev {
    background-position: left top;
    float: left;
    left: -100px;
}

.item_review {
    width: 462px;
    float: left;
    margin: 20px 14px;
}

.item_review .name {
    font-size: 19px;
    color: #837c6b;
    margin: 0;
    padding-left: 115px;
    font-family: 'Light';
    line-height: 20px;
    padding-bottom: 7px;
}

.item_review .name span {
    text-transform: uppercase;
    color: #000;
    font-family: 'Medium';
}

.review_data {
    background: url(/images/review_data.png) no-repeat top right;
    width: 462px;
}

.review_data_pic {
    float: left;
    overflow: hidden;
    width: 138px;
    height: 138px;
    border: 4px solid #fff;
    background-color: #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.review_data_text {
    height: 125px;
    margin-left: 158px;
    padding: 20px 8px;
    color: #837c6b;
    font-size: 22px;
}

.review_data_text p {
    font-style: italic;
    color: #837c6b;
    margin: 0;
    font-family: 'LightItalic';
}

.scroll-top {
    position: fixed;
    z-index: 100;
    left: 20px;
    bottom: 20px;
    padding: 16px 20px;
    background: #444;
    color: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.footer {
    background: #2a2a2a;
}

.anchor {
    position: absolute;
    margin-top: -100px;
}

#min-result2 {
    font-size: 24px;
    text-align: left;
}

.choose_all.count {
    display: flex;
    margin-right: 10px;
}

.choose_all.count p {
    color: white;
}

.choose_all.count input[type="checkbox"] + label::before {
    margin: 0;
    margin-left: 10px;
    margin-top: 8px;
}

.survey-results {
    background: #2a2a2a;
    margin: -1px 0 0 0;
    padding: 0 0 35px 0;
}

.survey-body h1 {
    text-align: center;
    margin-bottom: 50px;
    padding-top: 50px;
}

#floatdiv2 table tr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 240px;
}

#gallery {
    margin: 70px 0;
}

#rec602646279 .tn-atom {
    color: white !important;
}

#rec602646279 .t396__artboard {
    background-color: #282828 !important;
}

.tn-elem__6026462791686312604653 {
    z-index: 2 !important;
    top: 0 !important;
    left: calc(50% - 600px + 428px);
    height: 100% !important;
    width: 675px !important;
}

#rec602646279 {
    padding-bottom: 0!important;
    border-bottom: 2px solid #ebba22;
}