@charset "UTF-8";
@font-face {
    font-family: 'proxima_nova_r';
    src: url('../fonts/proximanova-reg-webfont.eot');
    src: url('../fonts/proximanova-reg-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-reg-webfont.woff') format('woff'), url('../fonts/proximanova-reg-webfont.ttf') format('truetype'), url('../fonts/proximanova-reg-webfont.svg#proxima_nova_r') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

@font-face {
    font-family: 'proxima_nova_l';
    src: url('../fonts/proximanova-light.eot');
    src: url('../fonts/proximanova-light.eot') format('embedded-opentype'), url('../fonts/proximanova-light.woff2') format('woff2'), url('../fonts/proximanova-light.woff') format('woff'), url('../fonts/proximanova-light.ttf') format('truetype'), url('../fonts/proximanova-light.svg#ProximaNovaLight') format('svg');
}

html,
body {
    min-height: 100%;
}

body {
    background: #eaeaea;
    font-family: 'proxima_nova_r', sans-serif;
    font-size: 18px;
}

body b {
    font-family: 'proxima_nova_b', sans-serif;
    font-weight: normal;
}

a,
a:visited {
    color: #000;
    outline: 0;
    text-decoration: none !important;
}

.content a,
.content a:visited {
    color: #A50000;
}

a:focus {
    -moz-outline-style: none;
    outline-style: none;
}

a:hover,
a.where-to-buy:hover,
.where-to-buy a:hover,
a.view-catalog:hover,
a.go-home:hover {
    color: #d81e26 !important;
}

.container {
    /*min-width: 1000px !important;*/
}

a.anchor {
    height: 0;
    visibility: hidden;
    line-height: 0;
    overflow: hidden;
    display: block;
    font-size: 0;
}

.red {
    color: #d4171f;
}

.white,
.white * {
    color: #FFF !important;
}

.black {
    color: #000 !important;
}

.height-inherit {
    height: auto !important;
    min-height: inherit !important;
}

.no-border {
    border: none !important;
}

#content_overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../images/content-loader.gif) no-repeat center center #FFF;
    opacity: 0.5;
}

#content_overlay.fixed {
    position: fixed;
    z-index: 999;
}


/** Main menu **/

nav#main_nav {
    position: fixed;
    opacity: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/overlay.png);
    z-index: -1;
}

nav#main_nav .nav-menu {
    position: relative;
    top: 50%;
    margin: 0 auto;
    max-width: 250px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

nav#main_nav .nav-menu li+li {
    margin-top: 25px;
}

nav#main_nav a {
    color: #FFF;
    text-transform: uppercase;
    font-size: 22px;
}

nav#main_nav a:hover {
    color: #d81e26;
}


/*** Language switch ***/

nav#main_nav .wpml-ls-item {
    float: left;
    margin-right: 20px;
}

nav#main_nav .wpml-ls-item.wpml-ls-current-language img {
    box-shadow: 0 0 15px #FFF;
}

nav#fix_nav {
    position: fixed;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 999;
    /*transition: right 0.3s ease;*/
}


/*.nav-open nav#fix_nav{
    right: 260px;
}*/


/** Fix nav **/

nav#fix_nav ul {
    padding: 5px 0;
    background: #FFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 1px 3px #666666;
}

nav#fix_nav ul li {
    width: 50px;
}

nav#fix_nav li+li {
    border-top: 1px solid #CCC;
}

nav#fix_nav li a {
    position: relative;
    width: 50px;
    height: 50px;
    background: #FFF url(../images/i/fix_nav_icons.png) no-repeat 0 0;
    padding: 0;
    transition: none;
}

nav#fix_nav ul li.active a,
nav#fix_nav ul li:hover a {
    background-position: -130px 0;
}

nav#fix_nav li.technology a {
    background-position: 0 -55px;
}

nav#fix_nav li.technology.active a,
nav#fix_nav li.technology:hover a {
    background-position: -130px -55px;
}

nav#fix_nav li.functions a {
    background-position: 0 -100px;
}

nav#fix_nav li.functions.active a,
nav#fix_nav li.functions:hover a {
    background-position: -130px -100px;
}

nav#fix_nav li.design a {
    background-position: 0 -155px;
}

nav#fix_nav li.design.active a,
nav#fix_nav li.design:hover a {
    background-position: -130px -155px;
}

nav#fix_nav li.products a {
    background-position: 0 -205px;
}

nav#fix_nav li.products.active a,
nav#fix_nav li.products:hover a {
    background-position: -130px -205px;
}

nav#fix_nav li.solutions a {
    background-position: 0 -255px;
}

nav#fix_nav li.solutions.active a,
nav#fix_nav li.solutions:hover a {
    background-position: -130px -255px;
}

nav#fix_nav li.software a {
    background-position: 0px -295px;
}

nav#fix_nav li.software.active a,
nav#fix_nav li.software:hover a {
    background-position: -132px -295px;
}

nav#fix_nav li.news a {
    background-position: 0px -337px;
}

nav#fix_nav li.news.active a,
nav#fix_nav li.news:hover a {
    background-position: -131px -337px;
}

nav#fix_nav li a span {
    display: block;
    position: absolute;
    right: 50px;
    z-index: -1;
    display: none;
    white-space: nowrap;
    background: #FFF;
    color: #d71921;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 50px;
    height: 50px;
    padding: 0 10px 0 15px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    box-shadow: 0 1px 3px #666666;
}

nav#fix_nav li a:hover span {
    /*display: block;*/
}


/** Page nav **/

#page_nav.navbar {
    background: #231f20;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    margin-bottom: 0;
}

#page_nav.navbar-fixed-top {
    margin-top: 80px;
}

#page_nav.navbar a,
#page_nav.navbar a:visited,
#page_nav.navbar a:focus {
    color: #FFF;
    font-size: 16px;
    line-height: 20px;
    padding: 20px 0 18px 0;
    margin: 0 10px;
    border-bottom: 2px solid #231f20;
    background: transparent;
}

#page_nav.navbar a:hover,
#page_nav.navbar .current-menu-item a,
#page_nav.navbar .active a,
#page_nav.navbar .current-page-ancestor a,
.tax-faq .faq-active a,
.download-center .downloads-active a
/*,*/

{
    color: #d71921 !important;
    background: transparent;
    border-bottom: 2px solid #d71921 !important;
}

.nav .current-menu-item a {
    color: #d71921 !important;
}

#page_nav li.arrow-left {
    background: url(../images/m-arrow-left.png) no-repeat left center;
}

#page_nav li.arrow-left a,
#page_nav li.arrow-left a:visited {
    color: #d0d0d0;
    margin-left: 20px;
}

#page_nav li.v-line-left {
    background: url(../images/m-vline.png) no-repeat left center;
}

.navbar-btn {
    margin: 15px 0;
}

body.download-center #page_nav.navbar a,
body.download-center #page_nav.navbar a:visited {
    /*color: #d0d0d0*/
}


/** End of Page nav **/

header {
    background: #FFF;
    height: 80px;
}

#logo {
    margin: 20px 0 0 100px;
}

#top_nav {
    margin: 30px 100px 0 0;
}

#top_nav a {
    font-weight: 500;
    font-size: 24px;
    text-transform: uppercase;
    text-decoration: none;
    padding-right: 35px;
    background-repeat: no-repeat;
    background-position: right center;
    display: inline-block;
}


/*#top_nav a + a{ margin-left: 45px;}*/

.menu-toggle {
    background-image: url(../images/i/menu.png);
    width: 105px;
}

body.nav-open .menu-toggle {
    background-image: url(../images/i/menu_on.png);
}

body.nav-open .navbar-fixed-top {
    margin-top: 0 !important;
    -moz-transform: none;
    -webkit-transform;
    -ms-transform: none;
    position: inherit;
    transform: none;
    z-index: inherit;
}

body.nav-open .navbar-fixed-top+#breadcrunmbs {
    margin-top: 0 !important;
}

.menu-search {
    padding-right: 30px !important;
    background-image: url(../images/i/search.png);
    transition: none;
}

.menu-search.search-open {
    background-image: url(../images/i/menu_on.png);
    text-indent: -300em;
    padding-right: 25px !important;
}


/*** Common menu styles ***/

.nav-menu {
    list-style: none;
    padding-left: 0;
}

.nav-menu a {
    text-decoration: none;
}

a.where-to-buy,
.where-to-buy a,
a.view-catalog,
a.go-home {
    background: url(../images/where-to-buy_bg.png) no-repeat center;
    display: block;
    width: 183px;
    height: 42px;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    line-height: 42px;
    color: #000 !important;
    padding-left: 10px;
    font-weight: 700;
}

a.view-catalog {
    background: #fff;
    width: 280px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

a.go-home {
    background: url(../images/go-home-bg.png) no-repeat center;
    display: inline-block;
    width: 184px;
    height: 43px;
    line-height: 42px;
}


/*** Effects ***/

nav#main_nav,
#wrap,
#logo,
.overlay {
    transition: all 0.3s ease 0s;
}

a,
button,
#subscribe-btn,
input.btn {
    transition: all 0.15s ease 0s;
}


/*** Show main menu ***/

body.nav-open nav#main_nav {
    z-index: 9999;
    opacity: 1;
}


/*body.nav-open { max-height: 100%; overflow: hidden;}*/

body.nav-open .menu-toggle {
    position: fixed;
    z-index: 10000;
    color: #FFF;
    top: 30px;
    right: 115px;
}

body.nav-open #top_search_form {
    margin-right: 130px;
    transition: none;
}

.navbar-fixed-top+#breadcrumbs {
    margin-top: 140px;
}


/*** Content Slides ***/

#container section {
    min-height: 800px;
    /*min-width: 1000px;*/
    width: 100%;
    height: 100%;
}

#container section div.wrapper {
    /*width: 1000px;*/
}

#container section.slide-1 {
    height: 621px;
    min-height: inherit;
    background: #bd0a12 url(../images/slide_1_bg.jpg) no-repeat left center;
    background-size: contain;
    color: #FFF;
}

#container section.slide-1 div.wrapper {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#container section.slide-1 .row {
    display: flex;
    align-items: center;
}

#container section.slide-1 iframe {
    height: 300px;
    max-height: 80vh;
}

#container section.slide-1 h1 {
    margin: 20px 0 20px 0;
}

#container section.slide-1 .where-to-buy {
    margin-top: 30px;
}

.two-years-warranty,
.download-apps {
    background: url(../images/2-years-warranty.png) no-repeat left center;
    margin: 25px 0;
    padding: 20px 10px 20px 70px;
    border: 1px solid #FFF;
    border-width: 1px 0 1px 0;
    max-width: 345px;
    font-size: 18px;
    font-family: "proxima_nova_b", sans-serif;
}

.download-apps {
    background: url(../images/i/i_mobile_w.png) no-repeat 10px center;
    padding-left: 60px;
    border-top: none;
    margin-top: 0;
}

.download-apps a {
    margin: 0 6px;
    -webkit-transition: all 0.5s ease !important;
    -moz-transition: all 0.5s ease !important;
    -ms-transition: all 0.5s ease !important;
    transition: all 0.5s ease !important;
    display: inline-block;
    border-radius: 8px;
}

.download-apps a:hover {
    box-shadow: 0 0 10px #FFF;
}


/*** Slide 2 ***/


/*** Slide 7 New block Styles ***/

.bna_news_one span.excerpt {
    position: absolute;
    right: 50px;
    top: 200px;
}

.bna_news_block_mw span.excerpt {
    position: absolute;
    right: 37px;
    bottom: 20px;
}

.bna_news_one a.excerpt-more {
    background: #fff;
    padding: 0px 10px 0px 10px;
    font-size: 14px;
    border: 1px solid;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    display: inline-block;
}

.bna_news_block_mw a.excerpt-more {
    background: #fff;
    color: #707070;
    font-size: 13px;
    display: inline-block;
    text-transform: uppercase;
    font-family: 'proxima_nova_b';
}

.bna_news_block_mw a.excerpt-more:hover:after {
    border-color: transparent transparent transparent #d81e26;
}

.bna_news_block_mw a.excerpt-more:after {
    content: "";
    position: absolute;
    display: inline-block;
    padding-top: 0px;
    margin-top: 4px;
    margin-left: 3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent #707070;
}

.block_news_and_articles {}

.wcnbmorebutton {
    text-align: right;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'proxima_nova_b';
    color: #707070;
}

.wcnbmorebutton a {
    margin-right: 36px;
    display: inline-block;
    position: relative;
    color: #707070;
}

.wcnbmorebutton a:after {
    content: "";
    position: absolute;
    display: inline-block;
    padding-top: 0px;
    margin-top: 4px;
    margin-left: 5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 10px;
    border-color: transparent transparent transparent #707070;
}

#news_block {
    height: 900px !important;
}

.bna_news_block_mw {
    margin-top: 10px;
}

.bna_news_one ul {
    display: inline-block;
    list-style-type: none;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}

.bna_news_one {
    margin-top: 20px;
}

.bna_news_one ul {
    width: 100%;
}

.bna_news_one ul li {
    display: inline-block;
    width: 100%;
    position: relative;
}

.bna_news_one ul li a.image {
    height: 250px;
    display: block;
    padding: 0px 20px 0px 11px;
    overflow: hidden;
    max-width: 1167px;
}

.bna_news_one ul li a.image img {
    height: auto !important;
    width: 100% !important;
}

.bna_news_one ul li a.title {
    font-family: 'proxima_nova_r';
    position: absolute;
    top: 0;
    color: #fff;
    font-size: 24px;
    line-height: 26px;
    text-align: left;
    text-transform: none;
    display: block;
    padding: 35px;
}

.bna_news_one ul li span.date {
    color: #fff;
    font-family: 'proxima_nova_r';
    position: absolute;
    text-align: left;
    text-transform: none;
    display: block;
    font-size: 14px;
    line-height: 16px;
    bottom: 25px;
    left: 35px;
}

.bna_news_block_mw ul {
    width: 100%;
    display: inline-block;
    list-style-type: none;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}

.bna_news_block_mw ul li {
    display: inline-block;
    position: relative;
    width: 33%;
    float: left;
    padding: 10px;
}

.bna_news_block_mw ul li a.image {
    height: 170px;
    display: block;
    overflow: hidden;
}

.bna_news_block_mw ul li a.image img {
    height: auto !important;
    width: 100% !important;
}

.bna_news_block_mw ul li a.title {
    width: 100%;
    font-family: 'proxima_nova_b';
    color: #707070;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    text-transform: none;
    background: #fff;
    display: block;
    padding: 20px 15px 5px 15px;
}

.bna_news_block_mw ul li span.date {
    color: #b1b1b1;
    font-family: 'proxima_nova_r';
    text-align: left;
    text-transform: none;
    background: #fff;
    display: block;
    font-size: 12px;
    line-height: 14px;
    padding: 5px 15px 20px 15px;
}

.block_news_and_articles .aandn_mt {
    margin-top: 135px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    #news_block {
        height: 900px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .bna_news_one span.excerpt {
        position: absolute;
        right: 40px;
        top: 125px;
    }
    .bna_news_block_mw span.excerpt {
        position: absolute;
        right: 33px;
        bottom: 20px;
    }
    #news_block {
        height: 870px !important;
    }
    .bna_news_one ul li a.image {
        height: 170px;
    }
    .bna_news_one ul li a.title {
        font-size: 20px;
        line-height: 22px;
    }
    .bna_news_block_mw ul li a.image {
        height: 125px;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .bna_news_one span.excerpt {
        display: none;
    }
    .bna_news_block_mw span.excerpt {
        display: none;
    }
    #news_block {
        height: 630px !important;
    }
    .block_news_and_articles {
        min-height: 0px !important;
        margin-top: 100px;
    }
    .bna_news_one ul li a.image {
        height: 150px;
        padding: 0px 11px 0px 6px;
    }
    .bna_news_one ul li a.title {
        font-size: 18px;
        line-height: 20px;
        padding: 25px;
    }
    .bna_news_block_mw ul li {
        padding: 5px;
    }
    .bna_news_block_mw ul li a.image {
        height: 90px;
    }
    .bna_news_block_mw ul li a.title:hover {
        color: #000000 !important;
    }
    .bna_news_block_mw ul li a.title {
        font-size: 12px;
        line-height: 14px;
        padding: 10px 10px 5px 10px;
    }
    .bna_news_block_mw {
        margin-top: 0px;
    }
}

@media screen and (min-width: 0px) and (max-width: 575px) {
    .bna_news_one span.excerpt {
        display: none;
    }
    .bna_news_block_mw span.excerpt {
        display: none;
    }
    .block_news_and_articles {
        min-height: 0px !important;
        margin-top: 100px;
    }
    .bna_news_one ul li a.image {
        height: 165px;
        padding: 0px 0px 0px 0px;
    }
    .bna_news_one ul li a.title {
        font-size: 16px;
        line-height: 18px;
        padding: 15px;
    }
    .bna_news_one ul li span.date {
        bottom: 15px;
        left: 15px;
    }
    .bna_news_block_mw ul li {
        width: 100%;
        float: none;
        padding: 0px;
        margin-bottom: 15px;
    }
    .block_news_and_articles .aandn_mt {
        margin-top: 180px;
    }
}


/*** End Slide 7 New block Styles ***/


/*
#container section.slide-2,#container section.slide-3{
    text-align: center;
    overflow: hidden;
}
#container section.slide-2 .inner-slide-1{
    background: #282e56 url(../images/slide_2_bg.png);
    color: #FFF;
}
#features_map_img{
    height: auto;
}
    #features_map_img > img {
        display: block;
        position: relative;
        z-index: 800;
    }
    #features_map_img_map {
        z-index: 801;
    }
    #features_map_img_map span {
        display: block;
        position: absolute;
        height: 32px;
        width: 32px;
        -webkit-border-radius: 32px;
        -moz-border-radius: 32px;
        border-radius:32px;
        cursor: pointer;
        background: transparent url(../images/transparent.png);
        z-index: 999;
        cursor: pointer;
    }

#container section.slide-2 .inner-slide-2{
    background: #bdc6ce;
    color: #000;
}
*/

#interface-carousel img,
#project-carousel img {
    margin: 0 auto;
}


/*** Slide 3 ***/

#container section.slide-3,
#container section.slide-7 {
    text-align: center;
    overflow: hidden;
}

#container section.slide-3 .inner-slide-1 {
    background: url(../images/slide_3_bg.jpg) no-repeat center;
    background-size: cover;
    line-height: 1.5em;
}

#container section.slide-3 .inner-slide-1 h1.title+.text,
#container section.slide-3 .inner-slide-3 h1.title+.text {
    margin-bottom: 30px;
}

#ipad-carousel {
    background: url(../images/ipad_bg.png) no-repeat center center;
    width: 420px;
    height: 545px;
    padding: 46px 41px 53px 43px;
    position: relative;
}

#ipad-carousel:after {
    display: block;
    content: " ";
    background: url(../images/ipad_hand.png) no-repeat 0 0;
    width: 185px;
    height: 420px;
    position: absolute;
    top: 388px;
    left: -86px;
    ;
}

#container section.slide-3 .inner-slide-1 h4 {
    text-transform: uppercase;
}

#container section.slide-3 .inner-slide-1 .icon {
    display: block;
    width: 60px;
    height: 36px;
    background-position: 10px 0;
    background-repeat: no-repeat;
}

.functions-icons {
    margin-bottom: 30px;
}

.functions-icons .icon-text {
    font-size: 14px;
    line-height: 1em;
    font-weight: bold;
}

.icon.icon-view-camera {
    background-image: url(../images/i/i-view-camera.png);
}

.icon.icon-talk-visitors {
    background-image: url(../images/i/i-talk-visitors.png);
}

.icon.icon-manage {
    background-image: url(../images/i/i-manage.png);
}

.icon.icon-video-conversation {
    background-image: url(../images/i/icon_video_conversation.svg);
}

.icon.icon-view-cameras {
    background-image: url(../images/i/icon_view_cameras.svg);
}

.icon.icon-open-door {
    background-image: url(../images/i/icon_open_door.svg);
}

.icon.icon-security-call {
    background-image: url(../images/i/icon_security_call.svg);
}

.icon.icon-view-video {
    background-image: url(../images/i/icon_view_video.svg);
    background-size: auto 26px;
    background-position: 10px center !important;
}

.icon.icon-guests-photo {
    background-image: url(../images/i/icon_guests_photo.svg);
}

#container section.slide-3 .inner-slide-1 p,
#container section.slide-3 .inner-slide-2 p {
    margin: 15px 0;
}

#container section.slide-3 .inner-slide-1 p {
    font-size: 16px;
    line-height: 1.2em;
}

#container section.slide-3 .inner-slide-2 {
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 30%, #ebebeb 50%, #eaeaea 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(30%, #f1f1f1), color-stop(50%, #ebebeb), color-stop(100%, #eaeaea));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 30%, #ebebeb 50%, #eaeaea 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 30%, #ebebeb 50%, #eaeaea 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 30%, #ebebeb 50%, #eaeaea 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 30%, #ebebeb 50%, #eaeaea 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0);
    /* IE6-9 */
}

#animated_group {
    position: relative;
}

#animated_group img {
    opacity: 0;
}

.active #a_el_1 {
    transition: opacity 2s ease 1s;
}

.active #a_el_2 {
    transition: opacity 2s ease 2s;
}

.active #a_el_3 {
    transition: opacity 2s ease 3s;
}

.active #a_el_4 {
    transition: opacity 2s ease 4s;
}

.active #a_el_5 {
    transition: opacity 2s ease 5s;
}

.active #animated_group img {
    opacity: 1;
}

#container section.slide-3 .inner-slide-3 {
    background: url(../images/slide_3_3_bg.jpg) no-repeat 0 center;
    background-size: cover;
    line-height: 1.5em;
}

#container section.slide-3 .inner-slide-3 h1.title+.text {
    font-size: 18px;
    line-height: 1.5em;
}

#container section.slide-3 .inner-slide-1 .wrapper,
#container section.slide-3 .inner-slide-3 .wrapper {
    text-align: left !important;
    min-height: 650px !important;
}


/*** Slide 4 styles ***/

.inner-slide {
    position: absolute;
    /*display: none;*/
    transition: opacity 1s linear 0s;
    height: 100%;
    width: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 1;
}

.inner-slide.active {
    left: 0;
    display: block;
    opacity: 1;
    z-index: 10;
}

#container section.slide-4 {
    overflow: hidden;
}

#container section.slide-4 .inner-slide-1 {
    color: #FFF;
    background-position: center top;
    background-image: url(../images/slide_4_1_bg.jpg);
}

#container section.slide-4 .inner-slide-1>div {
    margin: 10% 0 0 15%;
}

#container section.slide-4 .inner-slide-1 .title {
    margin-bottom: 20px;
}

#container section.slide-4 .inner-slide-2 {
    background-position: center 150px;
    background-color: #ececec;
    background-image: url(../images/slide_4_2_bg.jpg);
    text-align: center;
    padding-top: 40px;
}

#container section.slide-2 .controls-wrap,
#container section.slide-3 .controls-wrap,
#container section.slide-4 .controls-wrap {
    position: absolute;
    bottom: 40px;
    text-align: center;
    width: 100%;
    z-index: 100;
}

#all_design_image {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -369px;
    margin-top: -210px;
}


/*** Slide 5 styles ***/

#container section.slide-5 {
    background: url(../images/slide_5_bg.jpg) no-repeat center;
    background-size: cover;
    color: #FFF;
}

#container section.slide-5 h1.title {
    margin-bottom: 20px;
}

#container section.slide-5 .carousel-caption {
    position: static;
    height: 558px;
    width: 855px;
    margin: auto;
    padding: 0;
    overflow: hidden;
}

#product-carousel .product {
    position: relative
}

#product-carousel .overlay>div {
    margin: 0 40px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #FFF;
    text-transform: uppercase;
    font-size: 16px;
    text-align: left;
}

#product-carousel .product.pull-left,
#product-carousel .product.pull-right {
    margin-bottom: 20px;
}

#product-carousel .product.pull-left {
    margin-left: 20px;
}

#product-carousel .product.pull-right {
    margin-right: 20px;
}

#product-carousel .product:first-child {
    margin-left: 0;
    margin-right: 0;
}

a.view-catalog {
    margin: 30px auto 0;
}


/*** slide-software ***/

#container section.slide-software .btn {
    font-weight: bold;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    box-shadow: none;
    border: 2px solid #a2a2a2;
    font-size: 16px;
    line-height: 1em;
    padding: 12px 24px;
    height: auto;
    background: transparent
}

#container section.slide-software .btn:hover {
    background: #cf141c;
    border-color: #cf141c;
    color: #FFF !important
}

#container section.slide-software .inner-slide-1 {
    background: #FFF url(../images/bg_software.svg) no-repeat 50% center;
    background-size: cover
}

#container section.slide-software .inner-slide-1 .container {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

@media only screen and (max-width: 980px) {
    #container section.slide-software .inner-slide-1 {
        background-image: none
    }
    #container section.slide-software .inner-slide-1 .container {
        margin-top: 40px;
        margin-bottom: 40px;
        position: static;
        transform: none
    }
}

#container section.slide-software .section-title {
    font-size: 26px;
    margin-top: 48px;
    margin-bottom: 26px
}

#container section.slide-software h1.title {
    font-size: 36px;
    line-height: 1.14em;
    font-weight: bold;
    text-transform: none;
    margin-bottom: 20px;
    font-family: 'proxima_nova_b', sans-serif
}

#container section.slide-software h1.title+.text {
    font-size: 18px;
    margin-bottom: 40px
}

#container section.slide-software .icon-list {
    list-style: none;
    padding: 0;
    margin-bottom: 100px;
    line-height: 1.4em
}

#container section.slide-software .icon-list li {
    padding-left: 110px;
    line-height: 1.4em;
    position: relative;
    margin-bottom: 40px;
    font-size: 16px
}

#container section.slide-software .icon-list li:before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 73.6px;
    height: 64px;
    background: url(../images/i/icon-storage.svg) no-repeat center center
}

#container section.slide-software .icon-list li.icon-cloud:before {
    width: 67.7px;
    height: 62.2px;
    background-image: url(../images/i/icon-cloud.svg)
}

#container section.slide-software #link_image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-112%, -48%);
    width: 40%;
    margin-left: 40px;
    padding-top: 62%;
    background: url(../images/link_bg.png) no-repeat center center;
    background-size: contain
}

@media only screen and (max-width: 768px) {
    #container section.slide-software #link_image {
        position: static;
        transform: none;
        background-position: center top;
        background-size: 100% auto;
        width: 80%;
        margin-top: 40px;
        margin-left: auto;
        margin-right: auto
    }
}


/*** end slide-software ***/


/*** Slide 6 styles ***/

#container section.slide-6 {
    background: #eaeaea;
    height: auto !important;
    min-height: 100vh;
    color: #000;
}

#container section.slide-6 .wrapper {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    text-align: center;
    position: static
}

#container section.slide-5 .wrapper,
#container section.slide-6 .wrapper,
#container section.slide-2 .wrapper,
#container section.slide-7 .wrapper,
#container section.slide-3 .wrapper {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    min-height: 800px;
}

.section-title,
.title {
    text-transform: uppercase;
}

.section-title {
    font-size: 16px;
    margin-top: 15px;
}

h1.title {
    font-size: 30px;
    margin: 0 0 35px 0;
}

h1.title+.text {
    font-size: 20px;
    line-height: 1.2em;
    margin-bottom: 80px;
}

h1.title+.text.small-format {
    font-size: 14px;
    text-align: left;
}

.solutions {
    text-align: center;
    width: 1020px;
    margin: 0 auto;
    font-size: 1px
}

#product-carousel .overlay>div span {
    font-size: 36px;
    display: block;
}

div.product:hover .overlay {
    opacity: 1;
}

#container section.slide-7 .inner-slide-1 {
    background: #eaeaea;
    color: #FFF;
}

div.solution {
    display: inline-block;
    width: 319px;
    max-width: 100%;
    text-align: left;
    cursor: pointer;
    position: relative;
    vertical-align: top;
    margin: 0 10px 40px;
    height: auto !important;
}

div.solution .image {
    position: relative;
    width: 100%;
    height: 371px;
    overflow: hidden
}

div.solution .image img {
    max-width: 100%
}

div.solution .text {
    padding: 20px 0;
    font-size: 16px;
    line-height: 1em;
    color: #000
}

div.solution h3 {
    margin: 0 0 10px 0;
    line-height: 1.2em;
    font-size: 16px;
    text-transform: uppercase
}

div.solution .badge {
    position: absolute;
    top: 30px;
    left: 0;
    background: #FFF;
    border-radius: 0 5px 5px 0;
    color: #000000;
    font-size: 18px;
    padding: 13px 16px 13px 18px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
    font-weight: normal
}

div.solution .text ul {
    list-style: none;
    padding-left: 14px
}

div.solution .text ul li {
    position: relative;
    font-size: 18px;
    line-height: 34px;
    color: #000;
    font-weight: 600
}

div.solution .text ul li:before {
    position: absolute;
    left: -13px;
    content: '•';
    color: #d4171f
}


/*** Slide 2 New Styles ***/

#container section.slide-2 .wrapper {
    text-align: left;
    min-height: auto;
}

#container section.slide-2 .inner-slide-1 {
    background: #FFF url(../images/ukey_banner_bg.jpg) no-repeat right center;
    background-size: auto 100%;
}

#container section.slide-2 .section-title {
    font-size: 26px;
    margin-top: 48px;
    margin-bottom: 26px;
}

#container section.slide-2 h1.title {
    font-size: 36px;
    line-height: 1.14em;
    font-weight: bold;
    text-transform: none;
    margin-bottom: 20px;
    font-family: 'proxima_nova_b', sans-serif;
}

#container section.slide-2 h1.title+.text {
    font-size: 18px;
    margin-bottom: 40px;
}

#container section.slide-2 .btn {
    font-weight: bold;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    box-shadow: none;
    border: 2px solid #a2a2a2;
    font-size: 16px;
    line-height: 1em;
    padding: 12px 24px;
    height: auto;
    background: transparent;
}

#container section.slide-2 .btn:hover {
    background: #cf141c;
    border-color: #cf141c;
    color: #FFF !important;
}

#ukey_hand {
    background: url(../images/ukey_banner_hand.png) no-repeat center top;
    background-size: 100% auto;
    height: 743px;
    max-height: 67vh;
    width: 443px;
    max-width: 36%;
    position: absolute;
    right: 16%;
    bottom: 0;
}


/*** Catalog Page Styels ***/

#catalog .wrapper>.text {
    text-align: left;
    font-size: 14px;
    max-width: 1000px;
    margin: 45px auto;
    color: #000;
}

.product-grid {
    text-align: center;
    margin: 20px 0 100px;
}

.product-grid .row {
    margin-bottom: 20px;
}

.product-grid .product-element {
    display: inline-block;
    vertical-align: top;
    width: 320px;
    height: 100%;
    background: #FFF;
    box-shadow: 0 2px 5px #CCC;
    margin: 10px;
    cursor: pointer;
    position: relative;
}

.product-grid .product-element.wide {
    width: 660px;
}

.product-grid .product-element:hover h3 {
    color: #d71921
}

.product-grid .product-element .image {
    height: 270px;
    position: relative;
    border-bottom: 1px solid #ebebeb;
    overflow: hidden;
}

.product-grid .product-element .image img {
    display: block;
    position: relative;
    top: 50%;
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    max-height: 210px;
    height: auto;
    width: auto;
    max-width: 240px;
}

.product-grid .product-element .image img:hover {
    /*                transform: scale(1.1, 1.1);
                -webkit-transform:translateY(-50%) scale(1.1,1.1);
                -moz-transform:translateY(-50%) scale(1.1, 1.1);
                -o-transform:translateY(-50%) scale(1.1, 1.1);
                -ms-transform:translateY(-50%) scale(1.1, 1.1);
                max-height: 230px;
                max-width: 260px;*/
}

.product-grid .product-element .image .badge {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    top: 40px;
    left: 0;
    padding: 10px 15px 10px 18px;
    -webkit-border-radius: 0;
    -kthml-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    background: #FFF;
}

.product-grid .product-element .text {
    text-align: left;
    padding: 20px;
}

.product-grid .product-element .text h3 {
    font-size: 20px;
    margin: 0 0 8px 0;
}

.product-grid .product-element .text p {
    color: #6b6b6b;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 0;
}

.product-grid .product-element .label-new,
.product-grid .product-element .label-gift,
.product-grid .product-element .label-promo {
    position: absolute;
    background: #d71921;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    left: 0;
    top: 40px;
    padding: 10px 20px;
    font-size: 16px;
    font-family: 'proxima_nova_b', sans-serif;
    font-weight: normal;
    min-width: 112px;
    text-align: center;
}

.product-grid .product-element .label-gift {
    background: #12B020;
    font-size: 12px;
    padding: 6px 20px;
}

.product-grid .product-element .label-new+.label-gift {
    top: 80px;
}

.product-grid .product-element .label-promo {
    background: #3f80f6;
}

.product-grid .product-element .label-promo+.product-grid .product-element .label-new {
    top: 80px;
}

.product-grid .product-element .label-promo+.product-grid .product-element .label-new+.label-gift {
    top: 120px;
}

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

ul.colors-switch li {
    float: left;
    border: 2px solid #EFEFEF;
}

ul.colors-switch li.active {
    border-color: #d71921;
}

ul.colors-switch li+li {
    margin-left: 10px;
}

ul.colors-switch li>span {
    height: 28px;
    width: 28px;
    display: block;
    cursor: pointer;
}

.product-element ul.colors-switch {
    position: absolute;
    right: 20px;
    bottom: 10px;
}

.product-element ul.colors-switch li a {
    height: 19px;
    width: 19px;
}


/*** End of Catalog Page Styels ***/


/*** Product Page styles ***/

.product-nav-btn-wrap {
    float: right;
    width: 160px;
}

.product-nav-btn-wrap+.product-nav-nav-wrap {
    margin-right: 160px;
}

.product #container>section {
    height: auto;
    min-height: inherit;
}

.product .inner-slide {
    height: auto;
    min-height: inherit;
}

.product section .wrapper>h1 {
    margin-top: 55px;
    margin-bottom: 30px;
}

#container #product_description {
    background: url(../images/p_info_bg.png) repeat left bottom #325265;
    min-height: 560px;
    color: #FFF;
    font-family: 'proxima_nova_r', sans-serif;
}

#product_description h1,
#product_description h2 {
    font-size: 30px;
    line-height: 1em;
    text-transform: uppercase;
}

#product_description h1 {
    color: #e0dfdf;
    margin: 120px 0 8px 0;
    font-family: 'proxima_nova_r', sans-serif;
    font-size: 16px;
}

#product_description h2 {
    margin: 0 0 18px 0;
    font-family: 'proxima_nova_r', sans-serif;
}

#product_description .text {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 30px;
    font-family: 'proxima_nova_l', sans-serif;
}

#product_description .where-to-buy {
    margin-bottom: 10px;
}

#product_colors {
    margin-bottom: 30px;
}

#product_colors .colors-switch {
    margin: 5px 0;
}

#stock_status span {
    display: inline-block;
    margin-right: 10px;
    margin-top: -4px;
    height: 14px;
    width: 14px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle;
}

#stock_status>div {
    margin-top: 8px;
    overflow: hidden;
}

.price {
    color: #FFF;
    font-size: 30px;
}

.price_vat {
    font-size: 14px;
    display: block;
    margin-top: -5px;
}

#product_description .price-row {
    margin-bottom: 8px;
    padding-left: 10px;
}

#product_image {
    position: relative;
    height: 550px;
    overflow: hidden;
}

#product_image img {
    display: block;
    position: relative;
    max-height: 475px;
    max-width: 100%;
    height: auto;
    width: auto;
    top: 50%;
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#product_description.dark-font h1 {
    color: #737373;
}

#container #product_description.dark-font,
#product_description.dark-font .text,
#product_description.dark-font .price {
    color: #000;
}

.product-download-apps {
    font-size: 18px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.product-download-apps p {
    margin-bottom: 10px;
    font-family: 'proxima_nova_b';
}

.product-download-apps .buttons a {
    -webkit-transition: all 0.5s ease !important;
    -moz-transition: all 0.5s ease !important;
    -ms-transition: all 0.5s ease !important;
    transition: all 0.5s ease !important;
    display: inline-block;
    border-radius: 8px;
}

.product-download-apps .buttons a:hover {
    box-shadow: 0 0 10px #FFF;
}

.product-download-apps .buttons a+a {
    margin-left: 8px;
}


/** Product additional info carousel style **/


/*
#add-info-carousel .item{
    min-height: 440px;
    height: 1px;
    overflow: hidden;
}
#add-info-carousel .item > div ,#add-info-carousel .item > img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
    #add-info-carousel .item > div {
        margin-right: 415px;
        margin-left: 40px;
    }
    #add-info-carousel .item > img {
        float: right;
        max-width: 282px;
    }
    #add-info-carousel .item h3 {
        margin: 0 auto 15px;
        font-size: 30px;
    }
    #add-info-carousel .text{
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 20px;
        font-family: 'proxima_nova_l', sans-serif
    }

#add-info-carousel .carousel-control {
    display: none;
}
#add-info-carousel:hover .carousel-control{
    display: block;
}
*/

#additional_info {
    background: #FFF;
    padding: 0;
}

#additional_info .row>div {
    padding: 50px 80px 60px;
}

#additional_info .full-width {
    height: 100%;
    position: absolute;
    left: 50%;
    background-position: left 20px;
    background-repeat: no-repeat;
}

#additional_info h3 {
    margin: 0 0 25px 0;
    font-family: 'proxima_nova_b';
    font-size: 20px;
    line-height: 29px;
    color: #1a1a1a;
}

#additional_info .text {
    color: #1a1a1a;
    line-height: 29px;
    font-size: 16px;
}

#additional_info .text .continue {
    display: none;
}

#additional_info .read-more {
    display: block;
    font-size: 14px;
    font-weight: bold;
}

#additional_info .btn-review {
    margin-top: 30px;
}


/** Gallery styles**/

#container #gallery {
    background: #eaeaea;
    min-height: 700px;
    position: relative;
}

.inner-container {
    position: relative;
    min-height: 440px;
    height: 1px;
}

#gallery .title,
#specifications .title,
#container #downloads .title,
#a .title {
    font-family: 'proxima_nova_b', sans-serif;
    font-size: 20px;
    color: #000;
}

#gallery .controls {
    margin-bottom: 45px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

#gallery .controls li {
    border: none !important;
    margin: 0 20px;
}

#gallery .controls li a {
    padding: 0;
    height: auto;
    line-height: 16px;
    font-size: 16px;
    color: #1f2229;
    background: transparent;
}

#gallery .controls li.active a,
#gallery .controls li a:hover {
    background: transparent;
    color: #d71921 !important;
}

#gallery #interface-carousel img,
#project_gallery #project-carousel img {
    max-width: 100%;
    width: auto;
}

#gallery iframe {
    border: 1px solid #363636;
    max-width: 90%;
}


/** Specifications **/

#container #specifications {
    background: #FFF;
    padding-bottom: 70px;
    color: #000;
}

#container #specifications .title {
    margin-bottom: 68px;
}

#spec_wrap {
    text-align: left;
    margin: 40px 0 0;
}

.panel-spec {
    display: none;
    transition: all 5s ease 0s;
    font-size: 16px;
    margin-bottom: 40px;
    line-height: 26px;
    color: #484747;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel-spec .panel-heading {
    background: transparent url(../images/i/i-cog-grey.png) no-repeat left 4px;
    color: #484747;
    text-transform: uppercase;
    padding: 0 0 10px 30px;
    font-size: 20px;
    border-color: #d4d6da;
}

.panel-spec.i-link .panel-heading {
    background-image: url(../images/i/i-link-grey.png);
}

.panel-spec.i-th .panel-heading {
    background-image: url(../images/i/i-th-grey.png);
}

.panel-spec .panel-body {
    padding: 30px 0 0;
}

.panel-spec.general {
    display: block;
}

.panel-spec b {
    display: block;
    color: #000;
}

.panel-spec .item {
    margin-bottom: 28px;
}

#spec_wrap.open .panel-spec {
    display: block;
}

#specifications .view-all {
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #FFF;
    border: 1px solid #e9e9e9;
    cursor: pointer;
    margin: 40px 0 0;
    color: #363636;
}

#specifications .view-all:hover span {
    color: #d01a23;
}

#specifications .view-all:hover .t:before {
    border-color: #d01a23;
    color: #FFF;
    background-color: #d01a23;
}

#specifications .view-all .t:before {
    display: inline-block;
    content: "+";
    vertical-align: middle;
    font-style: normal;
    height: 28px;
    width: 28px;
    line-height: 25px;
    border: 2px solid #a4a4a4;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    box-sizing: border-box;
    color: #d01a23;
    font-size: 22px;
    font-family: Arial, sans-serif;
    margin-right: 10px;
}

#spec_wrap.open .view-all .t:before {
    content: '‒';
    line-height: 22px;
}


/** Downloads **/

#container #downloads {
    padding: 10px 0 75px;
    background: #FFF;
}

#downloads h1 {
    color: #282e3d;
}

.download-link {
    text-align: left;
    margin-bottom: 40px;
}

.download-link .image {
    margin: 0 0 20px 0;
    float: left;
}

.download-link .image i {
    background: url(../images/i/download-icons-grey.png) no-repeat 0 0;
    display: block;
    height: 32px;
    width: 24px;
    margin-left: auto;
    margin-right: auto;
}

.download-link span {
    display: block;
    font-family: 'proxima_nova_b', sans-serif;
    color: #000000;
    font-size: 16px;
    line-height: 1.2em;
    margin-left: 40px;
}

.download-link a:hover span {
    color: #d4171f;
}

.download-link .image.dowload-link-soft i,
.download-link .image.dowload-link-scheme i {
    background-position: -24px 0;
}

.download-link .image.dowload-link-center i {
    background-position: -48px 0;
}


/*** End of Product Page styles ***/


/*** Download Center Page styles ***/

body.download-center #container section {
    height: auto;
    min-height: inherit;
}

body.download-center .navbar-collapse,
body.project .navbar-collapse,
body.archive .navbar-collapse,
body.page .navbar-collapse,
body.contacts .navbar-collapse,
body.service-center .navbar-collapse,
body.videos .navbar-collapse,
body.support .navbar-collapse,
body.about .navbar-collapse,
body.news .navbar-collapse {
    padding-left: 0;
}

body.download-center .navbar-collapse .navbar-nav li:first-child a,
body.service-center .navbar-collapse .navbar-nav li:first-child a,
body.archive .navbar-collapse .navbar-nav li:first-child a,
body.contacts .navbar-collapse .navbar-nav li:first-child a,
body.videos .navbar-collapse .navbar-nav li:first-child a,
body.page .navbar-collapse .navbar-nav li:first-child a,
body.support .navbar-collapse .navbar-nav li:first-child a,
body.about .navbar-collapse .navbar-nav li:first-child a,
body.news .navbar-collapse .navbar-nav li:first-child a {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

section#downloads_buttons {
    padding: 24px 0;
    background: #bac3cc;
}

section#downloads_buttons .btn-rect+.btn-rect {
    margin-left: 15px;
}

section#downloads_links {
    background: #FFF;
    padding: 32px 0 74px;
    font-size: 14px;
}

section#downloads_links .wrapper>.row {
    overflow: hidden;
}

section#downloads_links a {
    color: #2d8ad5;
}

section#downloads_links .wrapper.container>.row>.col-md-4 {
    padding: 9999em 15px;
    margin: -9999em auto;
    border-right: 1px solid #eaeaea;
}

section#downloads_links .product-header {
    margin-bottom: 10px;
}

section#downloads_links .product-header h1 {
    margin: 0 0 18px 0;
    font-size: 30px;
    line-height: 1em;
}

section#downloads_links .product-header a {
    display: block;
    margin-bottom: 26px;
}

section#downloads_links .download-section {
    padding: 25px 0 25px 60px;
    border-bottom: 1px solid #eaeaea;
    background: url(../images/i/i-manual.png) no-repeat 0 25px;
}

section#downloads_links .download-section.schemes {
    background: url(../images/i/i-link.png) no-repeat 0 25px;
}

section#downloads_links .download-section.soft {
    background: url(../images/i/i-soft.png) no-repeat 0 25px;
}

section#downloads_links .download-section p {
    margin-bottom: 0;
}

section#downloads_links h2 {
    font-size: 18px;
    text-transform: uppercase;
    color: #000;
    margin: 0 0 20px 0;
}

section#downloads_links .product-header,
section#downloads_links .download-section {
    margin-left: 5px;
}

ul.downloads-products-list {
    list-style: none;
    margin: 0 20px 0 0;
    padding: 0;
    font-size: 18px;
    line-height: 35px;
}

ul.downloads-products-list a,
ul.downloads-products-list a:visited {
    color: #1f2229 !important;
}

ul.downloads-products-list a:hover,
ul.downloads-products-list li.active a {
    color: #d71921 !important;
}

ul.downloads-products-list li.header {
    color: #5f5f5f !important;
    font-family: 'proxima_nova_b', sans-serif;
    font-size: 18px;
}

ul.downloads-products-list li+li.header {
    margin-top: 20px;
    padding-top: 20px;
    margin-bottom: 10px;
    border-top: 1px solid #eaeaea;
}

.icon-files {
    background-image: url(../images/i/i-files.png);
}

.icon-tag {
    background-image: url(../images/i/i-tag.png);
}


/**NEW styles **/

section#downloads_links .wrapper.container>.row>.col-md-3 {
    padding: 9999em 15px;
    margin: -9999em auto;
    border-right: 1px solid #eaeaea;
}

.download-center #downloads_links h1 {
    margin-top: 0;
    margin-bottom: 30px;
}

section#downloads_links .nav>li>a {
    color: #000;
    font-size: 17px;
    padding: 0 10px 15px 0;
}

section#downloads_links .nav>li>a:hover,
section#downloads_links .nav>li>a:focus {
    background: transparent;
}

section#downloads_links .link {
    font-size: 15px;
}

section#downloads_links .link+div.text {
    padding-left: 20px !important;
}

.link+.link,
.text+.link {
    margin-top: 15px;
}

ul.dc-section {
    list-style: none;
    margin: 0 0 50px 0;
    padding: 0;
}

ul.dc-section li b {
    font-size: 17px;
    text-transform: none;
}

ul.dc-section li {
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 20px;
}


/*** End of Download Center Page styles ***/


/*** Solutions Catalog Page styles ***/

.solutions-category {
    color: #000;
    text-align: center;
}

.solutions-category h1 {
    font-size: 30px;
    line-height: 1em;
    text-transform: uppercase;
    margin: 50px 0 25px 0;
}

.solutions-category>.text {
    font-size: 20px;
    max-width: 860px;
    margin: 0 auto 40px;
}

.product-grid.projects {
    margin-bottom: 55px;
}

.product-grid.projects .image img,
.product-grid.projects .image img:hover {
    width: 100%;
    -moz-transform: none !important;
    -o-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    position: static;
    max-height: inherit;
    max-width: inherit;
}


/*** End of Solutions Catalog Page styles ***/


/*** Project Page styles ***/

#project_description {
    background: url(../images/p_info_bg.png) repeat-x left bottom #353b47;
    color: #FFF;
    font-family: 'proxima_nova_l', 'proxima_nova_r', sans-serif;
    padding: 35px 0;
}

#project_image {
    float: left;
    margin: 0 25px 0px 0;
}

#project_description h1,
#project_description h2 {
    font-size: 30px;
    line-height: 1em;
}

#project_description h1 {
    font-family: 'proxima_nova_r', sans-serif;
    margin-top: 25px;
    margin-bottom: 10px;
}

#project_description h2 {
    margin-bottom: 25px;
}

#project_description h3 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 45px;
}

#project_description h3.project-contractor {
    margin-bottom: 20px;
    margin-top: -20px;
}

#project_description div.text {
    font-size: 18px;
    line-height: 26px;
}

#project_solutions,
#a {
    padding: 40px 0 30px;
    text-align: center
}

#project_solutions h1,
#a h1 {
    font-size: 30px;
    line-height: 1em;
    text-transform: uppercase;
    margin: 0 0 20px 0
}

#project_solutions .product-grid,
#a .product-grid {
    margin-bottom: 0
}

#project_gallery {
    padding: 50px 0 60px;
    background: #FFF;
}


/*** End of Project Page styles ***/


/*** Service Center Page styles ***/

#service_center .entry-content {
    color: #212121;
    font-size: 16px;
    line-height: 26px;
}

#service_center #map {
    height: 400px;
    margin-top: 25px;
    margin-bottom: 110px;
}


/*** End of Service Center Page styles ***/


/*** Contacts Page styles ***/

body.contacts #container section {
    font-size: 16px;
    line-height: 24px;
}

body.contacts #container section a,
body.contacts #container section a:visited {
    color: #d71921;
}

body.contacts #container section a:hover {
    color: #333;
}

#contacts_header {
    background: rgb(165, 176, 188);
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjYTViMGJjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2QzZDhkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(45deg, rgba(165, 176, 188, 1) 1%, rgba(211, 216, 222, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(1%, rgba(165, 176, 188, 1)), color-stop(100%, rgba(211, 216, 222, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg, rgba(165, 176, 188, 1) 1%, rgba(211, 216, 222, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg, rgba(165, 176, 188, 1) 1%, rgba(211, 216, 222, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg, rgba(165, 176, 188, 1) 1%, rgba(211, 216, 222, 1) 100%);
    /* IE10+ */
    background: linear-gradient(45deg, rgba(165, 176, 188, 1) 1%, rgba(211, 216, 222, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a5b0bc', endColorstr='#d3d8de', GradientType=1);
    /* IE6-8 fallback on horizontal gradient */
    padding: 30px 0;
    color: #000;
}

body.contacts #container section h2,
body.contacts #container section h1 {
    font-size: 30px;
    margin: 0 0 45px 0;
}

#contacts_header h1 {
    margin-bottom: 30px !important;
}

#contacts_list {
    padding: 30px 0 70px;
    color: #212121;
}

#contacts_list .contact-element+h2 {
    margin-top: 40px !important;
    margin-bottom: 25px !important;
}

#contacts_list .contact-element {
    border-bottom: 1px solid #eaeaea;
    padding: 30px 0 35px;
}

#contacts_list .contact-element.open {
    border-bottom: none;
}

#contacts_list .contact-element p {
    margin: 0;
    padding: 0;
}

#contacts_list .map-wrap {
    margin-top: 25px;
    display: none;
}

#contacts_list .contact-element .contact-map,
body.contacts.new-design .contact-map {
    height: 400px;
}


/*** New design elements ***/

.contacts #container section {
    min-height: inherit;
    overflow: visible;
}

.locations-list {
    margin: 20px 0;
    list-style: none;
    padding: 0;
    margin: 0;
}

.locations-list li {
    margin: 15px 0;
}

.locations-list li.all-city a {
    font-weight: bold;
    text-decoration: underline !important;
}

body.contacts #container .locations-list li a,
.locations-list li a:visited {
    color: #000;
}

body.contacts #container .locations-list li a:hover,
body.contacts #container .locations-list li.active a {
    color: #d71921;
}

.contacts-filter {
    overflow: hidden;
    margin: 20px 0 35px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eaeaea;
}

.contacts-filter>div {
    float: left;
    margin-right: 30px;
}

.contacts-filter label {
    display: inline-block;
    margin: 0;
    font-weight: normal;
    padding-left: 50px;
    background: url(../images/i/contact-filters-icons.png) no-repeat 0 5px;
    cursor: pointer;
    line-height: 1.2em;
}

.contacts-filter input[type="checkbox"]+label {
    margin-left: 20px;
}

.contacts-filter input[type="checkbox"]+label:before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: -20px;
    margin-top: -6px;
    height: 12px;
    width: 12px;
    background: url(../images/checkboxes.png) no-repeat 0 0;
}

.contacts-filter input[type="checkbox"]:checked+label:before {
    background-position: 0 -12px;
}

.contacts-filter input[type="checkbox"]:checked+label.demo {
    background-position: 0 -35px !important;
}

.contacts-filter label.service {
    background-position: 1px -76px;
}

.contacts-filter input[type="checkbox"]:checked+label.service {
    background-position: 0 -116px;
}

.contacts-filter label.installation {
    background-position: 2px -156px;
}

.contacts-filter input[type="checkbox"]:checked+label.installation {
    background-position: 2px -196px;
}

.contacts-filter label.warehouse {
    background-position: 2px -233px;
}

.contacts-filter input[type="checkbox"]:checked+label.warehouse {
    background-position: 2px -273px;
}

.contacts-filter input[type="checkbox"] {
    vertical-align: top;
    display: none;
}

.contact-category {
    margin: 30px 0;
}

.contact-category .contact-element {
    display: none;
}

.contact-category.filter_all .contact-element,
.contact-category .contact-element.show-contact {
    display: block;
}

body.contacts.new-design #contacts_list .map-wrap {
    display: block;
}

.contact-title {
    font-weight: bold;
}

ul.contact-features {
    margin: 30px 0;
    list-style: none;
    padding: 0;
    overflow: hidden;
}

ul.contact-features li {
    display: block;
    background: url(../images/i/contact-filters-icons.png) no-repeat 0 0;
    height: 31px;
    width: 38px;
    float: left;
    margin-right: 20px;
}

ul.contact-features li.demo {
    background-position: 0 -39px;
}

ul.contact-features li.service {
    background-position: 0 -120px;
}

ul.contact-features li.installation {
    background-position: 0 -200px;
}

ul.contact-features li.warehouse {
    background-position: 0 -278px;
}

.baloon-title {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
    color: #d71921;
}


/*** End of Contacts Page styles ***/


/*** Video Reviews Page styles ***/

#video_reviews {
    padding-bottom: 60px;
}

.video-row {
    padding: 25px 0;
    margin-left: 0;
}

.video-row.first {
    padding-top: 0;
}

.video-row+.video-row {
    border-top: 1px solid #eaeaea;
}

.video-row h2 {
    font-size: 20px;
    line-height: 18px;
    margin: 0 0 15px 0;
}

.video-row .text {
    font-size: 14px;
    line-height: 21px;
    color: #6b6b6b;
}

.video-row a,
.video-row a:visited {
    color: #57a3e1;
}

.video-row>div:first-child {
    padding-left: 0;
}

.video-row h3 {
    font-size: 18px;
    line-height: 18px;
    margin: 0 0 15px 0;
}


/*** End of Video Reviews Page styles ***/


/*** Support Page styles ***/

.support #container {
    font-size: 14px;
}

.support #container a {
    color: #57a3e1;
}

.support .sidebar {
    line-height: 22px;
    color: #6b6b6b;
    padding: 0 25px;
}

.sidebar span {
    font-size: 20px !important;
}

.sidebar .page-header {
    margin-bottom: 12px;
    margin-top: 27px;
}

.support div h2:first-child {
    margin-top: 0px;
}

.support #video_reviews {
    padding-top: 45px;
}

.support #video_reviews .border-right .video-row {
    margin-right: 10px;
}

.support #video_reviews .border-right .video-row .col-md-4 {
    padding-left: 0;
}

.support #map {
    height: 140px;
    margin: 18px 0;
    -webkit-box-shadow: 0 1px 2px #CCC;
    -moz-box-shadow: 0 1px 2px #CCC;
    box-shadow: 0 1px 2px #CCC;
}

#support_features {
    padding: 50px;
    text-align: center;
}

.feature {
    cursor: pointer;
}

.feature .text {
    padding: 0 20px;
    color: #6b6b6b;
}

.feature h3 {
    color: #1b1b1b;
    padding: 35px 0 10px;
    margin: 0;
    font-size: 20px;
}

.feature:hover h3 {
    color: #d71921;
}

.feature .image {
    margin: 0 auto;
    width: 84px;
    height: 84px;
    background: url(../images/i/support_features_icons.png) no-repeat 0 0;
}

.feature:hover .image.feature-download {
    background-position: 0 -84px;
}

.feature .image.feature-faq {
    background-position: -101px 0;
}

.feature:hover .image.feature-faq {
    background-position: -101px -84px;
}

.feature .image.feature-contacts {
    background-position: -201px 0;
}

.feature:hover .image.feature-contacts {
    background-position: -201px -84px;
}

#support_banner {
    background: rgb(48, 48, 48);
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwMzAzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyODI4MjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(48, 48, 48, 1) 0%, rgba(40, 40, 40, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(48, 48, 48, 1)), color-stop(100%, rgba(40, 40, 40, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(48, 48, 48, 1) 0%, rgba(40, 40, 40, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(48, 48, 48, 1) 0%, rgba(40, 40, 40, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(48, 48, 48, 1) 0%, rgba(40, 40, 40, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(48, 48, 48, 1) 0%, rgba(40, 40, 40, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#282828', GradientType=0);
    /* IE6-8 */
    font-family: 'proxima_nova_l', 'proxima_nova_r', sans-serif;
    color: #e5e5e5;
    font-size: 20px;
    line-height: 26px;
    height: 430px !important;
    max-height: 430px;
    min-height: inherit !important;
}

#support_banner .wrapper {
    position: relative;
}

#support_banner h1 {
    font-size: 30px;
    text-transform: uppercase;
    margin: 90px 0 30px;
}


/*** End of Support Page styles ***/


/*** About Page styles ***/

#about_banner {
    height: 430px !important;
    background: #d71921;
    color: #FFF;
    font-size: 20px;
    line-height: 26px;
}

#about_banner .wrapper {
    position: relative;
}

#about_banner h1 {
    font-size: 30px;
    margin: 80px 0 20px;
}


/*** End of About Page styles ***/


/*** News page styles ***/

#news {
    padding: 45px 0;
}

#news h2.page-header {
    margin-top: 0px;
    margin-bottom: 20px;
}

ul.archive-year-list,
ul.archive-month-list {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

ul.archive-year-list a,
ul.archive-month-list a {
    font-size: 16px;
    line-height: 28px;
    color: #929292;
}

ul.archive-year-list li.active a,
ul.archive-month-list li.active a {
    color: #252122;
}

ul.archive-month-list li {
    float: left;
    margin-right: 15px;
}

ul.archive-month-list {
    max-width: 575px;
    margin-bottom: 15px;
}

.mobile-years-archive {
    padding: 15px 0;
}

.mobile-years-archive ul.archive-year-list li {
    float: none;
    display: inline !important;
    padding-left: 10px;
}

.mobile-years-archive ul.archive-year-list li:first-child {
    padding-left: inherit;
}

.news-list .image+.nl-element-content {
    margin-left: 255px;
}

.nl-element {
    padding: 15px 0 15px;
    border-bottom: 1px solid #e5e5e5;
    margin-right: 20px;
    font-size: 14px;
}

.nl-element:first-child {
    border-top: 1px solid #e5e5e5;
}

.nl-element.single {
    border: none;
    padding-top: 0;
}

.nl-element .date {
    color: #8f8f8f;
    font-size: 16px;
    margin-bottom: 10px;
}

.nl-element h3 {
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.nl-element h3 a {
    color: #000000;
}

.nl-element .short-content {
    color: #404040;
    line-height: 22px;
}

.nl-element p {
    margin-bottom: 0;
}

.nl-element .more,
.nl-element .more:visited {
    color: #e31a23;
}

.nl-element img {
    max-width: 100%;
    height: auto;
}

.nl-element .content {
    font-size: 16px;
    line-height: 24px;
}

.nl-element .image+.content {
    margin-top: 20px;
}

.nl-element .image img {
    max-height: 250px;
    width: auto;
}

.nl-element .content p {
    margin-bottom: 25px;
}

.nl-element .links {
    margin: 15px 0;
}

.nl-element .links .like {
    color: #FFF;
    width: 140px;
    height: 29px;
    position: relative;
    display: inline-block;
    margin-right: 10px;
    background: url(../images/share_btns.png) no-repeat 0 0;
}

.nl-element .links .like:hover {
    -moz-box-shadow: 0 0 2px #999;
    -webkit-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
}

.nl-element .links .like.l-vk {
    background-position: 0 -29px;
}

.nl-element .links .like.l-gp {
    background-position: 0 -58px;
}

.nl-element .links .like .l-ico {
    display: block;
    height: 100%;
}

.nl-element .links .like .l-count {
    position: absolute;
    right: 5px;
    top: 5px;
}

#news .pagination {
    margin-right: 20px;
}


/*** End of News Page styles ***/

.row.faq h3 {
    cursor: pointer;
}

.row.faq .text {
    padding-top: 10px;
}

.row.faq {
    padding: 10px 0 !important;
}

.row.faq h3 {
    margin-bottom: 0;
}

ul.faq-cat-list {
    list-style: none;
    padding: 10px 0;
}

.faq-cat-list a {
    color: #d71921 !important;
    font-size: 18px;
    line-height: 28px;
}

.faq-cat-list a:hover {
    color: #333 !important;
}


/*** Faq Page styles ***/


/*** End of Faq Page styles ***/


/*** 404 Page Styles ***/

#container-404 {
    min-height: 570px !important;
    height: 1px !important;
    padding: 1px 0;
    background: url(../images/bg-circles.png) no-repeat center center;
    position: relative;
}

#container-404,
#container-404 h1,
#container-404 h2 {
    color: #3f3a3a;
}

#container-404>div {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#container-404 h1 {
    font-size: 30px;
    margin-top: 45px;
}

#container-404 h2 {
    font-size: 40px;
    text-transform: uppercase;
    font-family: "proxima_nova_b", sans-serif;
    margin: 24px 0 15px;
    letter-spacing: 1px;
}

#container-404 p {
    margin: 20px 0 30px;
}


/*** End of 404 Page styles ***/


/*** Certificates Page Styles ***/

.certificates-catalog .product-grid {
    margin-bottom: 60px;
    max-width: 1010px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.certificates-catalog .product-grid .product-element .text h3 {
    font-size: 16px;
}

.certificates-category h1 {
    text-align: center;
    font-weight: bold;
    color: #000;
    font-size: 20px;
    margin: 50px 0 25px;
    text-transform: uppercase;
}

.certificates-catalog #page_nav.navbar .current-page-ancestor a {
    color: #FFF !important;
    border-bottom: 2px solid #231f20 !important;
}

.certificates-catalog #page_nav.navbar .current-page-ancestor a:hover {
    color: #d71921 !important;
}


/*** End of Certificates page styles ***/


/*** Search Page Styles ***/

#search_results {
    padding-bottom: 30px;
}

#search_results .page-header {
    margin-bottom: 20px !important;
}

#search_results .sidebar {
    font-size: 16px;
}

#search_results .sidebar .page-header {
    margin-top: 24px;
}

#search_results .content {
    font-size: 16px;
}

#search_results .content ul {
    padding-left: 1em;
}

#search_results .content ul.results-count {
    padding-left: 0;
    margin: 5px 0 20px;
}

#search_results .content ul.results-count li {
    margin-right: 20px;
    padding: 0;
}

#search_results .content ul.results-count li a {
    color: #6d6d6d;
}

#search_results .content ul.results-count li.active a {
    font-weight: bold;
    color: #000;
}

#search_results .search-section {
    max-width: 655px;
}

h3.search-section-title {
    font-family: 'proxima_nova_b', sans-serif;
    color: #000;
    font-size: 21px;
    margin-top: 40px;
    margin-bottom: 20px;
}

#search_results .search-section .all-results {
    margin-top: 20px;
}

#search_results .search-section .all-results a {
    color: #e31a23 !important;
    font-weight: bold;
    font-size: 16px;
}

#search_results .product-grid {
    margin-bottom: 0;
}

#search_results .product-grid .row {
    margin-bottom: 10px;
}

#search_results .product-grid .product-element {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #e8e8e8;
    float: left;
    margin-top: 0;
}

#search_results .nl-element {
    margin-right: 0;
}


/*** End of Search  Page styles ***/


/*** Common Pages Styles ***/

.page-header {
    font-size: 30px;
    line-height: 30px;
    color: #000;
    padding: 0;
    margin: 50px 0 30px;
    border: none;
}

.standalone {
    background: #FFF;
}

.border-left {
    border-left: 1px solid #eaeaea;
}

.border-right {
    border-right: 1px solid #eaeaea;
}

.valign-middle {
    display: block;
    position: relative;
    height: auto;
    width: auto;
    top: 50%;
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.entry-content {
    padding: 30px 0;
    font-size: 16px;
    line-height: 22px;
    color: #474747;
}

.entry-content p {
    margin-bottom: 25px;
}

.entry-content h3 {
    font-size: 22px;
    margin: 20px 0;
}

.content-feature-list {
    padding: 25px 0;
}

.content-feature-list a+p {
    margin-top: 30px;
    font-size: 20px;
    color: #1b1b1b;
}

.content-feature-list img:hover {
    background: #d71921;
}

.pagination {
    margin: 20px 0;
    border: none;
}

.pagination li {
    margin-left: 5px;
    display: block;
    float: left;
}

.pagination li.pagination-prev {
    margin-left: 0;
    margin-right: 30px;
}

.pagination li.pagination-next {
    margin-left: 30px;
}

.pagination li.pagination-prev a,
.pagination li.pagination-next a {
    width: auto;
}

.pagination li a {
    font-size: 15px;
    color: #848484 !important;
    padding: 0;
    margin: 0;
    display: block;
    border: none !important;
    background: none !important;
    text-align: center;
    width: 25px;
    height: 25px;
    line-height: 25px;
}

.pagination li a:hover {
    color: #d71921 !important;
}

.pagination li.active a {
    color: #FFF !important;
    background: #d71921 !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.widget-wrap {
    border-top: 1px solid #eaeaea;
    padding-top: 25px;
}

.text.seo .short {
    position: relative;
}

.text.seo .short::before {
    background: -moz-linear-gradient(top, rgba(234, 234, 234, 0) 0%, rgba(234, 234, 234, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(234, 234, 234, 0) 0%, rgba(234, 234, 234, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(234, 234, 234, 0) 0%, rgba(234, 234, 234, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00eaeaea', endColorstr='#a6eaeaea', GradientType=0);
    /* IE6-9 */
    bottom: 0;
    content: "";
    display: block;
    height: 6em;
    left: 0;
    position: absolute;
    right: 0;
}

.text.seo .short.open {
    height: auto;
    overflow: visible;
}

.text.seo .short.open::before {
    display: none;
}

.text.seo .continue+.read-more {
    margin-top: 8px;
    display: block;
    font-weight: bold;
}

#downloads_links .text.seo {
    margin-top: 60px;
}

#downloads_links .text.seo .short::before {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00FFFFFF', endColorstr='#a6FFFFFF', GradientType=0);
    /* IE6-9 */
}


/*** breadcrumbs ***/

#breadcrumbs {
    border-bottom: 1px solid #d4d6da;
}

.breadcrumbs {
    padding: 15px 15px;
}

.breadcrumbs>span {
    padding-right: 10px !important;
    margin-left: 10px;
}

.breadcrumbs>span:first-child {
    margin-left: 0;
}

#breadcrumbs,
#breadcrumbs a {
    color: #919191;
    font-size: 14px;
}

#breadcrumbs span>span {
    color: #000;
}


/*** End of Common Pages Styles ***/


/*** Forms ***/

.form-control {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-color: #dcdcdc;
}

input.form-control[type="text"],
input.form-control[type="email"],
input.form-control[type="password"] {
    height: 42px;
    line-height: 42px;
}

.remark {
    font-size: 14px;
    color: #919191;
}

.file-input-wrapper {
    width: 100%;
    border: 1px dashed #dedede;
    padding: 20px;
    text-align: center;
    display: block;
    color: #2d8ad5;
    font-size: 16px;
}

.file-input-wrapper:hover {
    background-color: #F1F1F1;
}

.file-input-wrapper span {
    position: relative;
}

.file-input-wrapper span:before {
    display: block;
    position: absolute;
    content: ' ';
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAVCAYAAABc6S4mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNUQ5MkU5Njg1QzExRTZBNzJGQjlDMDFCQUQ0RjIwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNUQ5MkVBNjg1QzExRTZBNzJGQjlDMDFCQUQ0RjIwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0I1RDkyRTc2ODVDMTFFNkE3MkZCOUMwMUJBRDRGMjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0I1RDkyRTg2ODVDMTFFNkE3MkZCOUMwMUJBRDRGMjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6U5OFMAAACU0lEQVR42pyVcWTUYRjHr99OLDGOiGP0R//sj5HNiI3TNBczNk1ZSrMsEWUTpb9ilCXG/XUzNqO5lLlmMcURMaXj/opjjNMxHSNiNqLvw+fH4+fanXv5uHO/3/t5nvd9nve9E/l8Ptbi6BMz4pI4I36Lz2JRfAhfCloQt4lX4qu4JhKiKE6KEbEp1kV7KwFMvkrme+KGiItecUoMih0xKnIxHjY7LMPX4qooiSFRi7xTEN2szlYzGrQoH3TyZOTdAzHL96mgSflb5EXk++KxOBQ/xXfR6eZ84p2+RgGsUO9Z7raTz4vn4g9Be8RyZK51VUe8gdy6IY38CpMWxANRESmxyyr63dwEK9qNHyPfpMe/ILdsM+J+RH6bOpTc/Gk6bqveFp0WH5EX6BaTZ5GbdIDPabbGnt9h/mXxjGK/CP4j70c+zItZZDvIKwTLsm1D1CJNzawxJkXVB+hAftGWhvyIDE1eZluq1CDj5NvI1538jT9oCeQ93CNj4i/ym+IHHWSn9xFdtO8yH6GVbd9viTV/F7VRUJNvOPmqk6eQP0VeI2CR8xHKr3t5GGCGbbHMx9kWk0/QGSmEc1Aj8xLyHC6Tv4t2jAW4RyEnkYdX8Td3JcyR/R4BSySQY7Xj9eRhDZJ0hb+4zrvv8+x7KC/T+0skNEZT1B0B8nPibJ3nGeRVJ5+i+Ed02tZxd40FWKFAOf6ZwvOw5E7tAPI0vx8gLzS6KW2LXnKwbPIvuqaL52UKWnF/ONY5D7lCGo6Apdpdc5dJSSRPxAUnj9Fpvc3KbfwTYAAy2KpaE/UIWgAAAABJRU5ErkJggg==');
    height: 21px;
    width: 24px;
    left: -30px;
    top: -3px;
}


/**** FAQ form ****/

#faq-form {
    max-width: 470px;
}

#faq-form label {
    font-size: 16px;
}

#faq-form .buttons {
    margin-top: 40px;
}

.wpcf7-form-control-wrap.files {
    display: block;
}

p.files {
    margin-top: 30px;
}


/*** Buttons ***/


/** General buttons **/

.btn {
    font-size: 16px;
    font-family: 'proxima_nova_r', sans-serif;
    color: #000;
    -moz-box-shadow: 0 2px 3px #000;
    -webkit-box-shadow: 0 2px 3px #000;
    box-shadow: 0 2px 3px #000;
    display: inline-block;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    min-width: 130px;
    text-transform: uppercase;
    border: none;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    border-radius: 30px;
    background: #FFF;
    outline: none;
}

.btn:hover {
    background: #FFF;
    color: #d71921;
}

.navbar .btn {
    height: 30px;
    line-height: 30px;
}

.btn.btn-download {
    min-width: 235px;
    -webkit-box-shadow: 0;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 40px;
    line-height: 40px;
    background: #d71921;
    color: #FFF;
    font-size: 18px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn.btn-download:hover {
    color: #FFF !important;
    background: #363636;
}

.btn-rect {
    font-family: 'proxima_nova_r', sans-serif;
    font-size: 16px;
    color: #000;
    background: #FFF;
    -moz-box-shadow: 1px 1px 2px #888;
    -webkit-box-shadow: 1px 1px 2px #888;
    box-shadow: 1px 1px 2px #888;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0 25px 0 20px;
}

.btn-rect i.icon {
    color: #d4171f;
    display: inline-block;
    vertical-align: middle;
    height: 16px;
    width: 16px;
    background-position: center center;
    background-repeat: no-repeat;
    margin-right: 10px;
}

.btn-grey {
    background: #eaeaea;
}

.btn.btn-danger {
    color: #FFF;
    background-color: #d71921;
    -moz-box-shadow: 0 1px 2px #777;
    -webkit-box-shadow: 0 1px 2px #777;
    box-shadow: 0 1px 2px #777;
}

.btn.btn-danger:hover {
    background-color: #1d1d1d;
}

.btn.btn-popup {
    box-shadow: none;
    background: #dd1224;
    color: #FFF;
    padding: 0 20px;
    line-height: 38px;
    font-weight: 500;
    border: 2px solid #dd1224;
    font-size: 16px;
    outline: none !important;
}

.btn.btn-popup svg {
    width: 18px;
    height: auto;
    margin-right: 8px;
    top: 3px;
    position: relative;
}

.btn.btn-popup:hover {
    color: #dd1224;
    background: #FFF;
}

.btn.btn-review {
    background: #d8313e;
    color: #FFF;
    box-shadow: none;
    text-transform: none;
    font-family: 'proxima_nova_b', sans-serif;
    border: 2px solid #d8313e;
    line-height: 36px;
}

.btn.btn-review:hover {
    background: #FFF;
    color: #d8313e;
}


/*** End of Buttons ***/


/*** Search Form Styles ***/

#top_search_form {
    float: left;
    position: relative;
    margin-right: 25px;
}

#top_search_form #s {
    width: 245px;
    max-width: 100%;
    height: 32px;
    border: 1px solid #dcdcdc;
    line-height: 32px;
    font-size: 18px;
    color: #5b5b5b;
    padding: 0 90px 0 15px;
}

input#s::-webkit-input-placeholder {
    color: #5b5b5b;
    opacity: 1;
}

input#s:-moz-placeholder {
    color: #5b5b5b;
    opacity: 1;
}

input#s::-moz-placeholder {
    color: #5b5b5b;
    opacity: 1;
}

input#s:-ms-input-placeholder {
    color: #5b5b5b;
    opacity: 1;
}

#top_search_form input[type="submit"] {
    border: none;
    background: url(../images/i/search.png) no-repeat center center;
    padding: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 32px;
    width: 35px;
    line-height: 32px;
    outline: none !important;
    transition: none;
}

#top_search_form input[type="submit"]:hover {
    color: #d71921;
}


/*** End of Search Form Styles ***/


/*** Footer ***/

input.subscribe-input,
#subscribe-btn,
.btn-grey {
    width: 245px !important;
    display: block;
    height: 40px !important;
    border: 1px solid #c6cbce !important;
}

#subscribe-btn {
    background: transparent;
}

input.subscribe-input+#subscribe-btn {
    margin-top: 15px;
}

input.subscribe-input {
    padding: 0 18px;
}

input.subscribe-input::-webkit-input-placeholder {
    color: #000;
    opacity: 1;
}

input.subscribe-input:-moz-placeholder {
    color: #000;
    opacity: 1;
}

input.subscribe-input::-moz-placeholder {
    color: #000;
    opacity: 1;
}

input.subscribe-input:-ms-input-placeholder {
    color: #000;
    opacity: 1;
}

#subscribe-btn,
.btn-grey {
    text-align: center;
    color: #d4171f !important;
    line-height: 40px;
    text-transform: uppercase;
    font-size: 18px;
}

#subscribe-btn:hover,
.btn-grey:hover {
    background: #d4171f;
    color: #FFF !important;
    border-color: #d4171f !important;
}

footer {
    border-top: 1px solid #d4d6da;
}

#footer-cols {
    padding: 35px 0 45px 0;
}

#footer-cols h3 {
    margin: 0 0 25px 0;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
}

#footer-cols h3.widget-title {
    margin: 20px 0;
}

#footer-cols>.container>.row>div>.row:first-child h3.widget-title {
    margin: 0 0 25px;
}

footer .nav-menu li,
footer .nav-menu li a {
    color: #848484;
    font-size: 14px;
    line-height: 14px;
}

footer .nav-menu li+li {
    margin-top: 13px;
}

#cprght {
    border-top: 1px solid #d4d6da;
    padding: 20px 0;
    color: #000;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
}

#cprght p {
    margin: 0;
}


/*** widgets ***/

.us-subscribeform {
    padding-bottom: 10px;
}

ul.social-icons {
    overflow: hidden;
}

ul.social-icons li {
    float: left;
}

ul.social-icons li+li {
    margin: 0 0 0 20px;
}

ul.social-icons li a {
    display: block;
    height: 30px;
    width: 30px;
    background: url(../images/i/social-sprite.png) no-repeat 0 0;
    -moz-transition: none;
    -webkit-transition: none;
    transition: none;
}

ul.social-icons li a:hover {
    background-position: 0 -32px;
}

ul.social-icons li a.gp {
    background-position: -30px 0;
}

ul.social-icons li a.gp:hover {
    background-position: -30px -32px;
}

ul.social-icons li a.vk {
    background-position: -60px 0;
}

ul.social-icons li a.vk:hover {
    background-position: -60px -32px;
}

ul.social-icons li a.yt {
    background-position: -90px 0;
}

ul.social-icons li a.yt:hover {
    background-position: -90px -32px;
}

ul.social-icons li a.inst {
    background-position: -120px 0;
}

ul.social-icons li a.inst:hover {
    background-position: -120px -32px;
}


/***  Carousel  Common styles ***/

.carousel-control {
    background: none !important;
}

.carousel-indicators {
    display: none;
}

.arrows {
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    top: 50%;
    margin-top: -25px;
    background-image: url(../images/arrows.png);
    background-repeat: no-repeat;
}

.grey .arrows {
    background-image: url(../images/arrows_grey.png);
    opacity: 0.8
}

.arrows.arrow-left {
    left: 50%;
    margin-left: -25px;
}

.carousel-control:hover .arrows.arrow-left {
    background-position: 0 -50px;
}

.carousel-control.grey:hover .arrows.arrow-left {
    background-position: 0 0;
    opacity: 1;
}

.arrows.arrow-right {
    right: 50%;
    margin-right: -25px;
    background-position: -50px 0;
}

.carousel-control:hover .arrows.arrow-right {
    background-position: -50px -50px;
}

.carousel-control.grey:hover .arrows.arrow-right {
    background-position: -50px 0;
    opacity: 1;
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}


/*** Controls ***/

ul.controls {
    font-size: 1px;
    box-shadow: 0 1px 1px #999;
    display: inline-block;
    padding: 0;
    margin: 0;
    border-radius: 30px;
    overflow: hidden;
}

ul.controls li {
    display: inline-block;
}

ul.controls li a {
    display: block;
    background: #FFF;
    line-height: 40px;
    height: 40px;
    padding: 0 25px;
    font-size: 16px;
    color: #cf141c;
}

ul.controls li+li {
    border-left: 1px solid #dee2e6;
}

ul.controls li.active+li {
    border-left: 1px solid #FFF;
}

ul.controls li.active a,
ul.controls li a:hover {
    color: #181c23 !important;
    background: #dee2e6;
}

ul.controls li.first a {
    -moz-border-radius: 30px 0 0 30px;
    -webkit-border-radius: 30px 0 0 30px;
    border-radius: 30px 0 0 30px;
}

ul.controls li.last a,
ul.controls li:last-child a {
    -moz-border-radius: 0 30px 30px 0;
    -webkit-border-radius: 0 30px 30px 0;
    border-radius: 0 30px 30px 0;
}


/*** popver ***/

.popover {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    min-width: 390px;
    min-height: 100px;
}

.popover-content {
    padding: 5px;
}

.popover.top {
    margin-top: -20px;
}

.popover>.arrow:after {
    border-width: 20px;
}

.popover.top>.arrow:after {
    margin-left: -20px;
    bottom: -8px;
}

.popover-content>div {
    min-height: 100px;
    line-height: 100px;
    padding-left: 130px;
    margin-left: 5px;
    background-position: 0 center;
    background-repeat: no-repeat;
}

.popover-content>div>span {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    font-size: 16px;
    color: #000;
}


/*** Site Heart ***/

body .sh_chat {
    border: 1px solid #1f1f1f;
}

body .sh_header {
    background-color: #1f1f1f;
}

body .sh_top_buttons {
    border-left-color: #FFF;
}

body .sh_title {
    font-family: 'proxima_nova_b', sans-serif;
}

#sh_button {
    bottom: 10px !important;
    right: 10px;
    background: #1f1f1f;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    min-width: 160px;
    padding-right: 12px;
}

#sh_button .sh_logo_img {
    display: none;
}

#sh_button .sh_title_text {
    height: 40px;
    line-height: 40px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    float: none;
    padding-left: 50px;
    background: no-repeat 18px center url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAATCAYAAACKsM07AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjczQTlCQjZGNjg2QzExRTZBQUQ2Rjg5RUZCRThGNDE2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjczQTlCQjcwNjg2QzExRTZBQUQ2Rjg5RUZCRThGNDE2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzNBOUJCNkQ2ODZDMTFFNkFBRDZGODlFRkJFOEY0MTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzNBOUJCNkU2ODZDMTFFNkFBRDZGODlFRkJFOEY0MTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5ZJsHFAAABWElEQVR42mL8//8/AxqQAOI0ILYBYnUgloOKnwXia0C8CYjXA/FfBmIAyAIo5gHiaUD85z9h8ASIA5H04sQwhjQQ3/hPOuiC6gdZ5gHEzNgsYAPi8//JB/lQB34G4g9AnIZuQdF/ygDIYH4gnokkth0qBrbg/H/KAcjV3mhie0FBxgSMZy0GygHIjJtoYk5AnAyy4DUVLPgCxPxYxNNAFlymggXHoXkGHagzYAk7UsFtaPLcgi0BwJLTTDIN/wbElkAcjkP+AMwCkAsmk2j4WyB2AmI5aPrHBkLQszaxrp4DxKJAbA/E93CoWw0ykwVPxHUAsRBaSgFF5j4g/gXEFVDMjEXvSiBORC/skH2QjKXgYoNmKFBk/sTjww/I+rD5IB2I52IRB7l6KxBzAvFTaDEuCi3GQT4NIVRcM6AXVCTiOmw+YKDAQGy4kZggogTUA/F3ZAGAAAMAVOspjbL1uV4AAAAASUVORK5CYII=');
    font-family: 'proxima_nova_b', serif;
    font-size: 16px;
    border-left: none;
}

#contact_channels {
    position: fixed;
    z-index: 999;
    bottom: 20px;
    right: 20px;
}

#contact_channels_button {
    height: 50px;
    width: 50px;
    line-height: 46px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #5CA904;
    color: #FFF;
    text-align: center;
    cursor: pointer;
    border: 2px solid #FFF;
}

#contact_channels_button svg {
    max-width: 50%;
    height: auto;
    vertical-align: middle;
}

#contact_channels_button:hover {
    box-shadow: 0 0 5px #333;
    background-color: #bd0a12;
}

#contact_channels_list_wrap {
    position: absolute;
    bottom: 60px;
    right: 6px;
    list-style: none;
    margin: 0;
    padding: 0;
}

#contact_channels_list_wrap li {
    width: 200px;
    text-align: right;
    margin-bottom: 10px;
}

#contact_channels_list_wrap,
#contact_channels_close_icon,
#contact_channels.open #contact_channels_chat_icon {
    display: none;
}

#contact_channels.open #contact_channels_close_icon {
    display: inline;
}

#contact_channels.open #contact_channels_list_wrap {
    display: block;
}

.contact-cahnnels-list-label {
    display: inline-block;
    margin-right: 16px;
    background: rgba(31, 31, 31, 0.5);
    color: #FFF;
    font-size: 12px;
    padding: 8px 12px;
}

.contact-cahnnels-list-icon {
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #08c;
    color: #FFF;
    text-align: center;
}

#contact_channels_list_wrap li:hover .contact-cahnnels-list-icon {
    background: #003366;
}

#contact_channels_list_wrap li:hover .contact-cahnnels-list-label {
    margin-right: 10px;
}

.contact-cahnnels-list-icon svg,
.contact-cahnnels-list-icon img {
    max-width: 50%;
    height: auto;
    vertical-align: middle;
}


/*** Popup ***/

.pum-theme-lightbox .pum-content+.pum-close {
    box-shadow: none !important;
    background: transparent !important;
    border: none !important;
    color: #b9b9b9 !important;
}

.pum-theme-lightbox .pum-content+.pum-close svg {
    width: 100%;
}

.pum-theme-lightbox .pum-content+.pum-close:hover {
    color: #999 !important;
}

.textwidget {
    margin-bottom: 1.6em;
}


/*** WP inhearits ***/


/**
 * 8.0 Alignments
 */

.alignleft {
    display: inline;
    float: left;
}

.alignright {
    display: inline;
    float: right;
}

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

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
    margin: 0.4em 1.6em 1.6em 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
    margin: 0.4em 0 1.6em 1.6em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
    clear: both;
    margin-top: 0.4em;
    margin-bottom: 1.6em;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
    margin-bottom: 1.2em;
}

.no-padding {
    padding: 0;
}

.cli-plugin-main-link {
    text-decoration: underline !important;
}

.d-flex {
    display: flex;
}

.flex-column {
    flex-direction: column;
}

.mt-auto {
    margin-top: auto;
}

.portfolio-grid {
    text-align: center
}

.portfolio-grid-item {
    display: inline-block;
    margin: 20px 6px;
    width: 328px;
    max-width: 90%;
    text-align: center;
    background: #474846 center center;
    background-size: cover;
    position: relative;
    z-index: 0
}

.portfolio-grid-item:before {
    display: block;
    content: "";
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.5s ease !important;
    -moz-transition: all 0.5s ease !important;
    -ms-transition: all 0.5s ease !important;
    transition: all 0.5s ease !important
}

.portfolio-grid-item:hover:before {
    opacity: 1
}

.portfolio-grid-item img {
    max-width: 100%;
    margin: 50px auto 40px
}

.portfolio-grid-item h4 {
    font-size: 16px;
    color: #FFF;
    font-family: 'proxima_nova_b', sans-serif;
    text-align: left;
    padding: 0 20px 20px
}

.portfolio-grid-item.bg-light h4 {
    color: #000
}

.portfolio-grid-item:first-child {
    margin-right: 0
}

.portfolio-grid-item:last-child {
    margin-left: 0
}