@font-face {
    font-family: circe;
    src: url('../../../../common/fonts/Circe.otf');
}

@font-face {
    font-family: circe_b;
    src: url('../../../../common/fonts/CirceBold.otf');
}

@font-face {
    font-family: circe_xb;
    src: url('../../../../common/fonts/CirceExtraBold.otf');
}

@font-face {
    font-family: circe_xl;
    src: url('../../../../common/fonts/CirceExtraLight.otf');
}

@font-face {
    font-family: circe_l;
    src: url('../../../../common/fonts/CirceLight.otf');
}

body { /*outline: solid 1px red*/ }

html, body {
    padding: 0 !important;
    margin: 0 !important;
    font-family: circe;
    font-size: 18px;
    color: #000;
    background: #fff;
    /*height: 100%;*/
    /*-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; */
    /* min-width: 1265px;
     max-width: 1600px;*/
}

.aligncenter {margin-left:auto; margin-right:auto; display:block}

.table { display: table }
.table_row { display: table-row }
.table_col { display: table-column }
.table_cell { display: table-cell; vertical-align: top; }

p, span { -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; }
p.bottom { margin-bottom: 0; }

/*a { color: #000; text-decoration: underline }*/

.err404 { margin: 50px auto; }


* a:link, * a:link *, * a:visited, * a:visited * {
    display: inline-block;
    line-height: 18px;
    text-decoration: none;
    border-bottom: solid 1px rgba(0, 0, 0, .5);
    color: #000;
    transition: color 0.5s ease, border-bottom 0.5s ease;
    -webkit-transition: color 0.5s ease, border-bottom 0.5s ease;
    -moz-transition: color 0.5s ease, border-bottom 0.5s ease;
    -o-transition: color 0.5s ease, border-bottom 0.5s ease;
    outline: 0;
}
a:hover, a.inner_anchor:hover { border-bottom-color: #be0005; color: #be0005; transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    outline: 0;
}

a.inner_anchor { color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.8); }

a.inner_anchor {
    /*color: #fff;*/
    border-bottom: none; /*1px solid rgba(0, 0, 0, 0.8);*/
}
a.inner_anchor img { border: none; outline: none; margin-top: 10px; }
a.inner_anchor.light { color: #f4a00a; }
a.inner_anchor.climate { color: #425d94; }
a.inner_anchor.security { color: #cf1834; }

.clear { clear: both }

.callback_fix_btn {
    position: fixed;
    bottom: 50%;
    left: 95%;
    z-index: 999;
    display: none;
    cursor: pointer;
    /*width: 80px;
    height: 80px;*/
}

.faq_callback_fix_btn {
    position: fixed;
    bottom: 50%;
    left: 95%;
    z-index: 999;
    display: inline;
    cursor: pointer;
    /*width: 80px;
    height: 80px;*/
}

.capital { letter-spacing: 2px; }

#cities {
    background: #333;
    width: 100%;
    /*position: fixed;*/
    top: 0;
    color: #efefef;
    /*z-index: 999;*/
    padding: 10px 0;
    font-size: 0.8em;
    font-family: Circe;

}
#cities .container { width: auto; max-width: 1600px; margin: 0 auto; }
.city_wrapper {
    padding-top: 4px;
}
#cities .callback_wrapper { text-align: right; }
#cities .btn-group { margin-right: 40px; }
#cities .btn-group > .btn { background-color: #333; color: #efefef !important; font-family: Circe; padding-left: 5px; }
#cities .btn-group > .btn:hover { background-color: #333; color: #be0005 !important; }
#cities .btn-group > .btn:hover .my_caret:before { border-top-color: #be0005; -moz-border-top-colors: #be0005; }

#cities .btn-group .dropdown-menu { background-color: #333; color: #efefef; }
#cities .btn-group .dropdown-menu li { padding: 3px 10px; }
#cities .btn-group .dropdown-menu li a { color: #efefef; text-decoration: none; border: none; background-color: transparent; }
#cities .btn-group .dropdown-menu li a:hover { color: #be0005; }
#cities .my_caret {
    position: relative;
    cursor: pointer;
}
#cities .my_caret:before {
    content: '';
    position: absolute;
    top: 33%;
    left: 6px;
    border-top: 7px solid #fefefe;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    -moz-border-top-colors: #fefefe;
    -moz-border-left-colors: transparent;
    -moz-border-right-colors: transparent;
}
#cities  .my_caret:after {
    content: '';
    position: absolute;
    top: 30%;
    left: 7px;
    border-top: 6px solid #333;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    -moz-border-top-colors: #333;
    -moz-border-left-colors: transparent;
    -moz-border-right-colors: transparent;
}
/*#cities .my_caret:hover:before {
    border-top-color: #fefefe;
}*/
    /*#city_select {
        padding: 0 10px;
        margin-left: 5px;
        margin-right: 0px;
        font-family: Circe;
        background-color: #333;
        color: #efefef;
        border: 0;
        border-radius: 0;
        line-height: 1;
        cursor: pointer;

        -webkit-appearance: none;

        -moz-appearance: none;
        text-indent: 0.01px;
        text-overflow: '';

        -ms-appearance: none;
        appearance: none!important;
        outline: none;
    }*/
#city_select + span { cursor: pointer; }
#cities span.visible { display: inline-block; }
#cities span.hidden { display: none; }
#cities span.callback_contacts a, #cities .callback_button { color: #efefef; }
#cities span.callback_contacts a { border-bottom-color: #efefef; }
#cities span.callback_contacts a:hover {
    border-bottom-color: #be0005;
    color: #be0005;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    outline: 0;
}
#cities .callback_button {
    border-color: #efefef;
    left: auto;
    display: inline-block;
    margin-left: 20px;
    width: 200px;
}
#cities .callback_button:hover {
    border-color: #be0005;
    color: #be0005;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
}

/*#head { margin-top: 50px; }*/

div.frame {
    /*min-width: 980px;*/
    position: relative;
    max-width: 1600px;
    margin: 0 auto;
    /*width: 100%;*/
    display: block;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
    overflow: hidden;
}

div.frame:first-of-type {
    z-index: 15;
}

.msg { background-color: maroon; margin-top: 30px !important; }
.new-year {
    color: #fff;
    text-align: center;
    margin: 0 auto;

}
.new-year td { padding: 5px 0; }
.new-year img { width: 30px; }

.trail { margin-left: -12px; }

/* slide-1 */
/*#slide-1 {
    background: #eaeaea url('../images/slide1_rect.jpg') no-repeat top right;
    background-size: contain;
    overflow: hidden;
    height: auto;
} */

#interier {
    background: url('../../images/interier.jpg') no-repeat center center; /*url('../images/slide1_rect.jpg') no-repeat top right;*/
    /*background-position: center top;*/
    background-size: cover;
    /*min-height: 1133px;*/
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    /*left: 0;*/
    /*overflow: hidden;*/
    max-width: 1600px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #interier {
        background: url('../../images/interier@2x.jpg') no-repeat center center; /*url('../images/slide1_rect.jpg') no-repeat top right;*/
        /*background-position: center top;*/
        background-size: cover;
        /*min-height: 1133px;*/
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        /*left: 0;*/
        /*overflow: hidden;*/
        max-width: 1600px;
    }
}

.visible-tablet #interier {
    background: url('../../images/interier_tablet.jpg') no-repeat center center; /*url('../images/slide1_rect.jpg') no-repeat top right;*/
    /*background-position: center top;*/
    background-size: cover;
    /*min-height: 1133px;*/
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    /*left: 0;*/
    /*overflow: hidden;*/
    max-width: 1600px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    .visible-tablet #interier {
        background: url('../../images/interier_tablet@2x.jpg') no-repeat center center; /*url('../images/slide1_rect.jpg') no-repeat top right;*/
        /*background-position: center top;*/
        background-size: cover;
        /*min-height: 1133px;*/
        position: relative;
        width: 100%;
        height: 100%;
        top: 0;
        /*left: 0;*/
        /*overflow: hidden;*/
        max-width: 1600px;
    }
}


#ipad_wrap {
    top: 0;
    width: 100%;
    max-width: 1600px;
}
.visible-tablet #ipad_wrap {
    position: relative;
    width: 100%;
    max-width: 1600px;
}

#slide1_text_wrap {
    top: 0;
    width: 100%;
    max-width: 1600px;
    z-index: 100;
}
#interior_ipad {
    /* width: 10%; */
    background: url("../../images/new_ipad.png") center no-repeat;
    position: relative;
    /*bottom: -45%;
    left: 50%;*/
    width: 80%;
    height: 100%;
    display: block;
    background-size: contain;
    opacity: 1;
    /*width: 4%;*/
    /*margin-left: -2%;*/
    margin-left: 10%;
    margin-top: 50px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #interior_ipad {
        /* width: 10%; */
        background: url("../../images/new_ipad@2x.png") center no-repeat;
        position: relative;
        /*bottom: -45%;
        left: 50%;*/
        width: 80%;
        height: 100%;
        display: block;
        background-size: contain;
        opacity: 1;
        /*width: 4%;*/
        /*margin-left: -2%;*/
        margin-top: 50px;
    }
}

.flowplayer .fp-player {
    /*background-color: #fff;*/
}
.flowplayer .fp-player + a {
    opacity: 0;
    height: 0px !important;
    width: 0px !important;
}
.flowplayer .fp-player .fp-time,
.flowplayer .fp-player .fp-controls,
.flowplayer .fp-player .fp-fullscreen,
.flowplayer .fp-player .fp-embed,
.flowplayer .fp-context-menu { display: none !important; }
/* .flowplayer .fp-logo {
     display: none;

 } */

.visible-tablet #interior_ipad {
    /* width: 10%; */
    background: url("../../images/new_ipad.png") center no-repeat;
    position: relative;
    /*bottom: -45%;
    left: 50%;*/
    width: 100%;
    height: 100%;
    display: block;
    background-size: 60%;
    opacity: 1;
    /*width: 4%;*/
    /*margin-left: -2%;*/
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    .visible-tablet #interior_ipad {
        /* width: 10%; */
        background: url("../../images/new_ipad@2x.png") center no-repeat;
        position: relative;
        /*bottom: -45%;
        left: 50%;*/
        width: 100%;
        height: 100%;
        display: block;
        background-size: 60%;
        opacity: 1;
        /*width: 4%;*/
        /*margin-left: -2%;*/
    }
}

#red_square {
    width: 100%; /*1358px;*/
    height: 100%; /*1018px;*/
    background-color: red;
    opacity: 0.5;
    position: absolute;
    /*top: 50%;
    margin-top: -509px;
    left: 50%;
    margin-left: -679px;*/
    /*margin: 75px 149px;*/
}

#play_demo {
    background: url("../../images/play-button.png") no-repeat right center;
    background-size: contain;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 18%;
    /* position: relative; */
    margin-top: -40px;
    cursor: pointer;
    opacity: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #play_demo {
        background: url("../../images/play-button@2x.png") no-repeat right center;
        background-size: contain;
        width: 100px;
        height: 100px;
        position: absolute;
        top: 50%;
        left: 18%;
        /* position: relative; */
        margin-top: -40px;
        cursor: pointer;
        opacity: 0;
    }
}

.visible-tablet #play_demo {
    background: url("../../images/play-button@2x.png") no-repeat right center;
    background-size: contain;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 8%;
    /* position: relative; */
    margin-top: -30px;
    cursor: pointer;
    opacity: 1;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    .visible-tablet #play_demo {
        background: url("../../images/play-button@2x.png") no-repeat right center;
        background-size: contain;
        width: 60px;
        height: 60px;
        position: absolute;
        top: 50%;
        left: 8%;
        /* position: relative; */
        margin-top: -30px;
        cursor: pointer;
        opacity: 1;
    }
}

#play_demo img {
    position: absolute;
    top: -60px;
    left: -100px;
    cursor: pointer;
}

#play_demo_text {
    position: absolute;
    color: #333;
    top: 50%;
    left: 70%;
    font-size: 24px;
    cursor: pointer;
    line-height: 28px;
    margin-top: -46px;
    opacity: 0;
}

.visible-tablet #play_demo_text {
    position: absolute;
    color: #333;
    top: 50%;
    left: 83%;
    font-size: 24px;
    cursor: pointer;
    line-height: 28px;
    margin-top: -56px;
}

#screendemo {
    height: 100%;
    width: 100%;
    opacity: 0;
}

.visible-tablet #screendemo {
    height: auto;
    width: 52%;
    opacity: 1;
    position: absolute;
    top: 50%;
    margin-top: -15%;
    left: 48%;
    margin-left: -23%;
}

#interior_ipad iframe {
    width: 100%;
    height: 100%;
    padding: 65px 136px;
    position: absolute;
}
/*#slide-1 .bcg {position: fixed; z-index: 999; top: -30px; color: #fff; padding-right: 105px; padding-left: 100px; }*/

#slide-1 {
    /*background: url('../../images/interier.jpg') no-repeat top center;*/ /*url('../../images/slide1_rect.jpg') no-repeat top right;*/
    /*background-position: center top;*/
    /*background-color: #eaeaea;*/
    background-size: contain;
    /*min-height: 1133px;*/
    margin-top: 0px;
    /*padding-left: 105px;
    padding-right: 105px;*/
    /*color: #fff;*/
    position: relative;
    /*overflow: hidden;*/
}
#slide-1 .bcg { /*overflow: hidden;*/ position: relative; height: 100%;  }
#slide1-text { position: fixed; top: 30px; color: #fff; z-index: 10; padding-right: 105px; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #slide-1 {
        /*background: url('../../images/interier.jpg') no-repeat top center;*/ /*url('../../images/slide1_rect.jpg') no-repeat top right;*/
        /*background-position: center top;*/
        /*background-color: #eaeaea;*/
        background-size: contain;
        /*min-height: 1133px;*/
        margin-top: 0px;
        /*padding-left: 105px;
        padding-right: 105px;*/
        /*color: #fff;*/
        position: relative;
        /*overflow: hidden;*/
    }
}

#langs {
    font-size: 14px;
    padding: 24px 60px 20px 20px;
    float: left;
}
#langs select { font-family: Circe; }
#langs span { height: 28px; width: 28px; display: block; text-align: center; margin-bottom: 4px; }

#langs span.active { background: url('../../images/lang_active.png') no-repeat; padding-top: 5px; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #langs span.active { background: url('../../images/lang_active@2x.png') no-repeat; padding-top: 5px; background-size: 28px 28px; width: 28px; height: 28px; }
}

#langs a { text-align: center; line-height: 15px; margin-bottom: 3px;}

#logo {
    margin: 25px 27px 0 0;
    float: left;
    background-image: url('../../images/logo.png');
    background-position: left top;
    background-repeat: no-repeat;
    width: 136px;
    height: 46px;
    border: none;
    font-size: 16px;
    /* vertical-align: bottom; */
    /* display: inline-block; */
    padding-top: 37px;
    padding-left: 3px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #logo {
        background-image: url('../../images/logo@2x.png');
        background-size: 124px 23px;
        background-repeat: no-repeat;
        width: 124px;
        height: 23px;
    }
}
#logo:hover, #logo:link, #logo:link, #logo:visited, #logo:visited  { color: #000; }

#top_slogan {
    font-size: 24px;
    font-family: circe_l;
    line-height: 28px;
    width: 500px; /*315px;*/
    margin-top: 25px;
    display: inline-block;
}

#top_menu { list-style: none; display: block; padding-left: 0; margin-left: 287px; margin-top: 0px; }

#bottom_menu { list-style: none; display: inline-block; padding-left: 0; margin-top: 0; }
#top_menu li, #top_menu li, #bottom_menu li { display: inline-block; padding-top: 30px; margin-right: 29px; }
#top_menu li:last-of-type, #top_menu li:last-of-type, #bottom_menu li:last-of-type { margin-right: 0; }
#bottom_menu { margin-left: 60px;}
#bottom_menu a { line-height: 15px }

#top_menu li.active, #top_menu li.active, #bottom_menu li.active { color: #cc0000; }

#top_menu li span { padding: 0 10px; outline: solid 1px #cacaca; }
#top_menu li span a { border-bottom: none; }

#brand { margin-left: 20px; }

.column-posts { border-right: solid 1px #dedede; margin-bottom: 50px; }
.categories {
    list-style: none;
    padding-left: 0;
    margin-top: 5px;
    margin-bottom: 20px;
}
.categories a { border: none; }
.sidebar-header {
    font-family: circe_b;
    font-size: 1.2em;
    margin: 0;
}

.post h1 {
    font-family: circe_b;
    font-size: 36px;
    line-height: 38px;
    text-align: left;
    margin-top: 0;
    margin-bottom: 5px;
}
.post h1 + span {
    font-size: 14px;
    font-family: circe_l;
}

.callback {
    float: right;
    margin-right: 75px;
    padding-top: 23px;
    font-size: 13px;
    text-align: center;
}

/*.callback_button {
    border: solid #000 1px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    display: block;
    text-align: center;
    padding: 6px 0;
    font-size: 18px;
    cursor: pointer;
    width: 248px;
    transition: color 0.5s ease, border 0.5s ease;
    -webkit-transition: color 0.5s ease, border 0.5s ease;
    -moz-transition: color 0.5s ease, border 0.5s ease;
    -o-transition: color 0.5s ease, border 0.5s ease;
}*/
.callback_button {
    border: solid #000 1px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    display: block;
    text-align: center;
    padding: 6px 0;
    font-size: 18px;
    cursor: pointer;
    width: 248px;
    transition: color 0.5s ease, border 0.5s ease;
    -webkit-transition: color 0.5s ease, border 0.5s ease;
    -moz-transition: color 0.5s ease, border 0.5s ease;
    -o-transition: color 0.5s ease, border 0.5s ease;
    left: 50%;
    position: relative;
    margin-left: -124px;
    margin-top: 0px;
}

.callback_button:hover { border-color: #be0005; color: #be0005; transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;}

.callback_contacts {
    margin-top: 6px;
    display: inline-block;
}

.callback_contacts a { line-height: 15px; }

.order_button {
    border: solid #000 1px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    display: inline-block;
    text-align: center;
    padding: 6px 50px;
    font-size: 18px;
    cursor: pointer;
    /*width: 248px;*/
    transition: color 0.5s ease, border 0.5s ease;
    -webkit-transition: color 0.5s ease, border 0.5s ease;
    -moz-transition: color 0.5s ease, border 0.5s ease;
    -o-transition: color 0.5s ease, border 0.5s ease;
}

.order_button:hover { border-color: #be0005; color: #be0005; transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
}

.more-info { font-size: 14px !important; margin-bottom: 0 !important;  }
.more-info .order_button { margin-top: 15px; font-size: 18px; }
.text-bottom { vertical-align: bottom !important; }

#slogan {
    padding-top: 60px;
    text-align: center;
    font-family: circe_l;
    font-size: 42px;
    line-height: 49px;
    margin: 0 auto;
    width: 70%;
    color: #000;
}

#slide-1 p { width: 70%; margin: 1em auto; }
#slide-1 p.app_links_container { text-align: center; margin-top: 50px; }
#slide-1 p.app_links_container a:first-of-type { margin-right: 5px; }

/*
#slogan + div {
    width: 74%;
    line-height: 28px;
    position: absolute;
    bottom: 40px;
    background: rgba(51, 51, 51, .75);
    margin-left: 13%;
    color: #fff;
    padding: 10px;
    z-index: 99;
} */
/*#slogan + div span { opacity: 1; position: relative; z-index: 99;  }*/

/* carousel */
/*#slogan + div {

} */
/*
.carousel-caption {
    position: absolute;
    width: 30%;
    top: 0;
    left: 0;
    text-align: left;
    color: #000;
}
.carousel-caption p, .carousel-caption h2 {
    width: 70%;
    margin: 1em auto;
}

.carousel-inner { background-color: #dedede; }

.carousel-inner > .item > img {
    width: 70%;
    float: right;
}
*/
#slide-1 .flexslider { width: 70%; margin: 50px auto 70px; }
#slide-1 .flexslider .slides { background-color: #8a8a8a; }
#slide-1 .flexslider .slides > li { position: relative; }
#slide-1 .flex-caption {
    bottom: 0;
    position: absolute;
    width: 90%;
    left: 5%;
    z-index: 100;
    margin-bottom: 20px;
    padding: 0 15px;
    color: #fff;
}
#slide-1 .flex-caption h2 {
    text-align: center;
    margin: 0;
    padding-top: 20px;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    z-index: 10;
    position: relative;
}
#slide-1 .flex-caption p {
    text-align: center;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    z-index: 10;
    position: relative;
    width: 100%;
}
#slide-1 .flex-direction-nav a { border-bottom: none !important; }




#slide-1 #carousel {
    margin: 30px 0 50px;
    width: 70%;
    float: none;
    margin: 50px auto;
}
#slide-1 .carousel-caption {
    /*background-color: #383838;*/
    left: 5%;
    right: 5%;
    padding-left: 15px;
    padding-right: 15px;
}
#slide-1 .carousel-caption h2 {
    -webkit-animation-delay: 1s; /* Chrome, Safari, Opera */
    animation-delay: 1s;
    position: relative;
    z-index: 10;
    margin: 0;
}
#slide-1 .carousel-caption p {
    -webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
    animation-delay: 2s;
    position: relative;
    z-index: 10;
    width: 100%;
}

#slide-1 .carousel-control { width: 70px; border-bottom: none !important; }
#slide-1 .carousel-control span { border-bottom: none !important; }

#slide-1 #carousel .carousel-control.left, #slide-1 #carousel .carousel-control.right,
#slide-1 #carousel .carousel-control.left:hover, #slide-1 #carousel .carousel-control.right:hover {
    background: none;
    border: none !important;
}
#slide-1 #carousel .carousel-control.left { left: -70px; }
#slide-1 #carousel .carousel-control.right { right: -70px; }



/* /carousel */

h1.title {
    margin-top: 56px;
    text-align: center;
    font-family: circe_l;
    font-size: 48px;
    line-height: 55px;
    margin-bottom: 8px;
}

#first_frame_factoids {

}
#first_frame_factoids div {
    display: inline-block;
    margin-right: 50px;
    vertical-align: top;
    margin-bottom: 0px;
}
#first_frame_factoids div:last-of-type { margin-right: 0; margin-bottom: 0; }

#ipad {
    margin-left: -490px;
    margin-top: -95px;
    padding-bottom: 95px;
    position: relative;
    left: 50%;
    display: block;
    max-width: 100%;
    height: auto;
}

#planshet {
    width: 80%;
    background-image: url("../../images/ipad.png");
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 75%; /*80%;*/
    margin: -2% auto 0;
    position: absolute;
}

/*#planshet + div {
    width: 36%;
    margin-left: 50%;
    margin-top: 50px;
}*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #planshet {
        width: 80%;
        background-image: url("../../images/ipad.png");
        background-position: top center;
        background-size: contain;
        background-repeat: no-repeat;
        height: 80%;
        margin: -2% auto 0;
        position: absolute;
    }
}

.overlay {
    min-height: 100%;
    min-width: 100%;
    opacity:0.45;
    -moz-opacity:0.45;
    filter: alpha(opacity=45);
    -khtml-opacity: 0.45;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    z-index: 1;
}
.content { z-index: 10; position: relative; }

/* installation */
#install-slide-1 {
    background-image: url('../../images/install_slide1.jpg');
    background-position: left top;
    background-size: cover;
    min-height: 904px;
    margin-top: 68px;
    padding-left: 100px;
    color: #fff;
    position: relative;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #install-slide-1 {
        background-image: url('../../images/install_slide1@2x.jpg');
        background-position: left top;
        background-size: cover;
        min-height: 904px;
        margin-top: 68px;
        padding-left: 100px;
        color: #fff;
        position: relative;
    }
}


#install-slide-1 h1 { font-size: 60px; font-family: circe_b; padding-top: 47px; margin-bottom: 0; }
#install-slide-1 p { width: 400px; /*30%;*/ line-height: 22px; margin: 12px 0; }
#install-slide-1 ul { margin: 0; width: 450px; }

#install-slide-1 p + ul { margin-top: -12px; }
#install-slide-1 p:first-of-type { margin-top: 17px; }
#install-slide-1 .icons { position: absolute;
    bottom: 50px;
    display: table;
    z-index: 5;
    right: 50px; }
#install-slide-1 .icons_row { display: table-row }
#install-slide-1 .icons_cell { display: table-cell; padding-right: 62px; line-height: 22px; }
#install-slide-1 .icons_cell:last-of-type {padding-right: 0}
#install-slide-1 .icons_cell span { margin-top: 17px; display: inline-block; vertical-align: top; }

/*#install-slide-1 .icons div { display: inline-block; vertical-align: top;  margin-right: 43px; line-height: 23px; }*/

/*#install-slide-1 .icons div img { margin-bottom: 15px; }*/

/* /installation */

/* partners */
#partners-slide-1 {
    background-image: url('../../images/partners_slide1.jpg');
    background-position: left top;
    background-size: cover;
    min-height: 690px;
    margin-top: 78px;
    padding-left: 105px;
    color: #fff;
    position: relative;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #partners-slide-1 {
        background-image: url('../../images/partners_slide1@2x.jpg');
        background-position: left top;
        background-size: cover;
        min-height: 690px;
        margin-top: 78px;
        padding-left: 105px;
        color: #fff;
        position: relative;
    }
}

#partners-slide-1 h1 { font-size: 60px; font-family: circe_b; padding-top: 27px; margin-bottom: 0; }
#partners-slide-1 p { width: 590px; /*40%;*/ line-height: 22px; margin: 21px 0; }
#partners-slide-1 p:first-of-type { margin-top: 17px; }
/* /partners */

/* about */
#about-slide-1 {
    background-image: url("../../images/about_slide1_new.jpg"); /*about_slide1.jpg");*/
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 855px;
    margin-top: 78px;
    padding-left: 105px;
    color: #fff;
    /*position: relative;*/
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #about-slide-1 {
        background-image: url("../../images/about_slide1_new@2x.jpg");
        background-position: center right;
        background-size: cover;
        min-height: 855px;
        margin-top: 78px;
        padding-left: 105px;
        color: #fff;
        position: relative;
    }
}

#about-slide-1 h1 { font-size: 60px; font-family: circe_b; padding-top: 34px; margin-bottom: 19px }
#about-slide-1 p { width: 40%; line-height: 22px; margin: 21px 0; }
#about-slide-1 p:first-of-type { margin-top: 17px; }
#about-slide-1 p.citation {   /* margin-top: 66px; */
    position: absolute;
    bottom: 50px;
    right: 50px; }

#about-slide-1-5 {
    /* background-image: url("../../images/about_slide1.jpg"); */ /*about_slide1.jpg");*/
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    /*min-height: 940px;*/
    margin-top: 0px;
    padding-left: 55px;
    color: #fff;
    /*position: relative;*/
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #about-slide-1-5 {
        /*background-image: url("../../images/about_slide1@2x.jpg"); */
        background-position: top center;
        background-size: cover;
        /*min-height: 940px;*/
        margin-top: 0px;
        /*padding-left: 105px;*/
        color: #fff;
        position: relative;
    }
}

#about-slide-1-5 .table_cell { padding: 50px; }

#about-slide-1-5 .citation {   /* margin-top: 66px; */
    /* margin-top: 66px; */
    width: 40%;
    padding-top: 100px;
    padding-right: 100px;
    color: #000;
    padding-left: 0;
}


blockquote {
    /*background: #f7f7f7;*/
    border-left: 1px solid #bbb;
    font-style: italic;
    /*margin: 1.5em 10px;*/
    padding: 0.5em 10px;
    margin: 0 0 20px;
}

blockquote:before {
    color: #bbb;
    content: "\201C"; /* Непечатаемый символ слева */
    font-size: 3em;
    line-height: 0.1em;
    margin-right: 0.2em;
    vertical-align: -.4em;
}

blockquote:after {
    color: #bbb;
    content: "\201D"; /* Непечатаемый символ справа */
    font-size: 3em;
    line-height: 0.1em;
    vertical-align: -.45em;
}

blockquote > p:first-child {
    display: inline;
}


/* /about */

/* developers */
#dev-slide-1 {
    background-image: url('../../images/dev_slide1.jpg');
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    /*min-height: 840px;*/
    margin-top: 78px;
    padding-left: 105px;
    color: #fff;
    position: relative;
    padding-right: 100px;
    padding-bottom: 50px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #dev-slide-1 {
        background-image: url('../../images/dev_slide1@2x.jpg');
        background-position: right bottom;
        background-size: cover;
        /*min-height: 840px;*/
        margin-top: 78px;
        padding-left: 105px;
        color: #fff;
        position: relative;
        padding-right: 100px;
        padding-bottom: 50px;
    }
}



#dev-slide-1-bottom {
    position: relative;
    margin-top: 70px;
    /*bottom: 50px;*/
}

#dev-slide-1 h1 { font-size: 60px; font-family: circe_b; padding-top: 29px; margin-bottom: 0; }
#dev-slide-1 p { width: 40%; line-height: 22px; margin: 21px 0; }
#dev-slide-1 p:first-of-type { margin-top: 19px; }

#dev-slide-1 .icons { display: flex; margin-top: 35px; /*62px;*/ }
#dev-slide-1 .icons div {
    /* float: left; */
    display: inline-block;
    vertical-align: top;
    margin-right: 43px;
    line-height: 23px;
    width: 20%;
}
#dev-slide-1 .icons div img { margin-bottom: 15px; display: block; }
#dev-slide-1 .icons div:last-of-type { margin-right: 0; }
#dev-slide-1 .icons +p { width: 570px; margin-top: 45px; }
/* /developers */

/* dev_test */
#dev1-slide-1 {
    background-image: url('../../images/dev_slide1.jpg');
    background-position: center top;
    background-size: cover;
    min-height: 840px;
    margin-top: 78px;
    padding-left: 105px;
    color: #fff;
    position: relative;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #dev1-slide-1 {
        background-image: url('../../images/dev_slide1@2x.jpg');
        background-position: right bottom;
        background-size: cover;
        min-height: 840px;
        margin-top: 78px;
        padding-left: 105px;
        color: #fff;
        position: relative;
    }
}

#dev1-slide-1 h1 {
    font-size: 60px;
    font-family: circe_b;
    padding-top: 29px;
    padding-left: 0;
    margin-bottom: 0;
    position: relative;
    top: inherit;
    text-align: left;
    color: #fff;
    -webkit-transform: none;
    transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
}
#dev1-slide-1 p { width: 40%; line-height: 22px; margin: 21px 0; }
#dev1-slide-1 p:first-of-type { margin-top: 19px; }

#dev-slide-1 .icons_new { width: 80%; margin-top: 35px; }
#dev-slide-1 .icons_new .table_cell { width: 30%; padding-right: 3%; padding-bottom: 20px; }
#dev-slide-1 .icons_new .table_cell img { /*width: 60%;*/ }

#dev1-slide-1 .icons { display: flex; margin-top: 62px; }
#dev1-slide-1 .icons div {
    /* float: left; */
    display: inline-block;
    vertical-align: top;
    margin-right: 43px;
    line-height: 23px;
}
#dev1-slide-1 .icons div img { margin-bottom: 15px; }
#dev1-slide-1 .icons div:last-of-type { margin-right: 0; }
#dev1-slide-1 .icons +p { width: 570px; margin-top: 45px; }

#dev1-slide-2 { padding: 50px 100px; }
#dev1-slide-2 iframe { width: 70%;
    height: 60%;
    margin-left: 15%; }

#dev1-slide-2 #slide-1 { min-height: inherit; }

#dev1-slide-2 #slide-0 {
    background-color: #36302f;
    height: 100%;
    width: 100%;
    color: #fff;
}
#dev1-slide-2 #slide-0 #frame1_cube {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 33%;
    height: 45%;
    margin-bottom: 0;
    padding-bottom: 0px;
    display: block;
}
#dev1-slide-2 #slide-0 #throne_logo {
    position: absolute;
    /*width: 40%;*/
    top: 25%;
    right: 2%;
}
#dev1-slide-2 #slide-0 #throne_logo img {
    width: 50%;
    float: left;
}
#dev1-slide-2 #slide-0 #throne_logo div {
    border-left: 2px solid #fff;
    padding-left: 30px;
    margin-left: 30px;
}
#dev1-slide-2 #slide-0 #throne_logo div span { display: block; }
#dev1-slide-2 #slide-0 #throne_logo div span:first-of-type { font-size: 1.5em; }
#dev1-slide-2 #slide-0 #throne_logo div span:last-of-type { font-size: 0.6em; }

#dev1-slide-2 .pdf_page {
    width: 800px;
    height: 566px;
    margin: 10px auto;
    position: relative;
    display: block;
}

#pdf_p1 {
    background-color: #363533;
    background-image: url("../../images/presentation/frame1_cube1.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    color: #fff;
}
#pdf_p1_logo {
    background-image: url("../../images/presentation/frame1_throne_logo1.png");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 215px;
    position: absolute;
    top: 50px;
    right: 50px;
}
#text_wrap {
    border-left: 2px solid #fff;
    height: 55px;
    display: inline-block;
    padding-left: 15px;
}
#text_wrap span:first-of-type {
    font-size: 29px;
    display: block;
    font-family: circe_b;
    line-height: 9px;
    margin-top: 17px;
}
#text_wrap span:last-of-type {
    font-size: 10px;
}

#site_link {
    position: absolute;
    bottom: 50px;
    left: 50px;
    color: #fff;
    border: none;
}

#dev1-slide-2 h3 {
    font-family: circe_b;
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 20px;
}
#dev1-slide-2 h4 {
    /*font-size: 24px;*/
    font-family: circe_b;
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 8px;
    margin-top: 4px;
    margin-bottom: 8px;
    border-bottom: 1px solid #000;
}
#dev1-slide-2 .table_cell { padding-right: 50px; width: 25%; }
#dev1-slide-2 .table_cell:last-of-type { padding-right: 0px; padding-left: 50px; width: auto; }
#dev1-slide-2 .plus_sign {
    padding-top: 25px;
    padding-left: 25px;
    background-image: url("../../images/presentation/frame3_plus_sign1.png");
    background-repeat: no-repeat;
    background-position: left top;
    margin-bottom: 0;
    margin-left: 40px;
}
#dev1-slide-2 .equal_sign {
    padding-top: 15px;
    padding-left: 25px;
    background-image: url("../../images/presentation/frame3_equal_sign1.png");
    background-repeat: no-repeat;
    background-position: left top;
    margin-bottom: 0;
    margin-left: 40px;
}

/* /dev_test */


/* /slide-1 */

/* slide-2 */

#slide-2 {}

#slide-2 h1 {
    font-size: 42px;
    font-family: circe_l;
    text-align: center;
    text-align: center;
    padding-top: 76px;
    margin-top: 0;
    margin-bottom: 52px;
    padding-bottom: 0px;
    line-height: 49px;
}

#advantages {
    width: 80%;
    margin: 30px auto 30px;
    font-size: 18px;
}
#advantages .table_cell:first-of-type, #advantages .table_cell:last-of-type {
    width: 25%;
}
#advantages .table_cell { position: relative; }
#advantages .table_cell div { margin-bottom: 40px; }
#advantages .table_cell div:last-of-type { margin-bottom: 0px; }
#advantages .table_cell img { margin: 0px auto;
    display: block;
    width: auto; }
#advantages .table_cell .callback_button { margin: 50px auto 0; position: absolute; bottom: 20px; left: 50%; margin-left: -124px;}
#advantages h4 { font-family: circe_b; margin-bottom: 0; margin-top: 0; }
#advantages .table_cell p:first-of-type { margin-top: 0px; }
#advantages .table_cell p { line-height: 24px; }

a.ios_throne_app {
    border: solid 1px #000;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 10px 20px 10px 50px;
    background-image: url("../../images/ios_app_icon.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    margin-bottom: 17px;
    margin-top: 8px;
    width: 250px;

}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    a.ios_throne_app {
        border: solid 1px #000;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        padding: 10px 20px 10px 50px;
        background-image: url("../../images/ios_app_icon@2x.png");
        background-position: 10px center;
        background-repeat: no-repeat;
        background-size: 17%;
        -moz-background-size: 17%;
        /*-webkit-background-size: 17%;*/
        -o-background-size: 17%;
        margin-bottom: 17px;
        margin-top: 8px;
        width: 250px;
    }
}

a.android_throne_app {
    border: solid 1px #4dc9cc;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 10px 20px 10px 50px;
    background-image: url("../../images/android_app_icon.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    /*background-size: 90%;*/
    width: 250px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    a.android_throne_app {
        border: solid 1px #4dc9cc;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        padding: 10px 20px 10px 50px;
        background-image: url("../../images/android_app_icon@2x.png");
        background-position: 10px center;
        background-repeat: no-repeat;
        background-size: 17%;
        -moz-background-size: 17%;
        /*-webkit-background-size: 17%;*/
        -o-background-size: 17%;
        width: 250px;
    }
}

.ios_throne_app:hover, .android_throne_app:hover { border-color: #be0005; }

div.bottom_line { width: 70%; margin: 100px auto 0; height: 1px; background-color: #ccc; }

#install-slide-2 {
    padding-left: 50px;
    position: relative;
    margin: 78px auto;
}
#install-slide-2 span.marker { padding: 0 5px; background-color: #dedede; }
#install-slide-2 .icons_row { margin-bottom: 20px; }

#inst-slide2-left { width: 55%; float: left; padding-left: 50px; }
#inst-slide2-right { width: 30%; margin-left: 70%; }
#inst-slide2-right p { font-family: circe_l; font-size: 30px; /*width: 60%;*/ line-height: 36px; }
#inst-slide2-right p:first-of-type { padding-top: 5px; }

#inst-slide2-left .table_cell img { margin-right: 9px; margin-top: 10px; }
#inst-slide2-left p { line-height: 22px; margin: 22px 0; }
#inst-slide2-left .table_cell p:last-of-type { margin-bottom: 25px; }
#inst-slide2-left .table_cell p:nth-of-type(2) { margin-top: 9px; }
#inst-slide2-left p.text-title {
    font-size: 30px;
    font-family: circe_b;
    margin-top: 6px;
    padding-top: 0;
    line-height: 34px;
    margin-bottom: 0;
}

#inst-slide2-left #prep_5days_cell {
    width: 90px;
    background-image: url('../../images/prep_5days_icon.png');
    background-position: left 10px;
    background-repeat: no-repeat;
    background-size: 60px 49px;
    -o-background-size: 60px 49px;
    -webkit-background-size: 60px 49px;
    -moz-background-size: 60px 49px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #inst-slide2-left #prep_5days_cell {
        width: 90px;
        background-image: url('../../images/prep_5days_icon@2x.png');
        background-position: left 10px;
        background-repeat: no-repeat;
        background-size: 60px 49px;
        -o-background-size: 60px 49px;
        -webkit-background-size: 60px 49px;
        -moz-background-size: 60px 49px;
    }
}

#inst-slide2-left #project_plan_cell {
    width: 90px;
    background-image: url('../../images/project_plan_icon.png');
    background-position: left 10px;
    background-repeat: no-repeat;
    background-size: 64px 51px;
    -o-background-size: 64px 51px;
    -webkit-background-size: 64px 51px;
    -moz-background-size: 64px 51px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #inst-slide2-left #project_plan_cell {
        width: 90px;
        background-image: url('../../images/project_plan_icon@2x.png');
        background-position: left 10px;
        background-repeat: no-repeat;
        background-size: 64px 51px;
        -o-background-size: 64px 51px;
        -webkit-background-size: 64px 51px;
        -moz-background-size: 64px 51px;
    }
}

#inst-slide2-left #server_cell {
    width: 90px;
    background-image: url('../../images/server_icon.png');
    background-position: left 10px;
    background-repeat: no-repeat;
    background-size: 70px 36px;
    -o-background-size: 70px 36px;
    -webkit-background-size: 70px 36px;
    -moz-background-size: 70px 36px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #inst-slide2-left #server_cell {
        width: 90px;
        background-image: url('../../images/server_icon@2x.png');
        background-position: left 10px;
        background-repeat: no-repeat;
        background-size: 70px 36px;
        -o-background-size: 70px 36px;
        -webkit-background-size: 70px 36px;
        -moz-background-size: 70px 36px;
    }
}

#inst-slide2-left #install_cell {
    width: 90px;
    background-image: url('../../images/installation_icon.png');
    background-position: left 10px;
    background-repeat: no-repeat;
    background-size: 65px 48px;
    -o-background-size: 65px 48px;
    -webkit-background-size: 65px 48px;
    -moz-background-size: 65px 48px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #inst-slide2-left #install_cell {
        width: 90px;
        background-image: url('../../images/installation_icon@2x.png');
        background-position: left 10px;
        background-repeat: no-repeat;
        background-size: 65px 48px;
        -o-background-size: 65px 48px;
        -webkit-background-size: 65px 48px;
        -moz-background-size: 65px 48px;
    }
}

#inst-slide2-right #garanty_cell {
    background-image: url("../../images/garanty_icon.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 83px 112px;
    -o-background-size: 83px 112px;
    -webkit-background-size: 83px 112px;
    -moz-background-size: 83px 112px;
    padding-top: 120px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #inst-slide2-right #garanty_cell {
        background-image: url("../../images/garanty_icon@2x.png");
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 83px 112px;
        -o-background-size: 83px 112px;
        -webkit-background-size: 83px 112px;
        -moz-background-size: 83px 112px;
        padding-top: 120px;
    }
}

#inst-slide2-right #cert_install_cell {
    background-image: url("../../images/cert_installation_icon.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 79px 112px;
    -o-background-size: 79px 112px;
    -webkit-background-size: 79px 112px;
    -moz-background-size: 79px 112px;
    padding-top: 120px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #inst-slide2-right #cert_install_cell {
        background-image: url("../../images/cert_installation_icon@2x.png");
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 79px 112px;
        -o-background-size: 79px 112px;
        -webkit-background-size: 79px 112px;
        -moz-background-size: 79px 112px;
        padding-top: 120px;
    }
}

#inst-slide2-right #knx_standart_cell {
    background-image: url("../../images/knx_standart_icon.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 141px 85px;
    -o-background-size: 141px 85px;
    -webkit-background-size: 141px 85px;
    -moz-background-size: 141px 85px;
    padding-top: 94px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #inst-slide2-right #knx_standart_cell {
        background-image: url("../../images/knx_standart_icon@2x.png");
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 141px 85px;
        -o-background-size: 141px 85px;
        -webkit-background-size: 141px 85px;
        -moz-background-size: 141px 85px;
        padding-top: 94px;
    }
}

#docs { margin-top: 104px; }
#docs img { display: block; margin-bottom: 2px; }
#docs a { font-size: 14px; line-height: 15px; }
#docs span { color: #cccccc; font-size: 14px; }
#docs br { line-height: 0.5 }

#factoid { clear: both; width: 100%; }
#factoid_left {
    width:40%;
    background-image: url("../../images/factoid_left.png");
    background-position: top right;
    background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #factoid_left {
        width:40%;
        background-image: url("../../images/factoid_left@2x.png");
        background-position: top right;
        background-size: cover;
    }
}

#factoid_right {
    width:40%;
    background-image: url("../../images/factoid_right.png");
    background-position: top left;
    background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #factoid_right {
        width:40%;
        background-image: url("../../images/factoid_right@2x.png");
        background-position: top left;
        background-size: cover;
    }
}

#factoid_center {
    text-align: center;
    height: 250px;
}
#f_days { font-size: 134px; font-family: circe_b; line-height: 144px; }
#factoid_center p { margin: -2px 0 0; }
#factoid_center p:first-of-type {
    line-height: 22px;
    /*width: 60%;*/
    margin: -29px auto 0;
}

#partners-slide-2 { padding: 0 50px 0 105px; margin-top: 76px; }
#partners-slide-2 h3 { font-family: circe_b; font-size: 30px; line-height: 32px; margin-bottom: 0; }
#partners-slide-2 p { font-size: 18px; line-height: 22px; }
#partners-slide-2 p:first-of-type { margin-top: 14px; }
#partners-slide-2 .table_cell { width: 33%; padding-right: 5%; }
/*#partners-slide-2 .table_cell:last-of-type { padding-right: 0; }*/

#market_rise { width: 100%; margin: 63px 0 0 0; text-align: center; }
#market_rise span { font-size: 100px; }
#partners-slide-2 #market_rise p { font-size: 18px; line-height: 22px; margin-top: -27px; }
#partners-slide-2 #market_rise .table { text-align: left; margin-top: 50px; /*57px;*/ }
#partners-slide-2 #market_rise .table .table_cell.left { width: 55%; }
#partners-slide-2 #market_rise .table .table_cell.right { width: 30%; padding-left: 10%; padding-right: 0; }
#partners-slide-2 #market_rise .table h3 { margin-top: 0 }
#partners-slide-2 #market_rise .table p { margin-top: 15px; }
#partners-slide-2 #market_rise .table .table_cell.right p { font-size: 14px; line-height: 18px; margin-top: 66px; }
#partners-slide-2 #market_rise .table .table_cell.left p:first-of-type { margin-top: 14px; }

#partners_adv { margin-top: 92px; }
#partners_adv h4 { font-family: circe_b; font-size: 18px; line-height: 22px; margin-top: 4px; margin-bottom: 0; }
#partners_adv p {  font-family: circe; font-size: 18px; line-height: 22px; }
#partners_adv ol { margin-left: -40px; margin-top: 12px; }
#partners_adv ol li {
    margin-bottom: 2px;
    line-height: 22px;
}
#partners_adv .table { margin-top: 57px; }

#partners_interface {
    background-color: #dee1ed;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    width: 85%;
    margin-left: -25px;
    padding-left: 25px;
    padding-bottom: 106px;
    display: inline-block;
    margin-top: 96px;
    background-image: url("../../images/partners_interface_bg.png");
    background-position: center center;
    background-size: cover;
    position: relative;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #partners_interface {
        background-color: #dee1ed;
        border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        width: 85%;
        margin-left: -25px;
        padding-left: 25px;
        padding-bottom: 106px;
        display: inline-block;
        margin-top: 96px;
        background-image: url("../../images/partners_interface_bg@2x.png");
        background-position: center center;
        background-size: cover;
        position: relative;
    }
}
#partners_interface h2 { font-family: circe_b; font-size: 60px; line-height:  64px; margin-top: 26px; margin-bottom: 0; display: inline-block; }
#partners_interface .left { float: left; width: 65%; }
#partners_interface .right {   /* float: right; */
    /* width: 30%; */
    /* padding-top: 116px; */
    /* margin-right: 32px; */
    position: absolute;
    top: 43px; /*116px;*/
    right: 32px; }

#become_partner { margin-top: 69px; margin-bottom: 129px; }
#become_partner .left { float: left; width: 50%; }
#become_partner .right { float: right; width: 248px; }
#become_partner h1 { font-family: circe_b; font-size: 60px; line-height: 62px; /*margin-top: 108px;*/ margin-bottom: 17px; }
#become_partner .phone800 { font-size: 30px; margin-bottom: 0; text-align: right; display: block; margin-top: 57px; }
#become_partner .callback { float: none; margin-right: 0; text-align: left; padding-top: 11px; }
#become_partner .callback_button { text-align: center; }
#become_partner .callback_contacts { margin-left: 20px; }

/* about */
#about-slide-2 { position: relative; padding: 0 100px 0 105px; margin: 89px auto 50px; }
#about-slide-2 .left { width: 50%; }
#about-slide-2 h2 {
    font-family: circe_b;
    font-size: 42px;
    line-height: 40px;
    margin-top: 61px;
    margin-bottom: 40px;
    text-align: center;
}
#about-slide-2 h3 {
    font-family: circe_b;
    font-size: 30px;
    line-height: 40px;
    margin-top: 27px;
    margin-bottom: 0;
    text-align: center;
}
#about-slide-2 p { line-height: 22px; margin: 20px 0; }
#about-slide-2 p:first-of-type { margin-top: 14px; }
#about-slide-2 #about_installation { position: absolute; top: 142px; left: 950px; }

#about-slide-2 table { width: 80%; margin: 25px auto 0; max-width: 1600px;}
#about-slide-2 table tr td { width: 50%; /*75%;*/ padding: 20px 10px; }
#about-slide-2 .table { width: 90%; /*75%;*/ margin: 25px auto 0; }
/*#about-slide-2 .table:first-of-type .table_cell { padding:0 3% 50px; width: 44%;  }*/
/*#about-slide-2 .table:first-of-type .table_row .table_cell:first-of-type { padding-left: 0;  } */
/*#about-slide-2 .table:first-of-type .table_cell img.right { float: right; }*/

#about-slide-2 .table h3 { margin-top: 6px; line-height: 34px; text-align: left; }
#about-slide-2 .table .table_cell { width: 26%; padding: 0 2%; }
#about-slide-2 .table .table_cell img { float: left; margin-right: 15px; }

#about-slide-2 #upstairs {
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../../images/upstairs.png");
    background-position: center center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #about-slide-2 #upstairs {
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url("../../images/upstairs@2x.png");
        background-position: center center;
    }
}

#about-slide-2 #houses {
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../../images/houses.jpg");
    background-position: center center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #about-slide-2 #houses {
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url("../../images/houses@2x.jpg");
        background-position: center center;
    }
}

#about-slide-2 #man-on-top {
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../../images/man-on-top.jpg");
    background-position: center center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #about-slide-2 #man-on-top {
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url("../../images/man-on-top@2x.jpg");
        background-position: center center;
    }
}

#about-slide-2 h3#rationalism {
    background-image: url("../../images/rationalism_icon.png");
    background-position: left top;
    background-repeat: no-repeat;
    padding-top: 60px;
    background-size: 44px 50px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #about-slide-2 h3#rationalism {
        background-image: url("../../images/rationalism_icon@2x.png");
        background-position: left top;
        background-repeat: no-repeat;
        padding-top: 60px;
        background-size: 44px 50px;
    }
}
#about-slide-2 h3#velocity {
    background-image: url("../../images/velocity_icon.png");
    background-position: left top;
    background-repeat: no-repeat;
    padding-top: 60px;
    background-size: 88px 50px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #about-slide-2 h3#velocity {
        background-image: url("../../images/velocity_icon@2x.png");
        background-position: left top;
        background-repeat: no-repeat;
        padding-top: 60px;
        background-size: 88px 50px;
    }
}
#about-slide-2 h3#standarts {
    background-image: url("../../images/standarts_icon.png");
    background-position: left top;
    background-repeat: no-repeat;
    padding-top: 60px;
    background-size: 42px 50px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #about-slide-2 h3#standarts {
        background-image: url("../../images/standarts_icon@2x.png");
        background-position: left top;
        background-repeat: no-repeat;
        padding-top: 60px;
        background-size: 42px 50px;
    }
}

/* /about */

/* developers */
#dev-slide-2 { margin-top: 103px; }
#dev-slide-2 h1 { padding-left:105px; font-family: circe_b; font-size: 60px; /*border-bottom: solid 1px #a6a6a6;*/ }
#dev-slide-2 #interaction_scheme { border-top: solid 1px #a6a6a6; margin-top: 50px; }
#dev-slide-2 #interaction_scheme div { display: inline-block; padding: 0 25px; width: 20%; vertical-align: top; }
#dev-slide-2 #interaction_scheme div:first-of-type { margin-left: 105px; }
#dev-slide-2 #interaction_scheme div:last-of-type { padding-right: 0; }
#dev-slide-2 #interaction_scheme div#dev { border-top: solid 1px #e71873; margin-top: -1px; padding-top: 1px; }
#dev-slide-2 #interaction_scheme div h4 { font-family: circe_b; font-size: 24px; margin-top: 31px; margin-bottom: 0; }
#dev-slide-2 #interaction_scheme div p:first-of-type { margin-top: 8px; }
/* /developers */

/* /slide-2 */

/* slide-3 */

#slide-3 {
    padding-bottom: 4px;
    /*min-height: 901px;*/
    position: relative;
    /*height: 2000px;*/
    z-index: 100;
}

#tabs ul {
    width: 100%;
    margin: 0;
    list-style: none;
    background-color: #f2f2f2;
    padding: 0;

}

/*#slide-2 .bcg .hsContainer { z-index: 999; position: relative; }*/

/* skrollr */

#slide-3 .bcg {
    width: 100%;
    max-width: 1600px;
    opacity: 1;
    position: relative;
}


#floor {
    position: absolute;
    width: 100%;
    height: 680px;
    opacity: 0;
    z-index: 51;
    background-image: url("../../images/floor_new.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #floor {
        position: absolute;
        width: 100%;
        height: 680px;
        opacity: 0;
        z-index: 51;
        background-image: url("../../images/floor_new@2x.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
    }
}

#floor_shadow {
    position: absolute;
    width: 100%;
    height: 680px;
    opacity: 0;
    z-index: 46;
    background-image: url("../../images/floor_shadow.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #floor_shadow {
        position: absolute;
        width: 100%;
        height: 680px;
        opacity: 0;
        z-index: 46;
        background-image: url("../../images/floor_shadow@2x.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
    }
}

#floor_back {
    position: absolute;
    width: 100%;
    height: 680px;
    opacity: 0;
    z-index: 48;
    background-image: url("../../images/floor_back.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #floor_back {
        position: absolute;
        width: 100%;
        height: 680px;
        opacity: 0;
        z-index: 48;
        background-image: url("../../images/floor_back@2x.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
    }
}

#top_buttons {
    position: absolute;
    width: 100%;
    height: 680px;
    opacity: 0;
    z-index: 48;
    background-image: url("../../images/top_buttons.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #top_buttons {
        position: absolute;
        width: 100%;
        height: 680px;
        opacity: 0;
        z-index: 48;
        background-image: url("../../images/top_buttons@2x.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
    }
}
#top_buttons_shadows {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 680px;
    opacity: 0;
    z-index: 47;
    background-image: url("../../images/top_buttons_shadows.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #top_buttons_shadows {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 680px;
        opacity: 0;
        z-index: 47;
        background-image: url("../../images/top_buttons_shadows@2x.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
    }
}


#light_panel_shadows {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 680px;
    opacity: 0;
    z-index: 46;
    background-image: url("../../images/light_panel_shadow.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #light_panel_shadows {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 680px;
        opacity: 0;
        z-index: 46;
        background-image: url("../../images/light_panel_shadow@2x.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
    }
}

#light_panel {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 680px;
    opacity: 0;
    z-index: 47;
    background-image: url("../../images/light_panel.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #light_panel {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 680px;
        opacity: 0;
        z-index: 47;
        background-image: url("../../images/light_panel@2x.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
    }
}

#light_zones {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 680px;
    opacity: 0;
    z-index: 49;
    background-image: url("../../images/light_zones.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #light_zones {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 680px;
        opacity: 0;
        z-index: 49;
        background-image: url("../../images/light_zones@2x.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
    }
}

#climate_panel {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 680px;
    opacity: 0;
    z-index: 51;
    background-image: url("../../images/climate_panel.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #climate_panel {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 680px;
        opacity: 0;
        z-index: 51;
        background-image: url("../../images/climate_panel@2x.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
    }
}

#climate_panel_shadows {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 680px;
    opacity: 0;
    z-index: 50;
    background-image: url("../../images/climate_panel_shadow.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #climate_panel_shadows {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 680px;
        opacity: 0;
        z-index: 50;
        background-image: url("../../images/climate_panel_shadow@2x.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
    }
}

#climate_zones {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 680px;
    opacity: 0;
    z-index: 50;
    background-image: url("../../images/climate_zones.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;

}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #climate_zones {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 680px;
        opacity: 0;
        z-index: 50;
        background-image: url("../../images/climate_zones@2x.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;

    }
}

#alarm_panel {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 680px;
    opacity: 0;
    z-index: 50;
    background-image: url("../../images/alarm_panel.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #alarm_panel {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 680px;
        opacity: 0;
        z-index: 50;
    background-image: url("../../images/alarm_panel@2x.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
    }
}

#alarm_cameras {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 680px;
    opacity: 0;
    z-index: 52;
    background-image: url("../../images/alarm_cameras.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #alarm_cameras {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 680px;
        opacity: 0;
        z-index: 52;
    background-image: url("../../images/alarm_cameras@2x.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
    }
}

#alarm_panel_shadows {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 680px;
    opacity: 0;
    z-index: 49;
    background-image: url("../../images/alarm_panel_shadows.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #alarm_panel_shadows {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 680px;
        opacity: 0;
        z-index: 49;
        background-image: url("../../images/alarm_panel_shadows@2x.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
    }
}

#alarm_windows {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 680px;
    opacity: 0;
    z-index: 52;
    background-image: url("../../images/alarm_windows.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #alarm_windows {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 680px;
        opacity: 0;
        z-index: 52;
        background-image: url("../../images/alarm_windows@2x.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
    }
}

/* /skrollr */


#slide-3 h1 {
    font-size: 42px;
    line-height: 49px;
    font-family: circe_l;
    text-align: center;
    text-align: center;
    padding-top: 76px;
    margin-top: 0;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

#fake_tabs {
    width: 90%;
   /* height: 70px;*/
    margin-left: 5%;
    position: absolute;
    z-index: 100;
    visibility: hidden;
    bottom: 0;
    /* max-width: 1440px; */
}
#fake_tabs ul {
    /* width: 90%; */
    margin: 0 auto;
    list-style: none;
    /*background-color: #f2f2f2;*/
    padding: 0;
    z-index: 100;
}
#fake_tabs ul li {
    width: 33.33%;
    text-align: center;
    padding: 0;
    float: left;
    opacity: 0;
    height: 52px;
}
#fake_tabs ul li a {
    display: inline-block;
    padding: 0;
    /*height: 52px;*/
    background: none;
    text-decoration: none;
    color: #fff;
    border-bottom: dashed 1px #fff;
    margin-top: 16px;
    line-height: 18px;
}
/*
#tabs li, #tabs2 li, #tabs3 li, #tabs4 li, #tabs5 li { height: 52px; }
#tabs li a, #tabs2 li a, #tabs3 li a, #tabs4 li a, #tabs5 li a {
    display: inline-block;
    padding: 0;
    background: none;
    text-decoration: none;
    color: #fff;
    border-bottom: dashed 1px #fff;
    margin-top: 16px;
    line-height: 18px;
}

#cf1834

*/

#fake_tabs ul li:first-of-type, #fake_tabs ul li:first-of-type a, #fake_tabs ul li:first-of-type a.tabulous_active {
    background-color: #f4a00a !important;
    color: #fff !important;
}
#fake_tabs ul li:nth-of-type(2), #fake_tabs ul li:nth-of-type(2) a, #fake_tabs ul li:nth-of-type(2) a.tabulous_active {
    background-color: #425d94 !important;
    color: #fff !important;
}
#fake_tabs ul li:nth-of-type(3), #fake_tabs ul li:nth-of-type(3) a, #fake_tabs ul li:nth-of-type(3) a.tabulous_active {
    background-color: #cf1834 !important;
    color: #fff !important;
}
#fake_tabs ul li a.tabulous_active { border-bottom: none; }
/*#fake_tabs ul li a.tabulous_active, #fake_tabs ul li a:hover { background-color: #e9e9e9 !important; color: #000 !important; } */

.text-center { text-align: center; }
.text-w80 { width: 80%; margin-left: auto; margin-right: auto; }

#descr {
    /*font-size: 24px;*/
    margin-top: 18px;
    margin-bottom: 18px;
    line-height: 28px;

    width: 70%;
    /*text-align: justify;*/
    margin-right: auto;
    margin-left: auto;
}

#watch_video { font-family: circe; /*margin-top: 20px;*/ margin-bottom: 43px; z-index: 999; position: relative; }
#watch_video a { margin-right: 9px; color: #be0005;
    border-bottom: 1px solid #be0005; }
/*#watch_video img { vertical-align: bottom; }*/


#watch_btn  { display: inline-block; background-image: url('../../images/watch_video.png'); background-repeat: no-repeat; width: 26px; height: 26px; vertical-align: bottom; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #watch_btn {
        display: inline-block;
        background-image: url('../../images/watch_video@2x.png');
        background-repeat: no-repeat;
        background-size: 26px 26px;
        width: 26px;
        height: 26px;
        vertical-align: bottom;
    }
}

#watch_video a:hover + #watch_btn { display: inline-block; background-image: url('../../images/watch_video_hover.png'); background-repeat: no-repeat; width: 26px; height: 26px; vertical-align: bottom; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #watch_video a:hover + #watch_btn {
        display: inline-block;
        background-image: url('../../images/watch_video_hover@2x.png');
        background-repeat: no-repeat;
        background-size: 26px 26px;
        width: 26px;
        height: 26px;
        vertical-align: bottom;
    }
}

/*.modal-open[style] {
    padding-right: 0px !important;
}

body{
    overflow-y: scroll !important;
} */

body.modal-open {
    overflow: inherit;
    padding-right: 0 !important;
}

.modal-footer { border: none; }

.modal-dialog {
    margin-top: 20%;
    /*width: 780px;*/
}

.modal-body label { font-weight: normal; }

#YouTubeModalDialog {
    margin-top: 100px !important;
}

#YouTubeModalDialog .modal-header {
    padding: 8px 15px 4px;
}

.form-group:last-of-type {
    margin-bottom: 0;
}

.callback_form, .ios_form {
    margin: 15px 0;
}

.cb_form_right {
    padding-top: 15px;
}

.cb_form_right div {
    margin-top: 10px;
    font-size: 0.77em;
}
#padlock { margin-top: 20px; }

.form-horizontal .control-label {
    padding-top: 5px;
    text-align: right;
}

.send-btn, .send-ios-btn {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: none;
    font-family: circe;
    background: #fefcea; /* Для старых браузров */
    background: linear-gradient(to top, #efecdd, #fdfae9);
    padding: 5px 40px;
    /*box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
    filter: progid:DXImageTransform.Microsoft.shadow(direction=120, color=#000000, strength=2);*/

}

.send-btn {
    /*float: left;*/
    margin-right: 30px;
}

.send-btn:hover {

    background: linear-gradient(to top, #f0eddf, #fdfcf5);
}

.send-btn:active {
    padding-top: 4px;
    margin-bottom: 1px;
    box-shadow: inset 2px 2px 2px rgba(0,0,0,0.1);
    filter: progid:DXImageTransform.Microsoft.shadow(direction=120, color=#000000, strength=2);
}

.send-btn:focus { outline: none }

.modal-header {
    border: none;
    padding-bottom: 20px;
}
.modal-header .close { opacity: 0.5; }
.modal-body { padding-top: 0; }
.control-label sup { font-size: initial; }

#myModal .modal-header {
    border: inherit;
    padding-bottom: 10px;
    text-align: center;
}

.footnote {
    font-size: 0.77em;
    margin-top: 15px;
}
.footnote a { line-height: 14px; }

.alert { display: none }

#error {
    font-size: 0.77em;
}

.result {
    padding: 30px 0;
    text-align: center;
}

#slide2-ipad {
    display: block;
    /* max-height: 407px; */
    /* min-height: 320px; */
    /* height: 100%; */
    /* width: 100%; */
    /* background: url('../../images/ipad_slide2.jpg') no-repeat center -4px; */
    position: relative;
    margin: 207px auto 0;
    max-width: 1600px;
    /* background-size: contain; */
}

#slide2-ipad img { margin: 0 auto;   display: block;
    max-width: 100%;
    height: auto; }
/*
#slide2-ipad {
    display: block;
    max-width: 1270px;
    max-height: 407px;
    height: 100%;
    width: 100%;
    background: url('../../images/ipad_slide2.jpg') no-repeat center -4px;
    position: relative;
    margin: 207px auto 0;
}
*/

#notes {
    display: block;
    text-align: center;
}

#notes div { display: inline-block; text-align: center; margin-right: 70px; vertical-align: top; }
#notes div:last-of-type { margin-right: 0; }
#notes div img { margin-right: 15px; vertical-align: top; margin-bottom: 10px; position: relative; left: 50%; margin-left: -22px; }
#notes div span { display: inline-block; }

#note1 {
    /*position: absolute;
    bottom: 86%;
    left: 17%;*/
    line-height: 22px;
}
/*
#note1 {
    position: absolute;
    bottom: 340px;
    left: 220px;
    line-height: 22px;
}*/
#note2 {
    /*position: absolute;
    bottom: 92%;
    left: 55%;*/
    line-height: 22px;
}
/*#note2 {
    position: absolute;
    bottom: 380px;
    left: 720px;
    line-height: 22px;
}*/
#note3 {
    /*position: absolute;
    bottom: 62%;
    left: 75%;*/
    line-height: 22px;
}
/*#note3 {
    position: absolute;
    bottom: 215px;
    left: 1000px;
    line-height: 22px;
}*/


/*#slide-3 {
    position: relative;
    min-height: 880px;
    background: #fff;
}*/
/*
#slide-3-left-wrapper {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}*/
/*
#slide-3-left {
    height: 100%;
    background: #3f3e43 url('../../images/slide3_left.jpg') no-repeat left center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-left: 50px;
    margin-right: 2px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #slide-3-left {
        height: 100%;
        background: #3f3e43 url('../../images/slide3_left@2x.jpg') no-repeat left center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding-left: 50px;
        margin-right: 2px;
    }
}
*/
/*
#slide-3-right-wrapper {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
}

#slide-3-right {
    height: 100%;
    background: #d7c5ad url('../../images/slide3_right.jpg') no-repeat center bottom;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    padding-left: 50px;
    margin-left: 2px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #slide-3-right {
        height: 100%;
        background: #d7c5ad url('../../images/slide3_right@2x.jpg') no-repeat center bottom;
        -webkit-background-size:cover;
        -moz-background-size:cover;
        -o-background-size:cover;
        background-size:cover;
        padding-left: 50px;
        margin-left: 2px;
    }
}
*/
/*
.col { display: table; height: 100%; }
.s3-row { display: table-row; }
.col .s3-row div { display: table-cell; height: 100%; }

#slide-3-left .col .bottom-cell { height: 120px; }
#slide-3-right .col .bottom-cell { height: 120px; }
*/
/*
#slide-3-left h1, #slide-3-right h1 {
    font-size: 60px;
    font-family: circe_b;
    margin-top: 0;
    padding-top: 38px;
    margin-bottom: 0;
}

#slide-3-left p, #slide-3-right p { font-size: 24px; width: 440px;  line-height: 32px; margin-top: 2px;  }

#slide-3 #slide-3-left .icons {
    position: absolute;
   top: 639px;
}

#slide-3 #slide-3-right .icons {
    position: absolute;
    top: 639px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#slide-3 .icons div {  display: inline-block; vertical-align: top;  margin-right: 43px; line-height: 23px; }
#slide-3 .icons div:last-of-type { margin-right: 0; }

#slide-3 .icons div img { margin-bottom: 15px; }
*/

#install-slide-3 { padding-left: 70px; padding-right: 50px; margin-top: 120px; /*147px;*/ padding-bottom: 50px; /*182px;*/ }

#install-slide-3 div.table { width: 55%; margin: 0 auto }

#install-slide-3 div.table_cell.left { width: 35%; /*55%;*/ }
#install-slide-3 div.table_cell.right {   width: 40%; padding-left: 5%; }

#install-slide-3 .wrapper { background-color: #dee1ed; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding: 0 35px 9px; }
#install-slide-3 .wrapper .left { float: left; width: 100%; /*60%;*/ }
#install-slide-3 .wrapper .right { float: right; width: 35%; padding-top: 25px; }

#install-slide-3 h3 {
    font-family: circe_b;
    font-size: 30px;
    line-height: 40px;
    margin-top: 27px;
    margin-bottom: 0;
}

#install-slide-3 p { font-size: 18px; line-height: 22px; margin: 20px 0; }
#install-slide-3 p:first-of-type { margin: 9px 0 20px; }
#install-slide-3 p.note { font-size: 14px; line-height: 18px; border-top: 1px solid #000;
    padding-top: 5px; }
#install-slide-3 .wrapper .left p:first-of-type, #install-slide-3 .wrapper .right p:first-of-type { margin-top: 9px; }
#install-slide-3 .wrapper .right p img { display: block; margin-bottom: 9px; }

#about-slide-3 {
    padding: 0 100px 0 105px;
    margin-top: 91px;
    margin-bottom: 50px;
    overflow: visible;
}
#about-slide-3 h3 {
    font-family: circe_b;
    font-size: 30px;
    line-height: 34px;
    margin-top: 27px;
    margin-bottom: 28px;
    text-align: center;
}
#about-slide-3 #project {
    width: 100%;
    min-height: 561px;
    background-size: cover;
    background-image: url("../../images/about_slide3.jpg");
    background-position: center bottom;
    position: relative;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #about-slide-3 #project {
        width: 100%;
        min-height: 561px;
        background-size: cover;
        background-image: url("../../images/about_slide3.jpg");
        background-position: center bottom;
    }
}

#about-slide-3 #project .descr {
    position: absolute;
    right: 30px;
    bottom: 30px;
    display: block;
    background: #000;
    opacity: 0.7;
    color: #fff;
    font-size: 14px;
    width: 420px;
    padding: 10px;
}
#about-slide-3 #project .descr .country { font-size: 10px; letter-spacing: 3px; }
#about-slide-3 #project .descr h4 { font-size: 18px; margin: 0; margin-top: -4px; }
#about-slide-3 #project .descr .left { width: 60%; float: left; }
#about-slide-3 #project .descr .right { width: 30%; margin-left: 70%; }
#about-slide-3 #project .descr h4, #about-slide-3 #project .descr p, #about-slide-3 #project .descr span { opacity: 1; }
#about-slide-3 #project .descr .left p:first-of-type, #about-slide-3 #project .descr .right p:first-of-type { margin-top: 10px; }

#about-slide-3 #gallery_control {
    margin: 0 auto 30px;
    display: table;
    width: 100%;
}
#about-slide-3 #project_list_wrap {
    position: relative;
    margin-top: 10px;
    float: left;
    min-width: 250px;
}
#about-slide-3 #project_title {
    font-size: 24px;
    color: #000;
    display: inline-block;
    border-bottom: dashed 1px #000;
    line-height: 22px;
}
#about-slide-3 #project_title:hover { cursor: pointer; }
#about-slide-3 #proj_list_icon {
    background: url('../../images/proj_list_icon.png') no-repeat;
    width: 5px;
    height: 12px;
    margin: 0px 0 0 10px;
    display: inline-block;
}
#project_list {
    /*position: absolute;
    top: 38px;
    z-index: 10;
    display: none;
    background: #fff;
    box-shadow: 0px 0px 3px 3px #333;
    -moz-box-shadow: 0px 0px 3px 3px #333;
    padding: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
    position: absolute;
    top: 38px;
    z-index: 10;
    display: none;
    background: #fff;
    box-shadow: 2px 2px 6px 2px #999;
    -moz-box-shadow: 2px 2px 6px 2px #999;
    padding: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: solid 1px #cecece;
}
#project_list ul {
    list-style: none;
    /* margin-left: 0; */
    padding-left: 5px;
}

#project_list ul li { margin-bottom: 3px; }
#project_list ul li.active a { color: #be0005; }
#project_list ul li a { line-height: 22px; border: none; }
#proj_list_corner {
    position: absolute;
    width: 22px;
    height: 11px;
    top: -11px;
    left: 25px;
    background: url('../../images/proj_list_corner.png') no-repeat;
}
#proj_list_close {
    position: absolute;
    top: 0;
    right: -25px;
    background: url('../../images/proj_list_close.jpg');
    height: 25px;
    width: 25px;
}
#proj_list_close:hover { cursor: pointer; }

#proj_control_wrap {
    float: right;
    margin-top: 10px;
}
#proj_control_wrap a {
    text-decoration: none;
    cursor: pointer;
    float: left;
    margin-right: 15px;
}
#proj_control_wrap a:last-of-type { margin-right: 0; }
#proj_control_wrap #proj_counter { float: left; margin-right: 15px; }

.gallery_container.active {
    display: table;
    /*background: #333;*/
    /*width: 100%;*/
}

.gallery_container {
    display: none;
    margin: 0 auto;
    padding: 0;
    border: none;
}
.gallery_container .table_cell { max-width: 80%; width: 80%; }
.gallery_container .table_cell .fotorama { width: 100%; height: 100%; }
.fotorama__wrap, .fotorama__stage { width: 100% !important; }
.car-caption {
    /*min-width: 350px;
    width: 20%;
    height: auto;
    display: table-cell;
    float: left;
    background: #333;
    color: #fff;
    padding: 0 15px;*/
    min-width: 350px;
    max-width: 20%;
    height: auto;
    display: table-cell;
    float: left;
    /* background: #333; */
    color: #000;
    padding: 0 15px;
    font-size: 15px;
}
.car-caption .object {
    background: url('../../images/object_icon.png') no-repeat;
    padding-left: 40px;
    background-position: 0px 0px;
    height: 30px;
    padding-top: 12px;
}
.car-caption p {
    margin: 0 0 20px;
}
.car-caption .automation {
    background: url('../../images/automation_icon.png') no-repeat;
    padding-left: 40px;
    background-position: 0px 0px;
    height: 30px;
    padding-top: 12px;
}

.car-caption h4 { font-family: circe_b; margin: 10px 0; }
.car-caption .panel-heading { padding: 0 15px; background-color: #fff; }
.car-caption .lighting {
    background: url('../../images/lighting_icon.jpg') no-repeat;
    padding-left: 45px;
    background-position: 0px 0px;
    height: 35px;
    padding-top: 7px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    .car-caption .lighting {
        background: url('../../images/lighting_icon@2x.jpg') no-repeat;
        padding-left: 45px;
        background-position: 0px 0px;
        height: 35px;
        padding-top: 7px;
        background-size: contain;
    }
}
.car-caption .climate {
    background: url('../../images/climate_icon.jpg') no-repeat;
    padding-left: 45px;
    background-position: 0px 0px;
    height: 35px;
    padding-top: 7px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    .car-caption .climate {
        background: url('../../images/climate_icon@2x.jpg') no-repeat;
        padding-left: 45px;
        background-position: 0px 0px;
        height: 35px;
        padding-top: 7px;
        background-size: contain;
    }
}
.car-caption .security {
    background: url('../../images/security_icon.jpg') no-repeat;
    padding-left: 45px;
    background-position: 0px 0px;
    height: 35px;
    padding-top: 7px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    .car-caption .security {
        background: url('../../images/security_icon@2x.jpg') no-repeat;
        padding-left: 45px;
        background-position: 0px 0px;
        height: 35px;
        padding-top: 7px;
        background-size: contain;
    }
}
.car-caption .extra {
    background: url('../../images/extra_icon.jpg') no-repeat;
    padding-left: 45px;
    background-position: 0px 0px;
    height: 35px;
    padding-top: 7px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    .car-caption .extra {
        background: url('../../images/extra_icon@2x.jpg') no-repeat;
        padding-left: 45px;
        background-position: 0px 0px;
        height: 35px;
        padding-top: 7px;
        background-size: contain;
    }
}




.carousel {
    width: auto;
    margin: 0;
    position: relative;
    float: left;
}
.carousel-inner {
    max-width: 100%;
}



/* developers */
#dev-slide-3 {
    margin-top: 34px;
    position: relative;
    background-color: #31302e;
    color: #fff;
    /*background-image: url("../../images/dev_slide3.jpg");*/
    /*background-position: center center;*/
    /*background-size: cover;
    background-repeat: no-repeat; */
}
#dev-slide-3 h1 {
    font-size: 60px;
    font-family: circe_b;
    padding-top: 29px;
    margin-bottom: 50px;
}

#dev-slide-3 .top_border_block {
    border-top: 3px solid #fff;
    padding-top: 10px;
    margin: 0 20px;
}

#dev-slide-3 #pr_sect1 {
    background-color: #e5204b;
}

#dev-slide-3 #pr_sect1 .container {
    margin-bottom: 50px;
}


#dev-slide-3 #pr_sect2 {
    padding-bottom: 50px;
}
#dev-slide-3 #pr_sect2 h3 {
    border-bottom: 4px solid #fff;
    padding-bottom: 10px;
}
#dev-slide-3 #pr_sect2 .plus {
    background-image: url('../../images/presentation/frame3_plus_sign.png');
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 37px;
    padding-left: 40px;
    margin-bottom: 0;
    margin-left: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #dev-slide-3 #pr_sect2 .plus {
        background-image: url('../../images/presentation/frame3_plus_sign@2x.png');
        background-repeat: no-repeat;
        background-position: left top;
        padding-top: 37px;
        padding-left: 40px;
        margin-bottom: 0;
        margin-left: 20px;
        background-size: 9%;
      /*  -moz-background-size: 9%;
        -o-background-size: 9%;
        -webkit-background-size: 9%; */
    }
}

#dev-slide-3 #pr_sect2 .equal {
    background-image: url('../../images/presentation/frame3_equal_sign.png');
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 26px;
    padding-left: 40px;
    margin-top: 8px;
    margin-left: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #dev-slide-3 #pr_sect2 .equal {
        background-image: url('../../images/presentation/frame3_equal_sign@2x.png');
        background-repeat: no-repeat;
        background-position: left top;
        padding-top: 26px;
        padding-left: 40px;
        margin-top: 8px;
        margin-left: 20px;
        background-size: 9%;
       /* -moz-background-size: 9%;
        -o-background-size: 9%;
        -webkit-background-size: 9%; */
    }
}

#dev-slide-3 #pr_sect3 {
    padding-bottom: 50px;
    background-color: #df2346;
}

#three_components { padding-left: 20px; }
#three_components h3 { font-family: circe_b; }
#three_components span {
    display: inline-block;
    border-right: solid 1px #fff;
    padding: 0 10px;
    font-size: 1.5em;
    line-height: 1.1em;
}
#three_components span:first-of-type { padding-left: 0; }
#three_components span:last-of-type { border: none; }
#three_components span a { color: #fff; border-bottom: dashed 1px #fff; text-decoration: none; padding-bottom: 6px; }
#three_components span a:hover { border-bottom: dashed 1px transparent; }

#dev-slide-3 #pr_sect4 {
    padding-bottom: 50px;
    background-color: #df2346;
}
#manage_tech .row { margin-bottom: 30px; }
#manage_tech h3 { margin-top: 0; }
#manage_tech .table_row .table_cell { padding-bottom: 30px; }
#manage_tech .table_row .table_cell:first-of-type { width: 40%; padding-right: 20px; }

#dev-slide-3 #pr_sect5 { padding-bottom: 50px; }
#pr_sect5 #logos { margin-top: 50px; }

#dev-slide-3 #pr_sect6 {
    background-color: #df2346;
    padding-bottom: 50px;
    background-image: url("../../images/presentation/frame9_upstairs.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 40%;
}
#dev-slide-3 #pr_sect6 .row {
    margin-bottom: 50px;
}

.vertical-align {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
}

.text_bar {
    background: #fff;
    display: block;
    color: #000;
    padding: 20px;
    /*margin-top: 40%;*/
}

.text-bold {
    font-family: circe_b;
    font-size: 1.2em;
}

#dev-slide-3 #pr_sect7, #dev-slide-3 #pr_sect8 {
    padding-bottom: 50px;
}

#dev-slide-3 #pr_sect7 .conditions {
    margin-bottom: 70px;
}

#dev-slide-3 #pr_sect8 { background-color: #df2346; }
#dev-slide-3 #pr_sect8 .top_border_block { margin: 0 0 30px; }
#dev-slide-3 #pr_sect8 .extra_cap { margin-bottom: 20px; }


#dev-slide-3 iframe {
    width: 70%;
    height: 100%;
    margin-left: 15%;
}
/*@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #dev-slide-3 { margin-top: 34px; position: relative; background-image: url("../../images/dev_slide3@2x.jpg"); background-size: cover; background-repeat: no-repeat; }
}*/

#dev-slide-3 #devs {
    position: absolute;
    display: block;
    top: 50%;
    margin-top: -96px;
    left: 50%;
    margin-left: -90px;
    width: 180px;
    height: 192px;
    text-align: center;
}
#dev-slide-3 #devs span { font-family: circe_b; font-size: 134px;  display: block; margin: 0; line-height: 89px; }
#dev-slide-3 #devs p {  line-height: 22px; }
#dev-slide-3 #devs .capital {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0;
    display: inline;
}

/* /developers*/

/* /slide-3 */

/* slide-4 */
#slide-4 {
    /*background: url('../../images/slide4_bg.jpg') no-repeat left bottom;
    background-size: cover;
    padding-left: 50px;
    color: #fff;
    position: relative;
    clear: both;
    min-height: 931px;
    margin-top: 4px;*/
    position: relative;
    z-index: 1;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #slide-4 {
        /* background: url('../../images/slide4_bg@2x.jpg') no-repeat left bottom;
         background-size: cover;
         padding-left: 50px;
         color: #fff;
         position: relative;
         clear: both;
         min-height: 931px;
         margin-top: 4px;*/
        position: relative;
    }
}

#slide-4 .bcg {
    width: 100%;
    max-width: 1600px;
    opacity: 1;
    position: relative;
    /*visibility: hidden;*/
}

#tabs {
    width: 90%;
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
    max-width: 1440px;
}
#tabs ul {
    width: 100%;
    margin: 0;
    list-style: none;
    /*background-color: #f2f2f2;*/
    padding: 0;

}

#tabs, #tabs2, #tabs3, #tabs4 {
    width: 90%;
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
    max-width: 1440px;
}
#tabs ul, #tabs2 ul, #tabs3 ul, #tabs4 ul {
    width: 100%;
    margin: 0;
    list-style: none;
    /* background-color: #f2f2f2; */
    padding: 0;
}

#tabs li, #tabs2 li, #tabs3 li, #tabs4 li, #tabs5 li { height: 52px; }
#tabs li a, #tabs2 li a, #tabs3 li a, #tabs4 li a, #tabs5 li a {
    display: inline-block;
    padding: 0;
    /*height: 52px;*/
    background: none;
    text-decoration: none;
    color: #fff;
    border-bottom: dashed 1px #fff;
    margin-top: 16px;
    line-height: 18px;
}



#tabs ul li:first-of-type, #tabs ul li:first-of-type a.tabulous_active,
#tabs2 ul li:first-of-type, #tabs2 ul li:first-of-type a.tabulous_active {
    background-color: #f4a00a !important;
    color: #fff !important;
}
#tabs ul li:nth-of-type(2), #tabs ul li:nth-of-type(2) a.tabulous_active,
#tabs2 ul li:nth-of-type(2), #tabs2 ul li:nth-of-type(2) a.tabulous_active {
    background-color: #425d94 !important;
    color: #fff !important;
}
#tabs ul li:nth-of-type(3), #tabs ul li:nth-of-type(3) a.tabulous_active,
#tabs2 ul li:nth-of-type(3), #tabs2 ul li:nth-of-type(3) a.tabulous_active {
    background-color: #cf1834 !important;
    color: #fff !important;
}
#tabs ul li a.tabulous_active, #tabs2 ul li a.tabulous_active { border-bottom: none; }
#tabs ul li a:hover, #tabs2 ul li a:hover { border: none; }
#tabs ul li:first-of-type a:hover,
#tabs2 ul li:first-of-type a:hover{
    background-color: #f4a00a !important;
    color: #fff !important;
}
#tabs ul li:nth-of-type(2) a:hover,
#tabs2 ul li:nth-of-type(2) a:hover{
    background-color: #425d94 !important;
    color: #fff !important;
}
#tabs ul li:nth-of-type(3) a:hover,
#tabs2 ul li:nth-of-type(3) a:hover {
    background-color: #cf1834 !important;
    color: #fff !important;
}

#tabs ul li, #tabs2 ul li { width: 33.333%; text-align: center; padding: 0; margin: 0; }
#tabs ul li a, #tabs2 ul li a { /*background-color: #f2f2f2;*/ color: #fff; border-bottom: dashed 1px #fff; }
#tabs ul li a.tabulous_active, #tabs ul li a:hover,
#tabs2 ul li a.tabulous_active, #tabs2 ul li a:hover { /*background-color: #e9e9e9 !important; color: #000 !important;*/ }
#tabs_container { padding: 0px }
#tabs_container h2 { text-align: center; display: block; margin-top: 0; font-size: 34px; line-height: 38px; }
#tabs_container div {
    margin-right: 0px;
    width: 100%;
}

#tabs_container div img {
    width: auto;
    margin: 0px auto 30px;
    display: block;
}

#tabs_container div img.tab_main_img {
    /*float: left;*/
    width: 100%;
    margin: 0 30px 30px 0;
}

#tabs_container table { width: auto; margin: 50px auto 30px; }
#tabs_container table td { /*text-align: left; vertical-align: top; padding-right: 30px;*/
    text-align: left;
    vertical-align: top;
    padding: 0 15px;
    width: 20%;}
#tabs_container table tr td:last-of-type { padding-right: 0px; }
#tabs_container table td img { /*text-align: left; margin: 0 0 5px 0;*/   margin: 0 auto 5px; }
#tabs_container table td span { /*text-align: left; margin: 0 0 5px 0;*/   display: block; text-align: center; }

#tabs_container div { z-index: 5; }
#tabs_container div.hidescaleup,
#tabs_container div.hidescale,
#tabs_container div.hideflip,
#tabs_container div.hideleft
{ z-index: 0; }

#tabs_container div.showscaleup,
#tabs_container div.showscale,
#tabs_container div.showflip,
#tabs_container div.showleft
{ z-index: 5; }

#slide-4 {  }

#slide-4 h1 {
    padding-top: 42px;
    font-size: 60px;
    font-family: circe_b;
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
    text-align: center;
}

#slide-4 p { /*width: 40%;*/ font-size: 18px; line-height: 22px; margin-top: 2px; margin-bottom: 17px; }

#slide-4 .icons {
    position: absolute;
    display: block;
    bottom: 74px;
}

#slide-4 .icons div { float: left; margin-right: 45px; line-height: 20px; }

#slide-4 .icons div img { margin-bottom: 15px; }

#slide-4 .table td { border: none; }
#slide-4 .table tr td:first-of-type { padding-left: 0; }
#slide-4 .table tr td:last-of-type { padding-right: 0; }

#slide-4 .visible-lg div[id^=tabs],
#slide-4 .visible-md div[id^=md-tabs],
#slide-4 .visible-sm div[id^=sm-tabs],
#slide-4 .visible-xs div[id^=xs-tabs] {
    margin-bottom: 30px;
}

/* for firefox */
#slide-4 .visible-lg div#tabs-1, #slide-4 .visible-md div#md-tabs-1 {
    clear: both;
}
/* /for firefox */

#slide-4 .visible-lg div#tabs-1 h2, #slide-4 .visible-md div#md-tabs-1 h2 { border-bottom: 2px solid #f4a00a; }
#slide-4 .visible-lg div#tabs-2 h2, #slide-4 .visible-md div#md-tabs-2 h2 { border-bottom: 2px solid #425d94; }
#slide-4 .visible-lg div#tabs-3 h2, #slide-4 .visible-md div#md-tabs-3 h2 { border-bottom: 2px solid #cf1834; }

#slide-4 .visible-lg .factoids, #slide-4 .visible-md .factoids { width: auto; margin: 50px auto 30px; }
#slide-4 .visible-lg .factoids td, #slide-4 .visible-md .factoids td {
    text-align: left;
    vertical-align: top;
    padding: 0 15px;
    width: 20%;
}

#slide-4 .visible-lg .factoids td img, #slide-4 .visible-md .factoids td img {
    margin: 0 auto 5px;
    width: auto;
    display: block;
}

#slide-4 .visible-lg .factoids td span, #slide-4 .visible-md .factoids td span {
    display: block;
    text-align: center;
}


/* about */
#about-slide-4 {
    padding: 0 100px 0 105px;
    margin-top: 105px;
    margin-bottom: 50px;
}
#about-slide-4 h3 {
    font-family: circe_b;
    font-size: 30px;
    line-height: 34px;
    margin-top: 27px;
    margin-bottom: 28px;
    text-align: center;
}

#about-slide-4 .table { width: 95%; }
#about-slide-4 .table .table_cell { width: 45%; padding-right: 7%; }
#about-slide-4 .table .table_cell:last-of-type { padding-right: 0; }
#about-slide-4 .response { margin-bottom: 23px; }
#about-slide-4 .response div:first-of-type  { float: left; /*margin-right: 20px;*/ width: 170px; }
#about-slide-4 .response div:first-of-type img { /*float: left;*/ }
#about-slide-4 .response div + p { margin-left: 168px; display: -webkit-box; }
#about-slide-4 .author {
    /*float: left;*/
    font-size: 14px;
    /* display: inline-block;*/
    /* width: 100%; */
    margin-top: 8px;
    margin-bottom: 0;
    line-height: 18px;
}
#about-slide-4 p { line-height: 22px; }
#about-slide-4 p:nth-last-of-type(2) { margin-bottom: 0; }
/* /about */

/* developers */
#dev-slide-4 { /*padding-left: 70px;*/ padding-top: 113px; background: #dee1ed; }
#dev-slide-4 #best_solution { padding: 0 30px 20px 35px;  border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; width: 75%;   margin: 0 auto 50px; }
#dev-slide-4 #best_solution h2 { font-family: circe_b; font-size: 60px; padding-top: 14px; margin-bottom: 0; }
#dev-slide-4 #best_solution p { line-height: 22px; margin: 12px 0; }
#dev-slide-4 #best_solution p:first-of-type { margin-top: 13px; }
#dev-slide-4 #best_solution p:last-of-type { margin-bottom: 10px; }
#dev-slide-4 #advs { padding-bottom: 95px; }
#dev-slide-4 #advs div { display: inline-block; width: 28%; margin-right: 5%; vertical-align: top; }
#dev-slide-4 #advs div:last-of-type { margin-right: 0; }
#dev-slide-4 #advs h4, #dev-slide-4 #best_solution h4 { font-family: circe_b; font-size: 24px; margin-bottom: 15px; }
#dev-slide-4 #advs p:last-of-type { margin-bottom: 0; }

#dev-slide-4 #advs .callback {
    /* float: right; */
    margin-right: 75px;
    padding-top: 23px;
    font-size: 13px;
    text-align: center;
    width: 100%;
}
#dev-slide-4 #advs .callback_contacts {
    margin-top: 0;
    display: inline-block;
}
#dev-slide-4 #advs .callback_button {
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
}
#dev-slide-4 .callback_button { margin-top: 30px; }
/* /developers */

/* /slide-4 */

/* slide-5 */
#slide-5 { background: #fff;  border-bottom: solid 1px #cccccc; }
#slide-5 h1 {
    padding-top: 30px;
    font-size: 60px;
    font-family: circe_b;
    margin-top: 0;
    display: inline-block;
    margin-bottom: 0;
}
#slide-5 h2 {
    font-family: circe_l;
    font-size: 42px;
    line-height: 49px;
    margin-bottom: 45px;
}
#slide-5 h2:first-of-type { margin-top: 62px; margin-bottom: 72px;}

#slide-5 a.ios_throne_app { margin-right: 14px; }

#slide-5 #integr_table .table_cell { position: relative; }
#slide-5 #integr_table .table_cell img, #slide-5 #integr_table .table_cell p { position: relative;  }
#slide-5 #integr_table .table_cell .integr_description {
    display: block;
    left: -10000px;
    position: absolute;
    background-color: #f2f2f2;
    padding: 30px;
    padding-left: 160%;
    border-radius: 7px;
    width: auto !important;
    min-width: 150%;
    min-height: 110%;
    height: auto;
    z-index: 2;
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
}
#slide-5 #integr_table .table_cell:hover .integr_description {
    /*display: block;*/
    top: -30px;
    left: -30px;
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}
#slide-5 #integr_table .table_cell:last-of-type:hover .integr_description {
    /*display: block;*/
    top: -30px;
    right: -30px;
    left: auto;
    padding-left: 30px;
    padding-right: 160%;
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}
#slide-5 #integr_table .table_cell:hover p,
#slide-5 #integr_table .table_cell:hover img { z-index: 3; }
#slide-5 .table { width: auto; margin: 44px auto; }

#slide-5 .table:first-of-type { margin-bottom: 119px; }
#slide-5 .table .table_cell { padding-right: 50px; }
#slide-5 .table .table_cell:last-of-type { padding-right: 0px; }
#slide-5 .table .table_cell h4 {
    font-size: 18px;
    font-family: circe_b;
    margin-bottom: 0px;
}
#slide-5 #integr_table .table_cell p:last-of-type { margin-bottom: 0; }
#slide-5 .table .table_cell p { line-height: 22px; margin: 10px 0; }
#slide-5 .table .table_cell h4 + p { margin-top: 4px; }

#slide-5 #equipment {
    width: 60%;
}

#slide-5 #know_more_title { margin-top: 100px; }

#slide-5 #know_more_tabs {
    width: 60%;
    margin: 0 auto;
}
#slide-5 #know_more_tabs li { vertical-align: middle;  height: 100%; }
#slide-5 #know_more_tabs li a { border: none; }
#slide-5 #know_more_tabs li a:hover { background-color: #fff; }
#slide-5 #know_more_tabs li { border-bottom: solid 1px transparent; }
#slide-5 #know_more_tabs li.active { border-bottom: solid 1px #be0005; }
#slide-5 #know_more_tabs li.active>a,
#slide-5 #know_more_tabs li.active>a:hover,
#slide-5 #know_more_tabs li.active>a:focus {
    color: #be0005;
    background-color: #fff;
    border: none;
}
#slide-5 #know_more_tabs .tab-content>.active {
    display: block;
    padding: 10px 15px;
    border: dotted 1px #dedede;
    margin-top: 10px;
    background-color: #fcfcfc;
    margin-bottom: 20px;
}

#accordion {
    width: 80%;
    margin: 0 auto;
}

#accordion p {
    line-height: 22px;
    margin: 10px 0;
}

#capabilities {
    margin-top: 41px;
}
#capabilities .table_cell { padding-right: 55px; }
#capabilities h3 { font-family: circe_b; font-size: 30px; margin-top: 4px; margin-bottom: 0; }
#capabilities p { margin-top: 0px; line-height: 24px; }

#compatibility { margin-top: 60px; }
#compatibility .left { float: left; margin-right: 40px; }
#compatibility h3 { margin-top: 9px; margin-bottom: 0; }
#compatibility p { margin-bottom: 0; margin-top: 4px; line-height: 24px; }
#compatibility img { vertical-align: bottom }

/* about */
#about-slide-5 { padding: 0 100px 0 105px; margin-top: 66px; margin-bottom: 50px; }
#about-slide-5 h1 { font-size: 60px; font-family: circe_b; margin-bottom: 12px; }

.info { color: #222; line-height:1.35; overflow:hidden; white-space:nowrap; }
.info h4 { border-bottom: solid 1px #333;  margin: 0px; }

#about-slide-5 .left { float: left; width: 60%; }
#about-slide-5 .right { float: right; width: 248px; }
#about-slide-5 .callback { float: none; margin-right: 0; text-align: left; padding-top: 0px; }
#about-slide-5 .callback_button { text-align: center; }
#about-slide-5 .callback_contacts { margin-left: 20px; }

#about-slide-5 #about_contacts { margin-top: 20px; }
#about-slide-5 #about_address { display: inline-block; line-height: 22px; }
#about-slide-5 #about_phone { display: inline-block; vertical-align: top; margin-left: 84px; }
#about-slide-5 #about_phone .phone800 { display: block; font-size: 24px; line-height: 26px; }

/* /about */

/* FAQ */
#faq-slide-1 { padding: 50px 0; }
#faq-slide-1 h1 { text-align: center; }
/* /FAQ */

/* developers */
#dev-slide-5 { padding: 0 130px 0 105px; margin-top: 0; }
#dev-slide-5 #become_partner {
    margin-top: 49px;
    margin-bottom: 115px;
}
#dev-slide-5 #become_partner .left img { float: left; margin-right: 20px; }
/* /developers */

/* /slide-5 */

/* slide-6 */
#slide-6 { background: #fff; padding-left: 50px; }
#slide-6 h1 {
    margin-top: 51px;
    font-size: 60px;
    font-family: circe_b;
    display: inline-block;
    margin-bottom: 0;
}

#about_installation { margin-left: 30px; }

#slide-6 p { font-size: 24px; line-height: 29px; margin-top: 2px; }
#stages { margin-top: 43px; }
#stages span { }
.stage { display: inline-block; margin-right: 55px; vertical-align: top; line-height: 20px }
#stages .stage_number { font-size: 60px; display: block; line-height: 62px; margin-bottom: 2px; }

/* about */
#about-slide-6 { padding: 0 100px 0 105px; margin-top: 60px; margin-bottom: 158px; border-top: solid 1px #a6a6a6; }
#about-slide-6 h3 { margin-top: 25px; margin-bottom: 9px; }
#about-slide-6 .table_cell { width: 20%; padding-right: 5%; padding-top: 25px; line-height: 22px; }
#about-slide-6 .table_cell:last-of-type { padding-right: 0; }
#about-slide-6 .table_cell a { display: inline; line-height: 28px; }
#about-slide-6 .table_cell p:first-of-type { margin-top: 4px; }
/* /about */

/* /slide-6 */

/* slide-7 */
#slide-7 { clear: both; background: #fff; padding-top: 108px; }

#slide7_inner {
    background: #fff5ce;
    margin: 0 25px;
    padding-left: 25px;
    display: block;
}

#slide-7 h1 {
    padding-top: 17px;
    font-size: 60px;
    font-family: circe_b;
    margin-top: 0;
    margin-bottom: 7px;
}

.order_text_block{
    float: left;
    margin-right: 70px;
}

#order_left { float: left; }

.last { margin-right: 0 }

.order_text_block p { line-height: 22px; margin: 6px 0; }
.order_text_block p:first-of-type { margin-top: 1px; }

.order_text_block span {
    font-size: 30px;
    font-family: circe_b;
}

.order_text_block span sup { line-height: 15px; }

.fullwidth-header-post { margin-top: 50px; }
.post-title { height: 100%; font-size: 2em; font-family: circe_xb; position: relative; }
.post-title h1 { position: absolute; bottom: 20px; margin: 0; }
#send_request { width: 100%; }
.tags { margin: 20px 0; }
.tags span, .tags button { margin-right: 15px; display: inline-block; }
.tags button { font-family: circe_l; color: #000; padding: 0; border-bottom: solid 1px #000; margin-right: 10px; font-size: 0.9em; line-height: 1.1em; margin-top: -6px; }
.tags button:hover {
    border-bottom-color: #be0005;
    color: #be0005;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    outline: 0;
    text-decoration: none;
}

#subscription-form fieldset { border: none; }

.comment-form .comment-notes { display: none; }

.bx-wrapper .bx-caption span {
    font-family: circe_b !important;
    font-size: 1.5em !important;
    border-bottom: none;
    line-height: 1.1em;
}

.post {
    position: relative; padding-top: 30px; /* 100px 0 105px; margin: 50px auto;*/
}
.blog {
    position: relative; padding-top: 50px; /* 100px 0 105px; margin: 50px auto;*/
}
.blog h1 { font-family: circe_b;
    font-size: 42px;
    line-height: 46px;
    text-align: center;

}
.blog h3 { margin: 0; font-family: circe_b; }
.blog .blog-post { margin-bottom: 40px; }
.blog h3 + span { font-size: 14px; font-family: circe_l; }
.blog p { margin: 5px 0 10px; }
.post-details { font-size: 0.8em; line-height: 0.9em !important; }

.blog h3 a, .blog-post h3 a { border: none; }

.blog-sidebar { margin-bottom: 20px; }
.blog-sidebar fieldset { border: none; }
.blog-sidebar #searchform .form-group { margin-bottom: 10px; }
.blog-sidebar #searchform #s {
    padding-right: 32px;
    background-image: url("../../images/icon-search.png");
    background-repeat: no-repeat;
    background-position: right center;
}


.categories li.active a { color: #cc0000; }
.post-categories { font-family: circe_l; font-size: 0.9em; }

#socialButtonOnPage a, #socialButtonOnPage a img { border: none; }

#socials {
    padding-top: 96px;
    margin-bottom: 23px;
    clear: both;
}

#socials a { margin-right: 10px; border: none; }
#socials #soc_twitter { background-image: url("../../images/soc_twitter.png"); width: 28px; height: 28px; }
#socials #soc_facebook { background-image: url("../../images/soc_facebook.png"); width: 28px; height: 28px; }
#socials #soc_googleplus { background-image: url("../../images/soc_googleplus.png"); width: 28px; height: 28px; }
#socials #soc_instagram { background-image: url("../../images/soc_instagram.png"); width: 28px; height: 28px; }
#socials #soc_youtube { background-image: url("../../images/soc_youtube.png"); width: 28px; height: 28px; }
/*
#socials a img { border: none; }*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #socials #soc_twitter {
        display: inline-block;
        background-image: url('../../images/soc_twitter@2x.png');
        background-repeat: no-repeat;
        background-size: 28px 28px;
        width: 28px;
        height: 28px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #socials #soc_facebook {
        display: inline-block;
        background-image: url('../../images/soc_facebook@2x.png');
        background-repeat: no-repeat;
        background-size: 28px 28px;
        width: 28px;
        height: 28px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #socials #soc_googleplus {
        display: inline-block;
        background-image: url('../../images/soc_googleplus@2x.png');
        background-repeat: no-repeat;
        background-size: 28px 28px;
        width: 28px;
        height: 28px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #socials #soc_instagram {
        display: inline-block;
        background-image: url('../../images/soc_instagram@2x.png');
        background-repeat: no-repeat;
        background-size: 28px 28px;
        width: 28px;
        height: 28px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #socials #soc_youtube {
        display: inline-block;
        background-image: url('../../images/soc_youtube@2x.png');
        background-repeat: no-repeat;
        background-size: 28px 28px;
        width: 28px;
        height: 28px;
    }
}

#order_right {
    float: right;
    margin-top: 35px;
}

#slide-7 .callback {
    /*float: right;*/
    margin-right: 75px;
    padding-top: 16px;
    font-size: 14px;
    text-align: left;
}

#slide-7 .callback span {
    /*padding-left: 20px;*/
    display: block;
}

#slide-7 span.callback_button {
    border: solid #000 1px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    display: block;
    text-align: center;
    padding: 7px 0;
    font-size: 18px;
    width: 248px;
    transition: color 0.5s ease, border 0.5s ease;
    -webkit-transition: color 0.5s ease, border 0.5s ease;
    -moz-transition: color 0.5s ease, border 0.5s ease;
    -o-transition: color 0.5s ease, border 0.5s ease;
}

#slide-7 .callback_button:hover { border-color: #be0005; color: #be0005; transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none; }

#order_right .callback_contacts {
    margin-top: 5px;
    display: inline-block;
    line-height: 19px;
    margin-left: 16px;
}

#platforms {
    font-size: 14px;
    display: block;
    margin-top: 314px;
    margin-left: 9px;
}

#platforms span { display: block; font-size: 14px; margin-bottom: 4px; }
#platforms a { line-height: 15px; vertical-align: top; margin-top: 5px;  }
#platforms .capital { display: inline; border: none; line-height: 14px; transition: color 0.5s ease, border 0.5s ease;
    -webkit-transition: color 0.5s ease, border 0.5s ease;
    -moz-transition: color 0.5s ease, border 0.5s ease;
    -o-transition: color 0.5s ease, border 0.5s ease;}
#platforms a:hover .capital { color: #be0005; transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;}
/*#platforms span img { margin-right: 10px; vertical-align: bottom; }*/

#platforms #android, #platforms #apple { margin-right: 10px; vertical-align: bottom; }
#platforms #android { display: inline-block; background-image: url('../../images/android.png'); background-repeat: no-repeat; width: 17px; height: 21px; }
#platforms #apple { display: inline-block; background-image: url('../../images/apple.png'); background-repeat: no-repeat; width: 17px; height: 21px; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #platforms #android {
        display: inline-block;
        background-image: url('../../images/android@2x.png');
        background-repeat: no-repeat;
        background-size: 17px 21px;
        width: 17px;
        height: 21px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #platforms #apple {
        display: inline-block;
        background-image: url('../../images/apple@2x.png');
        background-repeat: no-repeat;
        background-size: 17px 21px;
        width: 17px;
        height: 21px;
    }
}

/* /slide-7 */

footer {
    padding: 10px 50px 50px;
    clear: both;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*min-width: 980px;*/

    max-width: 1600px;
    /*width: 100%;*/
    margin: 0 auto;
}

footer.minor {
    border-top: solid 1px #a6a6a6;
}

#design { float: right; margin-top: 44px; }
#footer_socials { float: right; margin-top: 19px; }

#design a, #footer_socials a { line-height: 15px; }

#footer_socials a { margin-right: 7px; border: none; }
#footer_socials a:last-of-type { margin-right: 0; }
#footer_socials #soc_twitter { background-image: url("../../images/soc_footer_twitter.png"); width: 28px; height: 28px; }
#footer_socials #soc_twitter:hover { background-image: url("../../images/soc_twitter.png"); width: 28px; height: 28px; }

#footer_socials #soc_facebook { background-image: url("../../images/soc_footer_facebook.png"); width: 28px; height: 28px; }
#footer_socials #soc_facebook:hover { background-image: url("../../images/soc_facebook.png"); width: 28px; height: 28px; }

#footer_socials #soc_googleplus { background-image: url("../../images/soc_footer_googleplus.png"); width: 28px; height: 28px; }
#footer_socials #soc_googleplus:hover { background-image: url("../../images/soc_googleplus.png"); width: 28px; height: 28px; }

#footer_socials #soc_instagram { background-image: url("../../images/soc_footer_instagram.png"); width: 28px; height: 28px; }
#footer_socials #soc_instagram:hover { background-image: url("../../images/soc_instagram.png"); width: 28px; height: 28px; }

#footer_socials #soc_youtube { background-image: url("../../images/soc_footer_youtube.png"); width: 28px; height: 28px; }
#footer_socials #soc_youtube:hover { background-image: url("../../images/soc_youtube.png"); width: 28px; height: 28px; }

#footer_socials #soc_flickr { background-image: url("../../images/soc_footer_flickr.png"); width: 28px; height: 28px; }
#footer_socials #soc_flickr:hover { background-image: url("../../images/soc_flickr.png"); width: 28px; height: 28px; }
/*
#socials a img { border: none; }*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #footer_socials #soc_twitter {
        display: inline-block;
        background-image: url('../../images/soc_footer_twitter@2x.png');
        background-repeat: no-repeat;
        background-size: 28px 28px;
        width: 28px;
        height: 28px;
    }

    #footer_socials #soc_twitter:hover {
        display: inline-block;
        background-image: url('../../images/soc_twitter@2x.png');
        background-repeat: no-repeat;
        background-size: 28px 28px;
        width: 28px;
        height: 28px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #footer_socials #soc_facebook {
        display: inline-block;
        background-image: url('../../images/soc_footer_facebook@2x.png');
        background-repeat: no-repeat;
        background-size: 28px 28px;
        width: 28px;
        height: 28px;
    }

    #footer_socials #soc_facebook:hover {
        display: inline-block;
        background-image: url('../../images/soc_facebook@2x.png');
        background-repeat: no-repeat;
        background-size: 28px 28px;
        width: 28px;
        height: 28px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #footer_socials #soc_googleplus {
        display: inline-block;
        background-image: url('../../images/soc_footer_googleplus@2x.png');
        background-repeat: no-repeat;
        background-size: 28px 28px;
        width: 28px;
        height: 28px;
    }

    #footer_socials #soc_googleplus:hover {
        display: inline-block;
        background-image: url('../../images/soc_googleplus@2x.png');
        background-repeat: no-repeat;
        background-size: 28px 28px;
        width: 28px;
        height: 28px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #footer_socials #soc_instagram {
        display: inline-block;
        background-image: url('../../images/soc_footer_instagram@2x.png');
        background-repeat: no-repeat;
        background-size: 28px 28px;
        width: 28px;
        height: 28px;
    }

    #footer_socials #soc_instagram:hover {
        display: inline-block;
        background-image: url('../../images/soc_instagram@2x.png');
        background-repeat: no-repeat;
        background-size: 28px 28px;
        width: 28px;
        height: 28px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #footer_socials #soc_youtube {
        display: inline-block;
        background-image: url('../../images/soc_footer_youtube@2x.png');
        background-repeat: no-repeat;
        background-size: 28px 28px;
        width: 28px;
        height: 28px;
    }

    #footer_socials #soc_youtube:hover {
        display: inline-block;
        background-image: url('../../images/soc_youtube@2x.png');
        background-repeat: no-repeat;
        background-size: 28px 28px;
        width: 28px;
        height: 28px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #footer_socials #soc_flickr {
        display: inline-block;
        background-image: url('../../images/soc_footer_flickr@2x.png');
        background-repeat: no-repeat;
        background-size: 28px 28px;
        width: 28px;
        height: 28px;
    }

    #footer_socials #soc_flickr:hover {
        display: inline-block;
        background-image: url('../../images/soc_flickr@2x.png');
        background-repeat: no-repeat;
        background-size: 28px 28px;
        width: 28px;
        height: 28px;
    }
}


.jcarousel {
    position: relative;
    overflow: hidden;
    width: 80%;
    margin: 0 auto;
    /* display: table; */
}
.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
.jcarousel li {
    width: 30%;
    display: table-cell;
    border-right: 1px solid #acacac;
    padding: 0 15px;
}
.jcarousel .response {
    margin: 0 0 10px 0;
    font-size: 18px;
    line-height: 22px;
}
.jcarousel-control-prev, .jcarousel-control-next {
    position: absolute;
    top: 90px;
    width: 30px;
    height: 30px;
    text-align: center;
    /* background: #4E443C; */
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
    padding-top: 4px;
}
.jcarousel-control-next {
    right: 155px;
}
.jcarousel-control-prev {
    left: 155px;
}
.jcarousel .contacts {
    line-height: 18px;
    font-style: italic;
    font-size: 16px;
}


#callback_wrapper {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999;
    display: none;
    font-family: circe;
}
#callback_title {
    text-align: center;
    padding: 10px 10px 7px;
    background-color: #333;
    color: #ff9d0d;
    width: 50%;
    margin: 0 auto;
    cursor: pointer;
    position: relative;
}
#callback_form {
    display: none;
    background-color: #fff;
    width: 50%;
    margin: 0 auto;
    padding: 10px;
    border: solid 1px #333;
}

#callback_title .glyphicon-remove-sign { position: absolute; top: 12px; right: 12px; display: none; }

#callback_form table { width: auto; margin: 0 auto; }
#callback_form table td { padding: 5px 10px; }

#callback_form label { font-weight: normal; }
#callback_form .offer-send-btn {
    font-family: circe;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: none;
    font-family: circe;
    background: #fefcea; /* Для старых браузров */
    background: linear-gradient(to top, #efecdd, #fdfae9);
    padding: 5px 40px;
    margin-right: 30px;
}



#cb_form_body .table_row .table_cell:first-of-type { width: 60%; padding-right: 5%; }

#callback_form .offer-send-btn:hover { background: linear-gradient(to top, #f0eddf, #fdfcf5); }

#callback_form .offer-send-btn:active {
    padding-top: 4px;
    margin-bottom: 1px;
    box-shadow: inset 2px 2px 2px rgba(0,0,0,0.1);
    filter: progid:DXImageTransform.Microsoft.shadow(direction=120, color=#000000, strength=2);
}

#callback_form .offer-send-btn:focus { outline: none }



#cb_form_header {
    text-align: center;
    margin-top: 0;
    /* padding-top: 10px;*/
}
#cb_form_left {
    width: 60%;
    float: left;
}
#cb_form_right {
    display: block;
    padding: 0 10px 0 20px;
    margin-left: 60%;
    font-size: 0.9em;
}
#callback_wrapper .footnote {
    margin-top: 0;
    clear: both;
    padding: 0 0 10px;
    font-size: 0.9em;
}

#faq-slide-1 {
    position: relative;
    padding: 50px 0;
}
#faq-slide-1 h1 {
    text-align: center;
    font-size: 42px;
    line-height: 46px;
    font-family: circe_b;
}

@media ( min-width: 1930px ) {
    #factoid_center {
        text-align: center;
        height: 310px;
    }
}

@media (max-width: 1368px) {
    #slogan {
        padding-top: 38px;
        text-align: center;
        font-family: circe_l;
        font-size: 42px;
        line-height: 49px;
        margin-bottom: 30px;
    }

    /*#slogan + div {
        width: 90%;
        margin-left: 5%;

        bottom: 0px;
    }*/
}

@media (max-width: 1366px) {
    /* уменьшаем размеры блоков анимации для экранов с разрешением менее 1280х720 */
    #floor, #floor_back, #floor_shadow, #top_buttons, #top_buttons_shadows,
    #light_panel_shadows, #light_panel, #light_zones, #climate_panel,
    #climate_panel_shadows, #climate_zones, #alarm_panel, #alarm_cameras,
    #alarm_panel_shadows, #alarm_windows, #slide2-ipad {
        width: 70%;
        margin-left: 15%;
    }

}

@media (max-width: 1280px) {
    #callback_title {
        text-align: center;
        padding: 10px 10px 7px;
        background-color: #333;
        color: #ff9d0d;
        width: 60%;
        margin: 0 auto;
        cursor: pointer;
    }
    #callback_form {
        display: none;
        background-color: #fff;
        width: 60%;
        margin: 0 auto;
        padding: 10px;
        border: solid 1px #333;
    }

    .callback { margin-right: 15px; }
}

@media (max-width: 1180px) {


    .callback_fix_btn {
        position: fixed;
        bottom: 50%;
        left: 95%;
        z-index: 999;
        display: none;
        cursor: pointer;

    }

    #langs {
        font-size: 14px;
        padding: 24px 20px 20px 20px;
        float: left;
    }
    #logo {
        margin: 25px 20px 0 0;
        float: left;
        background-image: url('../../images/logo.png');
        background-position: left top;
        background-repeat: no-repeat;
        width: 136px;
        height: 46px;
        border: none;
        font-size: 16px;
        padding-top: 37px;
        padding-left: 3px;
    }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3/2),
    only screen and (min--moz-device-pixel-ratio: 1.5),
    only screen and (min-device-pixel-ratio: 1.5),
    only screen and (min-resolution: 144dpi) {
        #logo {
            background-image: url('../../images/logo@2x.png');
            background-size: 124px 23px;
            background-repeat: no-repeat;
            width: 124px;
            height: 23px;
        }
    }
    #top_menu li, #top_menu li, #bottom_menu li {
        display: inline-block;
        padding-top: 30px;
        margin-right: 20px;
    }
    #top_menu {
        list-style: none;
        display: block;
        padding-left: 0;
        margin-left: 225px;
        margin-top: 0;
    }
    .visible-sm #top_menu {
        list-style: none;
        display: block;
        padding-left: 0;
        margin-left: 225px;
        margin-top: 0;

    }

    .callback {
        float: right;
        margin-right: 10px;
        padding-top: 23px;
        font-size: 13px;
        text-align: center;
    }
    .visible-sm .callback {
        float: right;
        margin-right: 10px;
        padding-top: 23px;
        font-size: 13px;
        text-align: center;
    }

    #slogan {
        padding-top: 30px;
        text-align: center;
        font-family: circe_l;
        font-size: 42px;
        line-height: 49px;
        margin-bottom: 20px;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    #slide-1 .flexslider { width: 80%; }

    #slide-1 #carousel {
        margin: 30px 0 50px;
        width: 80%;
        float: none;
        margin: 50px auto;
    }

    #play_demo { left: 12%; }

    #planshet {
        width: 70%;
        background-image: url("../../images/ipad.png");
        background-position: top center;
        background-size: contain;
        background-repeat: no-repeat;
        height: 65%;
        margin: -2% auto 0;
        position: absolute;
    }

    #slide-2 h1 {
        font-size: 42px;
        font-family: circe_l;
        text-align: center;
        text-align: center;
        padding-top: 50px;
        margin-top: 0;
        margin-bottom: 52px;
        padding-bottom: 0px;
        line-height: 49px;
    }

    #advantages {
        width: 95%;
        margin: 30px auto 30px;
        font-size: 18px;
    }

    #slide-3-left p, #slide-3-right p {
        font-size: 24px;
        width: 405px;
        line-height: 32px;
        margin-top: 2px;

    }

    #dev-slide-1 .icons_new { width: 90%; }

    #install-slide-1 {
        background-image: url('../../images/install_slide1.jpg');
        background-position: left top;
        background-size: cover;
        min-height: 904px;
        margin-top: 68px;
        padding-left: 50px;
        color: #fff;
        position: relative;
    }

    #install-slide-1 p {
        width: 400px;
        line-height: 22px;
        margin: 12px 0;
    }
    #install-slide-1 p + ul { margin-top: -11px; }
    #install-slide-1 ul li {
        line-height: 22px;
    }

    #install-slide-1 .icons { position: absolute;
        bottom: 50px;
        display: table;
        z-index: 5;
        right: 30px; }

    #install-slide-1 .icons_cell {
        display: table-cell;
        padding-right: 20px;
        line-height: 22px;
    }

    #install-slide-2 {
        padding-left: 0px;
        position: relative;
        margin: 78px auto;
    }

    #bottom_menu {
        margin-left: 40px;
    }

    #partners-slide-1 p {
        width: 550px;
        line-height: 22px;
        margin: 21px 0;
    }

    #partners_interface { width: 100%; }

    #become_partner .left {
        float: left;
        width: 60%;
    }

    #about-slide-1 p {
        width: 40%;
        line-height: 22px;
        margin: 21px 0;
    }
    #about-slide-2 .left {
        width: 60%;
    }
    #about-slide-2 .table {
        width: 90%;
    }
    #about-slide-2 table {
        width: 100%;
    }
    #about-slide-2 .table .table_cell {
        width: 28%;
        padding-right: 3%;
    }
    #about-slide-2 .table .table_row .table_cell:last-of-type {
        padding-right: 0;
    }
    #about-slide-2 #about_installation {
        position: absolute;
        top: 142px;
        right: 100px;
        left: auto;
    }

    #dev-slide-4 #best_solution {
        padding: 0 30px 20px 35px;
        background: #dee1ed;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        width: 90%;
    }
    #dev-slide-4 #advs div {
        display: inline-block;
        width: 28%;
        margin-right: 5%;
        vertical-align: top;
    }
    #dev-slide-2 #interaction_scheme div:first-of-type {
        margin-left: 60px;
        padding-left: 0;
    }
    #dev-slide-2 #interaction_scheme div {
        display: inline-block;
        padding: 0 12px;
        width: 23%;
        vertical-align: top;
    }

    #install-slide-3 div.table_cell.right {
        width: 33%;
        padding-left: 5%;
    }

    #capabilities .table_cell {
        padding-right: 40px;
    }

    #dev1-slide-2 { padding: 50px 20px; }

    #slide-5 #know_more_tabs {
        width: 90%;
        margin: 0 auto;
    }

    #slide-5 #know_more_tabs .nav-justified {
        display:  -webkit-box;
    }
}

/*
@media (max-width: 1024px) {
    #install-slide-3 .wrapper .left {
        float: left;
        width: 50%;
    }
    #install-slide-3 .wrapper .right {
        float: right;
        width: 44%;
        padding-top: 14px;
    }

}*/


#powered
{
    display:none;
}

.panel-title a { display: inline; line-height: 24px; font-size: 18px; }
.panel-title a .capital { border-bottom: none; }
.panel-title a:hover .capital {
    transition: color 0.1s ease;
    -webkit-transition: color 0.1s ease;
    -moz-transition: color 0.1s ease;
    -o-transition: color 0.1s ease;
    color: #be0005;
}

.valid-msg { color: #00C900; }
.error-msg { color: red; }
.valid-msg, .error-msg { font-size: 0.8em; }

.bxslider { margin: 0; }
.bx-wrapper img {
    max-width: 100%;
    display: block;
    margin-bottom: 0px;
}
.bx-wrapper .bx-caption {
   /* position: absolute;
    top: 0;
    right: 10px;
    left: auto !important;
    background: #666\9;
    background: rgba(80, 80, 80, 0.75);
    bottom: auto !important;
    width: auto !important;*/
    bottom: 15px !important;

}
.bx-wrapper a, .bx-wrapper a img { border-bottom: none; }
.bx-wrapper .bx-caption span { font-family: circe_b !important; font-size: 1.5em !important; border-bottom: none; }

/*
.bx-wrapper li:nth-of-type(odd) .bx-caption {
    position: absolute;
    top: 0;
    left: 10px;
    right: auto;
    background: #666\9;
    background: rgba(80, 80, 80, 0.75);
    bottom: auto;
    width: auto;
}*/
/*.bx-wrapper li:nth-of-type(odd) img { float: right; }*/
.bx-wrapper .bx-prev, .bx-wrapper .bx-next { border: none; }
.bx-wrapper .bx-next { right: 20px !important; }

.more-posts { margin: 0 auto; display: block; }

.city_wrapper a:first-of-type:hover { border-bottom: 1px solid transparent; }