/*
Theme Name: Desk Makers
Text Domain: deskmakers
*/
@charset "UTF-8";

@font-face {
    font-family: "fontawesomeregular";
    font-display: swap;
    src: url("../eot/fontawesome-webfont5e1f.eot?v=2");
    src: url("../eot/fontawesome-webfontd41d.eot?#iefix") format("embedded-opentype"),
        url("../woff2/fontawesome-webfont5e1f.woff2?v=2") format("woff2"),
        url("../woff/fontawesome-webfont5e1f.woff?v=2") format("woff"),
        url("../ttf/fontawesome-webfont5e1f.ttf?v=2") format("truetype"),
        url("../svg/fontawesome-webfont5e1f.svg?v=2#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "robotobold";
    font-display: swap;
    src: url("../eot/roboto-bold-webfont.eot");
    src: url("../eot/roboto-bold-webfontd41d.eot?#iefix") format("embedded-opentype"),
        url("../woff2/roboto-bold-webfont.woff2") format("woff2"),
        url("../woff/roboto-bold-webfont.woff") format("woff"),
        url("../ttf/roboto-bold-webfont.ttf") format("truetype"),
        url("../svg/roboto-bold-webfont.svg#robotobold") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "roboto_condensedbold";
    font-display: swap;
    src: url("../eot/robotocondensed-bold-webfont.eot");
    src: url("../eot/robotocondensed-bold-webfontd41d.eot?#iefix") format("embedded-opentype"),
        url("../woff2/robotocondensed-bold-webfont.woff2") format("woff2"),
        url("../woff/robotocondensed-bold-webfont.woff") format("woff"),
        url("../ttf/robotocondensed-bold-webfont.ttf") format("truetype"),
        url("../svg/robotocondensed-bold-webfont.svg#roboto_condensedbold") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "roboto_condensedregular";
    font-display: swap;
    src: url("../eot/robotocondensed-regular-webfont.eot");
    src: url("../eot/robotocondensed-regular-webfontd41d.eot?#iefix") format("embedded-opentype"),
        url("../woff2/robotocondensed-regular-webfont.woff2") format("woff2"),
        url("../woff/robotocondensed-regular-webfont.woff") format("woff"),
        url("../ttf/robotocondensed-regular-webfont.ttf") format("truetype"),
        url("../svg/robotocondensed-regular-webfont.svg#roboto_condensedregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "robotolight";
    font-display: swap;
    src: url("../eot/roboto-light-webfont.eot");
    src: url("../eot/roboto-light-webfontd41d.eot?#iefix") format("embedded-opentype"),
        url("../woff2/roboto-light-webfont.woff2") format("woff2"),
        url("../woff/roboto-light-webfont.woff") format("woff"),
        url("../ttf/roboto-light-webfont.ttf") format("truetype"),
        url("../svg/roboto-light-webfont.svg#robotolight") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "robotomedium";
    font-display: swap;
    src: url("../eot/roboto-medium-webfont.eot");
    src: url("../eot/roboto-medium-webfontd41d.eot?#iefix") format("embedded-opentype"),
        url("../woff2/roboto-medium-webfont.woff2") format("woff2"),
        url("../woff/roboto-medium-webfont.woff") format("woff"),
        url("../ttf/roboto-medium-webfont.ttf") format("truetype"),
        url("../svg/roboto-medium-webfont.svg#robotomedium") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "robotoregular";
    font-display: swap;
    src: url("../eot/roboto-regular-webfont.eot");
    src: url("../eot/roboto-regular-webfontd41d.eot?#iefix") format("embedded-opentype"),
        url("../woff2/roboto-regular-webfont.woff2") format("woff2"),
        url("../woff/roboto-regular-webfont.woff") format("woff"),
        url("../ttf/roboto-regular-webfont.ttf") format("truetype"),
        url("../svg/roboto-regular-webfont.svg#robotoregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
}

*:focus {
    outline: none;
}

body,
a,
a:link,
a:visited,
a:hover,
div,
td,
span,
img,
h1,
h2,
h3,
small {
    border: 0;
    vertical-align: baseline;
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    color: #939598;
    font-size: 100%;
}

html,
body {
    height: 100%;
    position: relative;
}

html {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    text-align: center;
}

body {
    background: #e5e6e7;
    text-align: center;
    height: 100%;
    text-decoration: none;
    font-size: 1em;
}

strong {
    font-weight: normal;
    font-family: "robotobold", Arial, Helvetica, sans-serif;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
}

a,
a:link,
a:visited,
a:hover {
    color: #006594;
    text-decoration: none;
    -webkit-transition: color 0.1s ease-in-out;
    -moz-transition: color 0.1s ease-in-out;
    -o-transition: color 0.1s ease-in-out;
    transition: color 0.1s ease-in-out;
}

a:hover {
    color: #000000;
}

ul,
li {
    list-style: none;
}

.page_content ul li {
    position: relative;
    padding-left: 0.7em;
    margin-bottom: 0.5em;
    display: block;
}

.page_content ul li i {
    font-style: normal;
    position: absolute;
    left: 0;
    top: 0;
}

.page_content a,
.page_content a:link,
.page_content a:visited,
.page_content a:hover {
    text-decoration: underline;
}


.css-arrow {
    border: solid black;
    border-width: 0 4px 4px 0;
    display: inline-block;
    padding: 8px;
}

.css-arrow.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.css-arrow.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.css-arrow.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.css-arrow.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.css-arrow.teal {
    border-color: #6cb0c0 !important;
}

.margin5 {
    width: 100%;
    height: 0.5em;
}

.margin10 {
    width: 100%;
    height: 1em;
}

.margin20 {
    width: 100%;
    height: 2em;
}

.margin30 {
    width: 100%;
    height: 3em;
}

.margin40 {
    width: 100%;
    height: 4em;
}

.page {
    background: #ffffff;
    min-width: 160px;
    min-height: 500px;
    position: relative;
    font-size: 0.9em;
}

.top_container {
    position: relative;
    text-align: center;
    overflow: unset;
    z-index: 15;
    background-color: #ccc;
}

.no_header_image .top_container,
.header_scroll .top_container {
    background: #ffffff;
    background: transparent;
}

.home_banners {
    height: 2000px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

#home_banners_back,
.slide {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.slide {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    left: -5%;
    top: -5%;
    width: 110%;
    height: 110%;
    -webkit-transition: all 0.9s ease-in-out;
    -moz-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.slide_act {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

#header_block {
    position: absolute;
    top: 1em;
    width: 90%;
    margin: 0 auto;
    text-align: left;
    left: 0;
    right: 0;
}

.post-edit-link {
    position: absolute;
    right: 0;
    top: 0;
}

.logo,
.logo:link,
.logo:visited,
.logo:hover {
    font-family: "fontawesomeregular";
    font-size: 7.5em;
    color: #ffffff;
    text-decoration: none;
    position: relative;
    line-height: 1.2;
}

.logo b,
.logo:link b,
.logo:visited b,
.logo:hover b {
    font-weight: normal;
}

.img_slide_loader {
    width: 1px;
    height: 1px;
}

#header_line {
    position: absolute;
    top: 7.6em;
    width: 100%;
    height: 1px;
    background: #fff;
}

.menu_top_left {
    width: 55%;
    float: left;
}

.menu_top_right {
    width: 45%;
    float: right;
    font-size: 0.9em;
}

.menu_top_left a,
.menu_top_left a:link,
.menu_top_left a:visited,
.menu_top_left a:hover {
    color: #fff;
    text-transform: uppercase;
    font-family: "roboto_condensedbold", Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    letter-spacing: 0.05em;
    padding-bottom: 0.6em;
}

.main_menu_item {
    float: left;
    margin-right: 4%;
}

.menu_top_right a,
.menu_top_right a:link,
.menu_top_right a:visited,
.menu_top_right a:hover,
#menu .footer_title.menu_a0 {
    color: #fff;
    font-family: "roboto_condensedregular", Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    letter-spacing: 0.05em;
    padding-bottom: 0.6em;
    border-bottom: none;
}

#menu .footer_title.menu_a0 {
    cursor: default;
}

.menu_top_right .main_menu_item {
    float: right;
    margin-left: 4%;
    margin-right: 0;
}

#search_btn {
    width: 3em;
    height: 4em;
    text-align: center;
    position: relative;
    right: 0;
    top: 3em;
    z-index: 10;
    float: right;
}

#search_btn b,
#search_btn:link b,
#search_btn:visited b,
#search_btn:hover b {
    font-weight: normal;
    font-family: "fontawesomeregular";
    font-size: 3.8em;
    color: #ffffff;
    text-decoration: none;
    line-height: 1;
}

#search {
    width: 0;
    overflow: hidden;
    position: absolute;
    height: 7em;
    top: 0px;
    right: 0;
    -webkit-transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
}

#search.search_block_active {
    width: 50em;
}

.search_container {
    position: relative;
    right: 5.5em;
    top: 3.75em;
    width: 50%;
    max-width: 20em;
    float: right;
}

#search_form a,
#search_form a:link,
#search_form a:visited,
#search_form a:hover {
    font-size: 2em;
    font-family: "fontawesomeregular";
    color: #ffffff;
    width: 1em;
    text-align: center;
    display: inline-block;
    position: absolute;
    right: -1.3em;
    top: 0;
}

#search_form a b,
#search_form a:link b,
#search_form a:visited b,
#search_form a:hover b {
    font-weight: normal;
    font-style: normal;
}

#search_form {
    position: relative;
    width: 100%;
}

#search_input {
    position: absolute;
    display: block;
    height: 2.2em;
    left: 0;
    top: 0;
    width: 100%;
    background: none;
    border: none;
    border-bottom: 1px solid #fff;
    line-height: 1;
    font-size: 1em;
    color: #fff;
    font-family: "robotomedium", Arial, Helvetica, sans-serif;
}

#search_label span {
    font-size: 1.1em;
    line-height: 2;
    color: #ffffff;
    font-family: "robotomedium", Arial, Helvetica, sans-serif;
    position: relative;
    left: 3px;
}

.search_input_fill #search_label {
    display: none;
}

.sub_menu_level0 {
    position: absolute;
    z-index: 10;
    padding: 2em;
    padding-bottom: 1em;
    padding-right: 0;
    top: 2.2em;
    overflow: hidden;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-transition: max-height 0.5s, padding 0.5s ease-in-out;
    -moz-transition: max-height 0.5s, padding 0.5s ease-in-out;
    -o-transition: max-height 0.5s, padding 0.5s ease-in-out;
    transition: max-height 0.5s, padding 0.5s ease-in-out;
}

.sub_menu_level0 li {
    margin-bottom: 1em;
    float: left;
    margin-right: 2em;
    min-width: 11em;
}

.sub_menu_level1 li {
    margin-bottom: 0.3em;
    float: none;
    margin-right: 0;
    width: 17em;
}

.sub_menu_level2 li {
    margin-bottom: 0.3em;
    float: none;
    margin-right: 0;
    width: 13em;
}

.menu_box,
.menu_box b,
.menu_box i {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.menu_box b {
    background: #ffffff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}

.menu_box i {
    height: 0.6em;
    background: #6bb0c1;
}

.main_menu_item:hover .sub_menu_level0 {
    max-height: 30em;
    padding-bottom: 1em;
    padding-top: 2em;
}

.sub_menu_level0 a,
.sub_menu_level0 a:link,
.sub_menu_level0 a:visited,
.sub_menu_level0 a:hover {
    color: #6bb0c1;
    text-transform: none;
    font-family: "robotomedium", Arial, Helvetica, sans-serif;
    position: relative;
    padding-bottom: 0.2em;
    display: block;
    line-height: 1.3;
}

.sub_menu_level0 a:hover {
    color: #3d6c77;
}

.sub_menu_level1 a,
.sub_menu_level1 a:link,
.sub_menu_level1 a:visited,
.sub_menu_level1 a:hover {
    color: #8c8d8c;
    text-transform: none;
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    position: relative;
    line-height: 1;
}

.sub_menu_level1 a:hover {
    color: #000000;
}

.sub_menu_level0 li.br_line {
    display: none;
}

#menu-item-107 .sub_menu_level0 li.br_line4,
#menu-item-110 .sub_menu_level0 li.br_line3,
#menu-item-148 .sub_menu_level0 li.br_line {
    display: block;
    width: 100%;
    clear: both;
    height: 1px;
    margin: 0;
    padding: 0;
}

#menu-item-110 .sub_menu_level0 li.br_line3 {
    width: 0;
    float: none;
    clear: none;
}

#menu-item-148 .sub_menu_level0 li {
    min-width: 11em;
}

.main_menu_item a.menu_arr {
    display: none;
}

#mobile_menu {
    position: absolute;
    right: 0;
    top: 0;
}

.menu_block {
    position: absolute;
    left: 0;
    top: 9em;
    width: 100%;
}

.sub_menu_level0 .current-menu-item a.menu_a1,
.sub_menu_level0 .current-menu-item a.menu_a1:link,
.sub_menu_level0 .current-menu-item a.menu_a1:visited,
.sub_menu_level0 .current-menu-item a.menu_a1:hover,
.sub_menu_level0 .current_page_parent a.menu_a1,
.sub_menu_level0 .current_page_parent a.menu_a1:link,
.sub_menu_level0 .current_page_parent a.menu_a1:visited,
.sub_menu_level0 .current_page_parent a.menu_a1:hover {
    color: #3d6c77;
}

.sub_menu_level0 .current_page_parent a.menu_a1 em {
    display: block;
}

.sub_menu_level1 .current_page_item a.menu_a2,
.sub_menu_level1 .current_page_item a.menu_a2:link,
.sub_menu_level1 .current_page_item a.menu_a2:visited,
.sub_menu_level1 .current_page_item a.menu_a2:hover,
.sub_menu_level2 .current_page_item a.menu_a3,
.sub_menu_level2 .current_page_item a.menu_a3:link,
.sub_menu_level2 .current_page_item a.menu_a3:visited,
.sub_menu_level2 .current_page_item a.menu_a3:hover {
    color: #000000;
}

.sub_menu_level1 .current_page_parent a.menu_a2,
.sub_menu_level1 .current_page_parent a.menu_a2:link,
.sub_menu_level1 .current_page_parent a.menu_a2:visited,
.sub_menu_level1 .current_page_parent a.menu_a2:hover {
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    color: #6bb0c1;
}

.sub_menu_level1 .current_page_parent a.menu_a2:hover {
    color: #3d6c77;
}

.main_menu_item a.menu_a0:hover,
.main_menu_item.current_page_item a.menu_a0,
.main_menu_item.current_page_item a.menu_a0:link,
.main_menu_item.current_page_item a.menu_a0:visited,
.main_menu_item.current_page_item a.menu_a0:hover,
.main_menu_item.current_page_parent a.menu_a0,
.main_menu_item.current_page_parent a.menu_a0:link,
.main_menu_item.current_page_parent a.menu_a0:visited,
.main_menu_item.current_page_parent a.menu_a0:hover,
.main_menu_item.current_page_ancestor a.menu_a0,
.main_menu_item.current_page_ancestor a.menu_a0:link,
.main_menu_item.current_page_ancestor a.menu_a0:visited,
.main_menu_item.current_page_ancestor a.menu_a0:hover,
.main_menu_item.current-page-ancestor a.menu_a0,
.main_menu_item.current-page-ancestor a.menu_a0:link,
.main_menu_item.current-page-ancestor a.menu_a0:visited,
.main_menu_item.current-page-ancestor a.menu_a0:hover {
    border-bottom: 0.5em solid #6bb0c1;
}

.no_header_image .top_container {
    height: 14em;
}

.no_header_image #header_line,
.header_scroll #header_line {
    background-color: #8c8c8b;
}

#header_block_back {
    position: fixed;
    width: 100%;
    height: 13em;
    left: 0;
    top: 0;
    background: #ffffff;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.no_header_image #header_block_back {
    -webkit-transition: opacity 0s ease-in-out;
    -moz-transition: opacity 0s ease-in-out;
    -o-transition: opacity 0s ease-in-out;
    transition: opacity 0s ease-in-out;
}

.header_scroll #header_block_back {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.header_scroll #header_block {
    position: fixed;
    top: 0;
    height: 13em;
}

.page a.logo i,
.page a.logo:link i,
.page a.logo:visited i,
.page a.logo:hover i {
    color: #ffffff;
    font-style: normal;
    line-height: 0.6;
}

.page a.logo u,
.page a.logo:link u,
.page a.logo:visited u,
.page a.logo:hover u {
    text-decoration: none;
    color: #ffffff;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 0.6;
}

.page a.logo_footer,
.page a.logo_footer:link,
.page a.logo_footer:visited,
.page a.logo_footer:hover {
    font-size: 4.6em;
    position: relative;
    display: block;
}

.page a.logo_footer i,
.page a.logo_footer:link i,
.page a.logo_footer:visited i,
.page a.logo_footer:hover i {
    color: #5e5e62;
}

.page a.logo_footer u,
.page a.logo_footer:link u,
.page a.logo_footer:visited u,
.page a.logo_footer:hover u {
    color: #d3903b;
    top: 0.2em;
}

.page a.logo_footer_dm {
    width: 50%;
    float: left;
    clear: none;
    margin-bottom: 0.3em;
}

.page a.logo_footer_scale {
    display: block;
    float: left;
    width: 50%;
    clear: none;
}

.page a.logo_footer_scale img {
    display: block;
    width: 171px;
    height: auto;
    position: relative;
    top: 18px;
}

.no_header_image a.logo i,
.no_header_image a.logo:link i,
.no_header_image a.logo:visited i,
.no_header_image a.logo:hover i,
.header_scroll a.logo i,
.header_scroll a.logo:link i,
.header_scroll a.logo:visited i,
.header_scroll a.logo:hover i {
    color: #6d6d71;
}

.no_header_image a.logo u,
.no_header_image a.logo:link u,
.no_header_image a.logo:visited u,
.no_header_image a.logo:hover u,
.header_scroll a.logo u,
.header_scroll a.logo:link u,
.header_scroll a.logo:visited u,
.header_scroll a.logo:hover u {
    color: #df922c;
}

.no_header_image #search_btn b,
.no_header_image #search_btn:link b,
.no_header_image #search_btn:visited b,
.no_header_image #search_btn:hover b,
.no_header_image #search_input,
.no_header_image #search_label span,
.no_header_image #search_form a,
.no_header_image #search_form a:link,
.no_header_image #search_form a:visited,
.no_header_image #search_form a:hover,
.header_scroll #search_btn b,
.header_scroll #search_btn:link b,
.header_scroll #search_btn:visited b,
.header_scroll #search_btn:hover b,
.header_scroll #search_input,
.header_scroll #search_label span,
.header_scroll #search_form a,
.header_scroll #search_form a:link,
.header_scroll #search_form a:visited,
.header_scroll #search_form a:hover {
    color: #8c8c8b;
    border-color: #8c8c8b;
}

.no_header_image .menu_top_left a.menu_a0,
.no_header_image .menu_top_left a.menu_a0:link,
.no_header_image .menu_top_left a.menu_a0:visited,
.no_header_image .menu_top_left a.menu_a0:hover,
.no_header_image .menu_top_right a.menu_a0,
.no_header_image .menu_top_right a.menu_a0:link,
.no_header_image .menu_top_right a.menu_a0:visited,
.no_header_image .menu_top_right a.menu_a0:hover,
.no_header_image #menu div.footer_title.menu_a0,
.header_scroll .menu_top_left a.menu_a0,
.header_scroll .menu_top_left a.menu_a0:link,
.header_scroll .menu_top_left a.menu_a0:visited,
.header_scroll .menu_top_left a.menu_a0:hover,
.header_scroll .menu_top_right a.menu_a0,
.header_scroll .menu_top_right a.menu_a0:link,
.header_scroll .menu_top_right a.menu_a0:visited,
.header_scroll .menu_top_right a.menu_a0:hover,
.header_scroll #menu div.footer_title.menu_a0 {
    color: #8c8c8b;
}

.no_header_image .top_container,
.header_scroll .top_container {
    overflow: visible;
}

a.home_banner_title,
.home_banner_title,
#home_banner_title {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    text-align: center;
    color: #fff;
    font-size: 4em;
    line-height: 1.4;
    transform: perspective(1px) translateY(-50%);
    display: block;
}

div.home_banner_title {
    cursor: default;
}

.home_banner_title {
    z-index: 10;
}

.menu_spacer_wrap {
    position: relative;
}

.sub_menu_level0 li {
    float: none;
    margin-bottom: 0.2em;
    margin-right: 0;
    padding-right: 1em;
}

.sub_menu_level0 .menu_spacer_wrap li {
    position: relative;
}

.sub_menu_level1,
.sub_menu_level2,
.sub_menu_level0 .menu_spacer_wrap:hover li.current_page_parent .sub_menu_level1,
.sub_menu_level0 .menu_spacer_wrap:hover li.current_page_ancestor .sub_menu_level1,
.sub_menu_level0 .menu_spacer_wrap:hover li.current_page_parent .sub_menu_level2,
.sub_menu_level0 li.current_page_ancestor .sub_menu_level1 li.current_page_parent .sub_menu_level2 {
    position: absolute;
    left: 600%;
    top: 0.4em;
    font-size: 0.9em;
    height: auto;
    min-height: 100%;

    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.sub_menu_level0 li:hover .sub_menu_level1,
.sub_menu_level0 li:hover .sub_menu_level1 li:hover .sub_menu_level2,
.sub_menu_level0 li.current_page_parent .sub_menu_level1,
.sub_menu_level0 li.current_page_ancestor .sub_menu_level1,
.sub_menu_level0 .menu_spacer_wrap:hover li.current_page_parent:hover .sub_menu_level1,
.sub_menu_level0 .menu_spacer_wrap:hover li.current_page_ancestor:hover .sub_menu_level1,
.sub_menu_level0 li.current_page_parent .sub_menu_level1 li:hover .sub_menu_level2,
.sub_menu_level0 li.current_page_ancestor .sub_menu_level1 li.current_page_parent .sub_menu_level2,
.sub_menu_level0 li:hover .sub_menu_level1 li.current_page_parent:hover .sub_menu_level2,
.sub_menu_level0 li:hover .sub_menu_level1 li.current_page_item:hover .sub_menu_level2 {
    left: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.sub_menu_level0 .menu_spacer_wrap:hover li.current_page_parent a.menu_a1 em,
.sub_menu_level0 .menu_spacer_wrap:hover li.current_page_ancestor a.menu_a1 em {
    display: none;
}

.sub_menu_level0 .menu_spacer_wrap:hover li.current_page_parent:hover a.menu_a1 em,
.sub_menu_level0 .menu_spacer_wrap:hover li.current_page_ancestor:hover a.menu_a1 em {
    display: block;
}

.sub_menu_level2,
.sub_menu_level0 .menu_spacer_wrap:hover li.current_page_parent .sub_menu_level2,
.sub_menu_level0 li.current_page_ancestor .sub_menu_level1 li.current_page_parent .sub_menu_level2 {
    top: 0.3em;
}

.sub_menu_level1 li,
.sub_menu_level2 li {
    margin-bottom: 0.3em;
}

.sub_menu_level0 li em,
.sub_menu_level1 li em {
    font-style: normal;
    position: absolute;
    right: 0.2em;
    top: 0;
    line-height: 1.4;
    font-family: "fontawesomeregular";
    font-size: 1.2em;
    display: none;
}

.sub_menu_level0 li.menu-item-has-children:hover a.menu_a1 em,
.sub_menu_level0 li.current-menu-ancestor a.menu_a1 em {
    display: block;
}

.sub_menu_level0 li.menu-item-has-children .sub_menu_level1 li.menu-item-has-children:hover a.menu_a2 em,
.sub_menu_level0 li.menu-item-has-children .sub_menu_level1 li.current-page-ancestor a.menu_a2 em {
    display: block;
    top: -0.05em;
}

.menu_spacer_wrap {
    float: left;
}

.sub_menu_spacer {
    float: left;
}

.main_menu_item:hover .sub_menu_level0 {
    max-height: 30em;
    padding-bottom: 1em;
    padding-top: 2em;
}

.sub_menu_level0 .menu_spacer_wrap li:hover .sub_menu_level1:hover li .sub_menu_level2 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    z-index: 1;
}

.sub_menu_level0 .menu_spacer_wrap li:hover .sub_menu_level1:hover li:hover .sub_menu_level2 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    z-index: 2;
}

.sub_menu_level0 li.menu-item-has-children:hover .sub_menu_level1:hover li.menu-item-has-children a.menu_a2 em {
    display: none;
}

.sub_menu_level0 li.menu-item-has-children:hover .sub_menu_level1:hover li.menu-item-has-children:hover a.menu_a2 em {
    display: block;
}

#footer {
    padding: 5em 0 7em 0;
    position: relative;
    text-align: center;
    background-color: #e5e6e7;
}

.footer_container {
    margin: 0 auto;
    width: 90%;
    position: relative;
    text-align: left;
    font-size: 1.1em;
    max-width: 1200px;
}

#footer .menu .main_menu_item a.menu_a0,
#footer .menu .main_menu_item a.menu_a0:link,
#footer .menu .main_menu_item a.menu_a0:visited,
#footer .menu .main_menu_item a.menu_a0:hover,
.footer_title {
    font-family: "robotomedium", Arial, Helvetica, sans-serif;
    color: #8c8c8b;
    display: block;
    border-bottom: 1px solid #8c8c8b;
    padding-bottom: 0.3em;
    margin-bottom: 0.3em;
    max-width: 10em;
}

div.footer_title {
    cursor: default;
}

#footer .sub_menu_main {
    max-height: none;
    padding: 0;
}

#footer .menu .sub_menu_main a.menu_a1,
#footer .menu .sub_menu_main a.menu_a1:link,
#footer .menu .sub_menu_main a.menu_a1:visited,
#footer .menu .sub_menu_main a.menu_a1:hover {
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    color: #8c8c8b;
}

#footer .menu .main_menu_item a.menu_a0:hover,
#footer .menu .sub_menu_main a.menu_a1:hover {
    color: #000000;
}

#footer .menu .sub_menu_main li {
    float: left;
    display: block;
    margin: 0;
}

#footer .menu .sub_menu_main li.menu_box {
    display: none;
}

.footer_bottom1 {
    width: 50%;
    float: left;
}

.footer_bottom2,
.footer_bottom3 {
    width: 25%;
    float: left;
}

.footer_bottom1 .main_menu_item {
    width: 50%;
    float: left;
    margin-right: 0;
}

#footer .menu .sub_menu_level0 li {
    float: none;
}

#footer .sub_menu_level0 {
    margin-bottom: 1em;
    position: relative;
    top: 0;
}

.soc_btn span,
.soc_btn:link span,
.soc_btn:visited span,
.soc_btn:hover span {
    font-family: "fontawesomeregular";
    font-size: 3em;
    color: #8c8c8b;
    text-decoration: none;
    margin-right: 0.5em;
    line-height: 1;
}

.soc_btn:hover span {
    color: #000;
}

.soc_block {
    margin-bottom: 2.7em;
}

#footer .footer_bottom2 .main_menu_item {
    width: 100%;
    margin: 0;
    float: none;
}

.footer_bottom3 .footer_title,
.footer_form_block {
    max-width: 18em;
}

.footer_form_block {
    margin-top: 1em;
    position: relative;
}

.footer_form_inputs {
    height: 2.7em;
    background: #ffffff;
    margin-right: 3.5em;
}

#submit_btn {
    display: block;
    overflow: hidden;
    width: 2.2em;
    height: 2.2em;
    overflow: hidden;
    border: none;
    background: #b0b0b0;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.2em;
}

#submit_btn img {
    display: none;
}

#submit_btn span {
    font-family: "fontawesomeregular";
    font-size: 3.4em;
    color: #ffffff;
    line-height: 0.75;
    display: block;
    width: 105%;
    text-align: center;
}

#submit_btn:hover {
    background-color: #939191;
}

.footer_form_inputs input {
    display: block;
    border: none;
    background: #ffffff;
    color: #8c8c8b;
    width: 80%;
    margin-left: 10%;
    height: 90%;
    font-size: 1.1em;
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    top: 0.15em;
    position: relative;
}

.footer_label {
    position: absolute;
    font-size: 1.1em;
    font-family: "robotolight", Arial, Helvetica, sans-serif;
    top: 0.15em;
    left: 8%;
    line-height: 2;
}

.inputs_active .footer_label {
    display: none;
}

#result {
    color: #ff0000;
    margin-top: 0.3em;
}

#result strong {
    color: #900;
}

#footer .menu_arr {
    display: none;
}

#footer #submit_btn.loading img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

#footer #submit_btn.loading {
    cursor: default;
}

.footer_clear,
.footer_clear2 {
    display: none;
}

.page_content {
    font-size: 1.4em;
    line-height: 1.4;
    position: relative;
    margin: 0 auto;
    text-align: center;
}

.home_info_block {
    padding: 2em 0 4em 0;
    padding-bottom: 1.5em;
    max-width: 30em;
    font-size: 2em;
    line-height: 1.3;
    text-align: center;
    width: 90%;
    color: #6cb0c0;
    font-family: "robotobold", Arial, Helvetica, sans-serif;
}

.center_block {
    position: relative;
    margin: 0 auto;
}

img.center {
    display: block;
    position: relative;
    margin: 0 auto;
}

img.full-width {
    display: block;
    width: 100%;
    height: auto;
}

.explore_block {
    position: relative;
    background: #f0f0f0;
    overflow: hidden;
}

.explore_info {
    width: 50%;
    float: left;
}

#explore_images {
    position: absolute;
    width: 50%;
    right: 0;
    height: 100%;
}

#explore_images div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
    filter: alpha(opacity=00);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;

    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

#explore_images div.explore_img_act {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.explore_inner {
    padding: 3em 0 4em 0;
    margin: 0 auto;
    width: 90%;
    max-width: 27em;
    text-align: left;
}

.page_title,
a.page_title,
a.page_title:link,
a.page_title:visited,
a.page_title:hover,
h2,
h1.page-title,
.gallery_caption {
    color: #000000;
    margin-bottom: 0.8em;
    line-height: 1;
    font-family: "robotobold", Arial, Helvetica, sans-serif;
    font-size: 2em;
    display: block;
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

/* Special page title position for Fabrics page. 01/13/20 - Makeway*/
.page_fabrics .page_title {
    display: none !important;
}

.page_fabrics #swap_page_title {
    display: block !important;
}

h1.page-title {
    font-weight: normal;
}

h1.page-title span {
    color: #000000;
}

a.page_title,
a.page_title:link,
a.page_title:visited,
a.page_title:hover {
    cursor: pointer;
    text-decoration: none;
}

a.page_title:hover {
    color: #6cb0c0;
}

.explore_title {
    text-align: left;
}

#explore_list {
    padding-left: 0;
}

#explore_list a {
    display: block;
    position: relative;
    margin-bottom: 0.3em;
}

#explore_list a i {
    display: block;
    width: 0%;
    position: absolute;
    left: -106%;
    top: 0.45em;
    height: 0.3em;
    background: #6cb0c0;
    -webkit-transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
}

#explore_list a,
#explore_list a:link,
#explore_list a:visited,
#explore_list a:hover {
    font-family: "robotobold", Arial, Helvetica, sans-serif;
    color: #8c8c8b;
    font-size: 1.3em;
    text-decoration: none;
}

#explore_list a:hover,
#explore_list a.explore_a_act,
#explore_list a.explore_a_act:link,
#explore_list a.explore_a_act:visited,
#explore_list a.explore_a_act:hover {
    color: #6cb0c0;
}

#explore_list a:hover i,
#explore_list a.explore_a_act i,
#explore_list a.explore_a_act:link i,
#explore_list a.explore_a_act:visited i,
#explore_list a.explore_a_act:hover i {
    width: 100%;
}

.styles_block,
.main_block {
    padding: 3em 0 4em 0;
    width: 90%;
    margin: 0 auto;
    position: relative;
}

.styles_block3 {
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
}

.styles_block3_1 {
    float: left;
    width: 25%;
    margin: 0 4%;
    text-align: left;
    line-height: 1.8;
    font-size: 1em;
    border-top: 1px solid #000000;
    padding-top: 2em;
}

.styles_block3_1 img {
    width: 100%;
    height: auto;
    display: block;
}

.styles_block3_1 strong {
    display: block;
    font-size: 1.2em;
    color: #6cb0c0;
    padding-top: 1em;
}

.main_block {
    padding-top: 1em;
    padding-bottom: 2.5em;
    font-size: 1.2em;
    line-height: 1.8;
    text-align: left;
    max-width: 44em;
}

.hover_zoom_img {
    position: relative;
    overflow: hidden;
}

img.hover_zoom {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

img.hover_zoom:hover {
    left: -5%;
    top: -5%;
    width: 110%;
    height: 110%;
}

.ss_home_block {
    position: relative;
    width: 100%;
}

.ss_home_title {
    color: #ffffff;
    position: absolute;
    top: 2em;
    z-index: 12;
}

.ss_home_img {
    display: block;
    width: 1px;
    height: 1px;
    position: absolute;
    left: 0;
    top: 0;
}

.ss_home.ss_act .ss_home_img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
    filter: alpha(opacity=00);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.ss_home {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    min-height: 40em;
    z-index: 10;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
    filter: alpha(opacity=00);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;

    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.ss_home.ss_act {
    width: 100%;
    height: auto;
    z-index: 11;
    position: relative;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.ss_home_img_spacer {
    position: relative;
    width: 100%;
    height: auto;
    display: block;
}

.ss_home_info {
    position: absolute;
    width: 90%;
    left: 5%;
    top: 50%;
    transform: perspective(1px) translateY(-50%);
}

.ss_home_info_cnt,
.ss_home_info_title {
    color: #fff;
}

.ss_home_info_title {
    font-family: "robotobold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 1.3em;
    margin-bottom: 1em;
}

.ss_home_info_cnt {
    display: block;
    margin: 0 auto;
    max-width: 25em;
    line-height: 1.8;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
}

.ss_home_info_cnt em {
    font-style: normal;
    font-family: "robotobold", Arial, Helvetica, sans-serif;
    line-height: 1.2;
    display: block;
}

.ss_home_info_cnt em strong {
    text-transform: uppercase;
    font-weight: normal;
}

.ss_home_info .btn {
    margin-top: 3em;
}

#ss_home_nav {
    border-bottom: 1px solid #fff;
    position: absolute;
    bottom: 5em;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 80%;
    max-width: 40em;
    height: 0.5em;
    z-index: 12;
}

#ss_home_nav_slider {
    width: 40%;
    height: 100%;
    position: relative;
    background: #fff;
    cursor: pointer;
    bottom: 3em;
    left: 0;
    -webkit-transition: left 0.5s ease-in-out;
    -moz-transition: left 0.5s ease-in-out;
    -o-transition: left 0.5s ease-in-out;
    transition: left 0.5s ease-in-out;
}

#ss_home_nav a {
    display: block;
    height: 3em;
    float: left;
    cursor: pointer;
    position: relative;
    top: -2.5em;
}

a.btn,
div.btn {
    display: inline-block;
    padding: 0.7em 2.5em;
    padding: 0.7em 1.5em;
    border: 1px solid #000;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

a.btn,
a.btn:link,
a.btn:visited,
a.btn:hover,
div.btn {
    min-width: 7em;
    text-align: center;
    color: #000;
    font-family: "robotobold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
}


a.btn_grey,
div.btn_grey {
    color: #ffffff !important;
    border-color: #666;
    background-color: #666;
    border-radius: 0;
    margin-right: 20px;
}

a.btn_grey:hover,
div.btn_grey:hover {
    color: #666 !important;
    background-color: #ffffff !important;
    border-color: #666 !important;
}

a.btn_teal,
div.btn_teal {
    color: #ffffff !important;
    border-color: #6cb0c0 !important;
    background-color: #6cb0c0 !important;
    border-radius: 0;
}

a.btn_teal:hover,
div.btn_teal:hover {
    color: #6cb0c0 !important;
    background-color: #ffffff !important;
    border-color: #6cb0c0 !important;
}

@media screen and (max-width: 570px) {

    a.btn,
    a.btn:link,
    a.btn:visited,
    a.btn:hover,
    div.btn {
        display: block;
    }
}

a.btn:hover,
a.product_btn_act,
a.product_btn_act:link,
a.product_btn_act:visited,
div.btn:hover {
    color: #ffffff;
    background-color: #6cb0c0;
    border-color: #6cb0c0;
}

a.btn_white,
a.btn_white:link,
a.btn_white:visited,
a.btn_white:hover,
div.btn_white {
    color: #ffffff;
    border-color: #ffffff;
}

a.btn_white:hover,
div.btn_white:hover {
    color: #000000;
    background-color: #ffffff;
    border-color: #ffffff;
}

.lr_block {
    position: relative;
}

.lr_block_wrap {
    background-color: #eff0f0;
}

.lr_cnt_block {
    float: left;
    width: 50%;
    position: relative;
    padding: 4em 0;
    text-align: center;
}

.lr_block_img_left .lr_cnt_block {
    float: right;
}

.lr_img_block {
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.lr_block_img_left .lr_img_block {
    right: auto;
    left: 0;
}

.lr_cnt_inner {
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 82%;
    max-width: 32em;
}

.lr_title,
a.lr_title,
a.lr_title:link,
a.lr_title:visited,
a.lr_title:hover {
    text-align: left;
}

.lr_cnt_block .btn {
    margin-top: 3em;
}

.lr_cnt .lr_title {
    margin-bottom: 0.2em;
    font-size: 1.4em;
}

.app_block .lr_block {
    min-height: 24em;
}

.app_block .lr_cnt {
    font-size: 0.85em;
}

.app_block .lr_cnt .lr_title {
    font-size: 1.7em;
}

.app_block a.btn {
    font-size: 1.15em;
}

.app_list1,
.app_list2 {
    width: 45%;
    margin-right: 5%;
    float: left;
    margin-top: 0.5em;
}

.quick_easy_block {
    min-height: 26em;
}

.insights_block {
    padding: 3em 0;
    width: 95%;
    margin-left: 5%;
}

.insights_title {
    margin-bottom: 1.5em;
}

#insights_wrap {
    overflow: hidden;
}

#insights_inner {
    width: 120em;
    position: relative;
}

.insights_box {
    float: left;
    width: 18em;
    margin-right: 2em;
    text-align: left;
}

.insights_box span {
    font-size: 0.8em;
    display: block;
    margin-bottom: 1.5em;
}

.insights_box span a,
.insights_box span a:link,
.insights_box span a:visited,
.insights_box span a:hover {
    color: #939598;
    text-decoration: none;
}

.insights_box span a:hover {
    color: #000000;
}

.insights_box_image {
    display: block;
    margin-bottom: 1em;
}

.insights_box_image img {
    display: block;
    width: 100%;
}

.insights_box_title,
a.insights_box_title,
a.insights_box_title:link,
a.insights_box_title:visited,
a.insights_box_title:hover {
    color: #000;
    font-size: 1.3em;
    text-decoration: none;
}

a.insights_box_title:hover {
    color: #6cb0c0;
}

#idm_soc893 {
    min-height: 5em;
}

.page_header_img {
    display: block;
    width: 100%;
    height: auto;
    min-height: 25em;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
    filter: alpha(opacity=00);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    pointer-events: none;
}

.page_header {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    margin: 0 auto;
}

.sub_page_content {
    padding: 4em 0;
    padding-bottom: 0;
    width: 90%;
    margin: 0 auto;
    position: relative;
}

.intro_block,
.gallery_caption {
    max-width: 35em;
    margin: 0 auto;
    position: relative;
    line-height: 2;
}

.gallery_caption {
    font-size: 1.7em;
    padding-top: 0.5em;
    padding-bottom: 1em;
    line-height: 1.2;
}

.full_size_page1 .intro_block,
.prod_landing_title {
    width: 90%;
}

.intro_block_size_big,
.gallery_caption {
    max-width: 50em;
}

.intro_description h2 {
    font-size: 1.2em;
    color: #8b8b8b;
    position: relative;
    font-family: "robotobold", Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.intro_block_margin {
    margin-bottom: 4em;
}

.fixed_menu .intro_block_margin,
#tab_nav_scroll {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.page_content_full {
    padding: 0;
}

.page_content_after_full {
    padding-top: 0;
}

.intro_h2 {
    font-size: 1.3em;
    margin-bottom: 3em;
}

.intro_h2 .intro_title {
    margin-bottom: 0.3em;
}

.h1_landing_title {
    font-size: 2.3em;
    margin-bottom: 0.8em;
    text-transform: uppercase;
    color: #6cb0c0;
    font-family: "robotobold", Arial, Helvetica, sans-serif;
    font-weight: normal;
    line-height: 1.1;
}

.intro_block_makers-materials .intro_title {
    margin-bottom: 1.3em;
}

.products_landing,
.cnt_resources_links a {
    width: 31%;
}

.products_landing a,
.cnt_resources_links a {
    position: relative;
    display: block;
}

.products_landing a span,
.cnt_resources_links a span,
a.products_sub_landing_a span {
    position: absolute;
    top: 50%;
    left: 5%;
    width: 90%;
    color: #ffffff;
    font-family: "robotobold", Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    transform: perspective(1px) translateY(-50%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
    filter: alpha(opacity=00);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;

    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.products_landing a:hover span,
.cnt_resources_links a:hover span,
a.products_sub_landing_a:hover span {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.products_landing img,
.cnt_resources_links img,
a.products_sub_landing_a img {
    display: block;
    width: 100%;
    height: auto;
}

a.products_sub_landing_a i {
    display: block;
    width: 100%;
    height: 100%;
    left: -1px;
    top: -1px;
    border: 1px solid #ccc;
    position: absolute;
}

.cnt_resources_links {
    position: relative;
    text-align: center;
    overflow: hidden;
}

.products_landing2 {
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.products_landing1,
.products_landing3 {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 2;
}

.products_landing3 {
    left: auto;
    right: 0;
}

.products_landing a.products_landing_bottom_img {
    position: absolute;
    bottom: 0;
}

.product_links_spacer {
    max-width: 850px !important;
}

.product_links_spacer .products_landing,
.product_links_spacer .cnt_resources_links a,
a.products_sub_landing_a {
    width: 48%;
}

.products_landing_img1,
a.products_sub_landing_a1 {
    margin-right: 2%;
    float: left;
}

.products_landing_img2,
a.products_sub_landing_a2 {
    margin-left: 2%;
    float: left;
}

.products_landing_img1 a,
.products_landing_img2 a,
a.products_sub_landing_a {
    margin-bottom: 5%;
}

.prod_sub_landing_block {
    max-width: 1250px !important;
    margin: 0 auto;
    position: relative;
    margin-top: 4em;
}

.cnt_resources_links,
.products_landing,
a.products_sub_landing_a {
    position: relative;
    text-align: center;
}

.cnt_resources_links b,
.products_landing b,
a.products_sub_landing_a b {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
    filter: alpha(opacity=00);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;

    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.cnt_resources_links a {
    float: left;
    margin-right: 3.33%;
}

.cnt_resources_links a:hover b,
.products_landing:hover b,
a.products_sub_landing_a:hover b {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
}

.cnt_resources_links a.resources_landing_right {
    margin-right: 0;
}

.prod_landing_list {
    margin-top: 4em;
    background: #efeff0;
}

.prod_landing_list .lr_cnt_block {
    min-height: 20em;
}

a.prod_landing_lr_title,
a.prod_landing_lr_title:link,
a.prod_landing_lr_title:visited,
a.prod_landing_lr_title:hover {
    text-align: left;
    font-size: 1.6em;
}

.page_parent9 .sub_page_content,
.full_size_page1 .sub_page_content {
    width: 100%;
}

.page_parent9.page_custom .sub_page_content {
    width: 90%;
}

.gallery_block {
    padding-top: 3em;
}

.gallery_tmb,
.div_gallery_tmb,
.prod_sub_landing_list3 .products_sub_landing_a {
    width: 30%;
    float: left;
    margin-right: 3.33%;
    margin-bottom: 2.5em;
    position: relative;
}

.gallery_tmb i {
    display: block;
    left: -1px;
    top: -1px;
    width: 100%;
    height: 100%;
    position: absolute;
    border: 1px solid #ccc;
}

.gallery_tmb img,
.div_gallery_tmb img {
    display: block;
    width: 100%;
    height: auto;
}

#gallery_list,
.qe_block_inner,
.prod_sub_landing_list3 {
    width: 103.5%;
}

.gallery_tmb b {
    position: absolute;
    left: 0;
    top: 0;
    width: 70%;
    height: 100%;
    background: #6cb0c0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.ss_list_title {
    position: absolute;
    top: 10%;
    left: 10%;
    width: 50%;
    text-transform: uppercase;
    font-size: 0.9em;
    text-align: left;
    color: #fff;
    font-family: "robotobold", Arial, Helvetica, sans-serif;
    height: 45%;
    overflow: hidden;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.ss_list {
    padding-bottom: 3em;
}

.ss_list .btn {
    position: absolute;
    left: 10%;
    bottom: 10%;
    width: 50%;
    padding-left: 0;
    padding-right: 0;
}

.ss_info_wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
    filter: alpha(opacity=00);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;

    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.gallery_tmb:hover .ss_info_wrap {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

#pop_galley_info_meter {
    position: absolute;
    left: 0;
    top: 0;
    height: 1px;
    overflow: hidden;
    width: 100%;
    max-width: 80%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
    filter: alpha(opacity=00);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

#pop_galley_info_inner {
    line-height: 1.8;
}

#pop_galley_block {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: none;
}

#pop_gallery_fater {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
}

#pop_gallery_fater b {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000000;
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    filter: alpha(opacity=25);
    -moz-opacity: 0.25;
    -khtml-opacity: 0.25;
    opacity: 0.25;
}

#pop_gallery_wrap {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -4em;
    overflow: hidden;
    overflow: visible;
}

a.pop_close_btn {
    position: fixed;
    right: 0;
    top: 0.2em;
    display: block;
}

a.pop_close_btn,
a.pop_close_btn:link,
a.pop_close_btn:visited,
a.pop_close_btn:hover {
    width: 4em;
    height: 4em;
    text-align: center;
}

a.pop_close_btn span,
a.pop_close_btn:link span,
a.pop_close_btn:visited span,
a.pop_close_btn:hover span {
    color: #ffffff;
    font-family: "fontawesomeregular";
    font-size: 5em;
    line-height: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=65);
    -moz-opacity: 0.65;
    -khtml-opacity: 0.65;
    opacity: 0.65;

    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

a.pop_close_btn:hover span {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.pop_close_back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

#pop_gallery_content {
    max-width: 80%;
    width: 100%;
    margin: 0 auto;
    position: relative;
    background: #fff;
    border: 1.2em solid #fff;
    border: none;
    top: -1.3em;
    top: 0;
    z-index: 100;
}

.pop_gallery_loader {
    width: 5em;
    height: 5em;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -2.5em;
    margin-left: -2.5em;
    max-width: 128px;
}

#pop_gallery_img {
    position: relative;
    width: 100%;
}

#pop_gallery_img img {
    display: block;
    width: 97%;
    height: auto;
    position: relative;
    border: 1.2em solid #fff;
    border: none;
    left: 1.5%;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    min-height: 160px;
}

#pop_gallery_info {
    display: none;
}

.pop_gallery_w_info #pop_gallery_info {
    display: block;
}

.pop_gallery_w_info #pop_gallery_img img {
    padding-bottom: 0;
}

#popPlayer {
    width: 98%;
    position: relative;
    margin: 0 auto;
    top: 2%;
    height: 96%;
}

a.pop_arr_btn {
    position: absolute;
    position: fixed;
    left: 0;
    top: 50%;
    display: block;
    margin-top: -3.7em;
}

a.pop_arr2 {
    left: auto;
    right: 0;
}

a.pop_arr_btn,
a.pop_arr_btn:link,
a.pop_arr_btn:visited,
a.pop_arr_btn:hover {
    width: 4em;
    height: 8em;
    text-align: center;
}

a.pop_arr_btn span,
a.pop_arr_btn:link span,
a.pop_arr_btn:visited span,
a.pop_arr_btn:hover span {
    color: #ffffff;
    font-family: "fontawesomeregular";
    font-size: 4em;
    line-height: 1;
    position: relative;
    z-index: 2;
    line-height: 2.1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=65);
    -moz-opacity: 0.65;
    -khtml-opacity: 0.65;
    opacity: 0.65;

    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

a.pop_arr_btn:hover span {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

a.pop_arr_btn b {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #6d6e71;
    z-index: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;

    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

a.pop_arr_btn:hover b {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.prod_spec_block {
    padding-top: 2em;
    width: 101%;
    margin-bottom: 4em;
}

.prod_spec_left_block,
.prod_spec_right_block {
    text-align: left;
    float: left;
    width: 65%;
    border-top: 1px solid #000000;
    padding-top: 1em;
    margin-right: 3.66%;
}

.prod_spec_right_block {
    margin-right: 0;
    width: 30.66%;
}

.prod_spec_title {
    font-size: 1.6em;
    font-family: "robotobold", Arial, Helvetica, sans-serif;
    margin-bottom: 0.8em;
    color: #83afbf;
}

a.btn_spec {
    display: block;
    margin-bottom: 1.5em;
    text-align: center;
    padding: 0.7em 2.5em;
}

.prod_spec_inner {
    font-size: 0.9em;
}

.prod_spec_inner img {
    float: right;
    clear: right;
    margin-left: 1em;
    margin-bottom: 0.5em;
    width: 70%;
    max-width: 206px;
}

.prod_spec_inner span {
    float: left;
}

.prod_spec_block_no_right .prod_spec_right_block {
    display: none;
}

.prod_spec_block_no_right .prod_spec_left_block {
    width: 100%;
    margin-right: 0;
}

#prod_spec_btns {
    float: left;
    margin-right: 5%;
}

#prod_spec_cnt {
    float: left;
    width: 60%;
    width: 70%;
    background: repeat;
    position: relative;
    padding-bottom: 3em;
}

#prod_spec_wrap {
    position: relative;
}

.product_spec {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    padding-bottom: 0;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.5s, padding 0.5s ease-in-out,
        opacity 0.5s ease-in-out, padding 0.5s ease-in-out;
    -moz-transition: max-height 0.5s, padding 0.5s ease-in-out,
        opacity 0.5s ease-in-out, padding 0.5s ease-in-out;
    -o-transition: max-height 0.5s, padding 0.5s ease-in-out,
        opacity 0.5s ease-in-out, padding 0.5s ease-in-out;
    transition: max-height 0.5s, padding 0.5s ease-in-out,
        opacity 0.5s ease-in-out, padding 0.5s ease-in-out;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.product_spec_act {
    max-height: 35em;
    padding-bottom: 0;
    overflow: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.product_spec_link {
    display: block;
    margin-bottom: 0.4em;
}

a.product_spec_link,
a.product_spec_link:link,
a.product_spec_link:visited,
a.product_spec_link:hover {
    text-decoration: underline;
}

.player {
    position: relative;
    left: 3px;
    top: 3px;
    width: 99%;
    left: 0;
    top: 0;
    width: 100%;
}

.player a {
    display: block;
    position: relative;
    cursor: pointer;
    z-index: 200;
}

.player img {
    display: block;
    position: relative;
    z-index: 20;
    width: 100%;
}

.player iframe,
.player video {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

.player video {
    height: auto;
    width: 100%;
    position: relative;
    top: -7.7em;
}

.player i,
.player b {
    position: absolute;
    width: 100%;
    height: 100%;
    left: -3px;
    top: -3px;
    border: 3px solid #969494;
    z-index: 30;
    display: none;
}

.player b {
    left: -1px;
    top: -1px;
    border: 1px solid #969494;
    z-index: 9;
}

#la_video_overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: block;
}

.lr_cnt a.btn {
    padding-left: 1.5em;
    padding-right: 1.5em;
}

.tips_block .btn {
    margin-top: 0.6em;
    margin-bottom: 1em;
}

.tips_block a.btn.tips_btn1 {
    margin-right: 1em;
}

.tips_block a.btn {
    padding-left: 1em;
    padding-right: 1em;
}

.intro_block_ss_intro {
    margin-bottom: 1em;
}

.ss_info_block {
    padding-bottom: 4em;
    text-align: left;
    width: 101%;
}

.ss_info_left {
    float: left;
    width: 31%;
    margin-right: 3.5%;
}

.ss_info_right {
    float: left;
    width: 65%;
}

.ss_info_box {
    border-top: 1px solid #000000;
    padding-top: 1em;
    margin-bottom: 2em;
}

.ss_info_box span {
    display: block;
    text-transform: uppercase;
    color: #000000;
    font-family: "robotobold", Arial, Helvetica, sans-serif;
    margin-bottom: 0.5em;
    font-size: 1.1em;
}

.ss_info_box a,
.ss_info_box a:link,
.ss_info_box a:visited,
.ss_info_box a:hover {
    text-decoration: underline;
}

.blog_conent,
.news_conent {
    padding-bottom: 4em;
}

.news_conent .intro_title {
    text-align: left;
}

.intro_block_blog_intro .intro_description,
.intro_block_blog_intro .intro_description a,
.intro_block_blog_intro .intro_description a:link,
.intro_block_blog_intro .intro_description a:visited,
.intro_block_blog_intro .intro_description a:hover {
    font-family: "robotobold", Arial, Helvetica, sans-serif;
    color: #6cb0c0;
    font-size: 1.1em;
    text-decoration: none;
}

.intro_description a:hover,
.intro_block_blog_intro .intro_description a:hover {
    color: #498a99;
}

.intro_block_blog_intro .page_title {
    line-height: 1.2;
    margin-bottom: 0.5em;
}

.intro_block_blog_intro {
    margin-bottom: 2.5em;
    text-align: center;
}

.blog_conent,
.news_conent {
    max-width: 30em;
    text-align: left;
}

.blog_conent img,
.news_conent img {
    width: 100%;
    height: auto;
}

.news_gallery {
    max-width: 90em;
    margin: 0 auto;
    position: relative;
    top: -2em;
}

.blog_info {
    background: #eff0f0;
    padding: 2em 3em 3em 3em;
    text-align: left;
}

.blog_tmb_info,
.blog_tmb_info a,
.blog_tmb_info a:link,
.blog_tmb_info a:visited,
.blog_tmb_info a:hover {
    color: #989797;
    text-decoration: none;
}

.blog_tmb_info a:hover {
    color: #000000;
}

.blog_tmb_info {
    font-size: 0.8em;
    margin-bottom: 2em;
}

.blog_tmb_title,
a.blog_tmb_title,
a.blog_tmb_title:link,
a.blog_tmb_title:visited,
a.blog_tmb_title:hover {
    color: #000000;
    font-size: 1.4em;
    font-family: "robotobold", Arial, Helvetica, sans-serif;
    line-height: 1.1;
    text-decoration: none;
}

a.blog_tmb_title:hover {
    color: #6cb0c0;
}

#blog_list {
    width: 104%;
    padding-bottom: 4em;
}

.post {
    margin-bottom: 3em;
}

.entry-title {
    font-size: 1.5em;
    text-align: left;
}

.bg_image_block {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    text-align: center;
    padding: 3em 0;
}

.bg_image_block_about {
    margin-bottom: 5em;
}

.styles_block3_about {
    margin-bottom: 3em;
}

.bg_image_inner {
    position: relative;
    margin: 0 auto;
    width: 90%;
    color: #ffffff;
}

.bg_image_inner h2 {
    margin-bottom: 0em;
    color: #ffffff;
}

.bg_image_block_about .bg_image_inner {
    max-width: 45em;
    margin-top: 4em;
    margin-bottom: 4em;
}

.sub_page_content h3 {
    color: #6cb0c0;
    font-size: 1.1em;
    font-weight: normal;
    font-family: "robotobold", Arial, Helvetica, sans-serif;
    line-height: 1.4;
    display: block;
    margin-top: 0.5em;
}

.sub_page_content img {
    width: 100%;
    height: auto;
}

.sub_page_content img.sustainability_icon {
    max-width: 220px;
    width: 40%;
}

.intro_block_sustainability .intro_description {
    line-height: 1.5;
}

.sustainability_info {
    margin: 0 auto;
    max-width: 44em;
}

.job_block {
    max-width: 45em;
    text-align: left;
    position: relative;
    margin: 0 auto;
    margin-bottom: 4em;
}

.job_block img {
    width: auto;
}

.hover_img_btn {
    width: 100%;
    position: relative;
    display: block;
}

.hover_img_btn img {
    margin: 0;
    width: 100%;
    max-width: none;
    float: none;
}

.hover_img_btn .btn {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: -2em;
    max-width: 7em;
}

#edges_icons,
.fin_guide_icons {
    margin-top: 1.2em;
}

.edge_icon {
    float: left;
    margin-right: 0.3em;
    margin-bottom: 0.6em;
    position: relative;
    cursor: pointer;
    min-height: 5em;
    max-width: 2.5em;
}

.icon_add {
    float: left;
    height: 1px;
}

.edge_icon img {
    display: block;
    padding-bottom: 0.2em;
}

.edge_icon b {
    display: block;
    text-align: center;
    font-size: 0.6em;
    color: #000000;
    line-height: 1;
    font-weight: normal;
    position: relative;
    width: 4.3em;
}

.edge_icon i {
    display: block;
    position: absolute;
    left: 0;
    top: -0.5em;
    height: 0.3em;
    width: 0;
    background: #f7941e;
}

#ei1 i,
.ei1 i,
.fin_g_icon1 i {
    display: block;
    width: 100%;
}

.edges_container {
    width: 98%;
    position: relative;
    text-align: center;
    margin-top: 1em;
    position: relative;
    top: -2px;
}

#edges,
.edges,
.finish_guides {
    margin: 0 auto;
    position: relative;
    margin-left: 0;
}

.edge_big {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.edge_big img {
    display: block;
    width: 100%;
    position: relative;
    top: -1em;
}

#big_ei1,
.big_ei1 {
    display: block;
}

.edge_name {
    text-align: center;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
}

.edge_name strong,
.edge_name {
    font-size: 1.1em;
    line-height: 1.2;
    color: #000000;
}

.edge_name {
    color: #5c5c5c;
    font-size: 0.8em;
}

#fin_guide_block .hidden {
    display: none;
}

.fin_types {
    padding: 0px 0 01em 0;
}

.fin_types a {
    margin-right: 2em;
}

.fin_types a,
.fin_types a:link,
.fin_types a:visited,
.fin_types a:hover {
    color: #000;
    font-size: 1em;
    line-height: 1.4;
    text-decoration: none;
}

.fin_types a:hover,
.fin_types a.fin_type_cur {
    color: #6cb0c0;
}

#fin_guide_block .edge_icon img {
    padding-bottom: 1em;
    white-space: normal;
    width: 2.5em;
    text-align: center;
}

#fin_guide_block .edge_big img {
    border: 1px solid #7b7b7b;
}

#fin_guide_block .finish_guides {
    overflow: visible;
    margin-left: 0;
}

#fin_guide_block .edge_name {
    bottom: -0.2em;
    position: relative;
    color: #000000;
    font-size: 1.1em;
    line-height: 1.2;
}

.fin_g_block {
    display: none;
}

#edges_block1.fin_g_block {
    display: block;
}

img.lr_img_loder {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
}

.float_block {
    width: 105%;
    overflow: hidden;
}

.float_box_title {
    color: #6cb0c0;
    font-size: 1.2em;
    text-align: left;
}

.float_box {
    border-top: 1px solid #bebebe;
    padding-top: 2em;
    text-align: left;
    width: 90%;
    margin-right: 5%;
    margin-bottom: 3em;
    float: left;
}

.float_box_group {
    float: left;
    width: 90%;
    margin-right: 3%;
    position: relative;
    left: 4%;
}

.float_box_w30 {
    width: 24%;
}

.float_box_w35 {
    width: 30%;
}

.float_box_w70 {
    width: 60%;
}

.float_box_w50 {
    width: 44%;
}

.float_box1 {
    margin-right: 1%;
}

.float_box_group.float_box_w70 {
    width: 68%;
}

.float_box_group .float_box_w50 {
    margin-right: 6%;
    width: 44%;
}

.float_box_group .float_box_w100 {
    width: 98%;
}

.la_player {
    max-width: 1400px;
    max-width: none;
    margin: 4em auto 4em auto;
    position: relative;
    overflow: hidden;
}

.la_player iframe {
    position: relative;
    top: -26%;
}

.contact_float_box {
    border-color: #000000;
    padding-top: 1.5em;
    line-height: 1.8;
}

.contact_float_box strong {
    display: block;
    margin-bottom: 0.5em;
    line-height: 1.3;
}

.contact_float_box .float_box_title {
    text-transform: uppercase;
    color: #000;
    font-size: 1.1em;
}

.contact_float_box_clear1,
.contact_float_box_clear3,
.contact_float_box_clear4_3 {
    display: none;
}

.float_box_w25.contact_float_box {
    width: 22.5%;
    margin-right: 3%;
}

.float_box_w30.contact_float_box {
    width: 31%;
    margin-right: 3%;
}

.float_box_w50.contact_float_box {
    width: 48%;
    margin-right: 3%;
}

.float_box_w30.contact_float_box_right3,
.float_box_w25.contact_float_box_right4,
.float_box_w50.contact_float_box_right2,
.float_box_w30.contact_float_box_right3_2 {
    margin-right: 0;
}

.float_box_w30.contact_float_box_right3_2 {
    margin-left: 3%;
}

.cnt_full_size_contacts {
    width: 100%;
    background-color: #efeff0;
}

.cnt_full_size_contacts .lr_block {
    min-height: 25em;
}

.cnt_full_size_contacts .lr_cnt {
    line-height: 2;
    font-size: 1.1em;
}

.page_contact .page_content_after_full {
    display: none;
}

.page_contact .page_content_after_full_map {
    display: block;
    margin-top: 5em;
}

.cnt_map {
    background: #f1f1f2;
    width: 100%;
    overflow: hidden;
    margin-top: 2em;
    margin-top: 0;
}

.contact_map {
    clear: both;
    padding: 3em 0;
    padding-top: 4em;
    margin: 0 auto;
    position: relative;
    width: 90%;
}

.contact_map .intro_block {
    padding-bottom: 2em;
}

.contact_map .map_address_container#container {
    padding-left: 0;
    padding-right: 0;
    clear: both;
}

#map_contacts {
    display: none;
}

.mapWrapper {
    margin: 0 auto;
    position: relative;
    width: 100% !important;
    height: aauto !important;
}

#map {
    position: relative !important;
    margin-bottom: 2em;
    width: 50%;
    float: left;
}

.map_container {
    float: left;
    margin-right: 4em;
    margin-right: 0;
    float: none;
    margin-left: 1em;
    margin-left: 0;
    margin-bottom: 2em;
    min-height: 10em;
    min-height: 3em;
    margin-bottom: 1.6em;
}

.map_cnt_title {
    color: #000;
    font-size: 1em;
    line-height: 1.3;
    margin-right: 1.5em;
    text-transform: uppercase;
    font-family: "robotobold", Arial, Helvetica, sans-serif;
}

.map_cnt_covering {
    font-size: 0.9em;
    line-height: 1.1;
    float: left;
    padding-top: 0.5em;
    font-family: "robotomedium", Arial, Helvetica, sans-serif;
}

.map_ind {
    margin-top: 1em;
}

.map_cnt_address,
.map_ind_name,
.map_ind_phone {
    font-size: 0.9em;
    line-height: 1.2;
}

.map_cnt_address strong,
.map_cnt_address strong a,
.map_cnt_address strong a:link,
.map_cnt_address strong a:visited,
.map_cnt_address strong a:hover,
.map_ind_phone,
.map_ind_phone a,
.map_ind_phone a:link,
.map_ind_phone a:visited,
.map_ind_phone a:hover {
    font-weight: normal;
    text-decoration: none;
}

.map_cnt_address {
    line-height: 1.6;
    padding: 0.8em 0 0.4em 0;
}

.map_cnt_address strong {
    font-family: "robotolight", Arial, Helvetica, sans-serif;
}

.map_ind {
    float: left;
}

.map_ind_line {
    margin-bottom: 0.4em;
}

.map_ind_name {
    width: 10em;
    margin-right: 1em;
    float: left;
    font-family: "robotomedium", Arial, Helvetica, sans-serif;
}

.map_ind_phone {
    float: left;
    width: 7em;
    padding-right: 2em;
    white-space: nowrap;
    position: relative;
}

.map_ind_email {
    display: block;
    width: 1em;
    height: 1em;
    position: relative;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
}

.map_ind_email i {
    position: absolute;
    left: 0;
    top: 50%;
    line-height: 1;
    top: 0;
    font-size: 1.3em;
    display: block;
    font-family: "fontawesomeregular";
    font-style: normal;
}

a.map_ind_phone_a,
a.map_ind_phone_a:link,
a.map_ind_phone_a:visited,
a.map_ind_phone_a:hover {
    color: #939598;
}

a.map_ind_phone_a:hover {
    text-decoration: underline;
}

.point {
    position: fixed;
    display: none;
    padding: 10px 15px;
    background: #f2f2f2;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #262626;
    -moz-border-radius: 4px;
    /* FF1-3.6 */
    -webkit-border-radius: 4px;
    /* Saf3-4, iOS 1-3.2, Android <1.6 */
    border-radius: 4px 4px 4px 4px;
    /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
    /* useful if you don't want a bg color from leaking outside the border: */
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

#text {
    display: block;
    width: 39%;
    margin-left: 5%;
    text-align: left;
    float: left;
}

.mapWrapper img {
    float: left;
    padding-right: 5px;
    padding-top: 2px;
}

.mapWrapper ul {
    margin-left: 30px;
}

.clear.gal_clear2,
.clear.gal_clear3,
.clear.gal_clear4 {
    display: none;
}

.res_tab2 .clear.gal_clear2,
.res_tab3 .clear.gal_clear3,
.res_tab4 .clear.gal_clear4,
.res_tab5 .clear.gal_clear5 {
    display: block;
}

.res_tab {
    display: none;
    padding-bottom: 5em;
}

.res_tab_active {
    display: block;
}

.res_sub_image_wrap {
    margin-top: 1em;
    position: relative;
}

.res_sub_image_wrap img {
    display: block;
    width: 70%;
    margin-left: 30%;
}

.res_sub_image_wrap span {
    position: absolute;
    left: 0;
    top: 0;
    color: #000;
    width: 27%;
    display: block;
    text-align: left;
}

.res_note {
    border-top: 1px solid #000;
    padding-top: 1em;
    text-align: left;
    font-size: 0.9em;
    margin-top: 2em;
    width: 96%;
    clear: both;
}

.res_note strong {
    display: block;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 0.5em;
    font-size: 1.1em;
}

.btn_tab {
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 0.5em;
}

#tab_nav,
#tab_nav_scroll {
    margin-bottom: 1.5em;
}

a.btn_active,
a.btn_active:link,
a.btn_active:visited,
a.btn_active:hover,
a.fin_type_cur,
a.fin_type_cur:link,
a.fin_type_cur:visited,
a.fin_type_cur:hover {
    color: #ffffff;
    background-color: #6bb1c1;
    border-color: #6bb1c1;
}

a.btn_tab,
a.btn_tab:link,
a.btn_tab:visited,
a.btn_tab:hover {
    min-width: 9em;
}

.page_fabrics a.btn_tab,
.page_fabrics a.btn_tab:link,
.page_fabrics a.btn_tab:visited,
.page_fabrics a.btn_tab:hover {
    min-width: 3em;
}

.div_gallery_tmb span,
a.gallery_tmb span {
    display: block;
    margin-top: 0.5em;
    color: #000000;
    position: relative;
}

.res_sub_image_wrap span {
    position: absolute;
}

a.gallery_tmb,
a.gallery_tmb:link,
a.gallery_tmb:visited,
a.gallery_tmb:hover {
    text-decoration: none;
}

.res_tab5 .res_images5 {
    width: 17%;
    margin-right: 3%;
}

.res_tab4 .res_images4 {
    width: 22%;
    margin-right: 3%;
}

.res_tab4 .res_images2 {
    width: 47%;
    margin-right: 3%;
}

.res_tab1 .res_images1 {
    width: 100%;
    margin-right: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 50em;
    position: relative;
    float: none;
    margin-bottom: 3em;
    left: -1.5%;
}

.res_tab1 {
    text-align: center;
    position: relative;
}

.res_tab1 .res_note {
    width: 96%;
}

.gallery_info {
    display: none;
}

.res_tab3 .res_images2 {
    width: 63.3%;
}

.intro_block_makers-materials .res_tab3 .res_images2 {
    width: 56%;
    margin-right: 0;
    margin-left: 8%;
}

.intro_block_makers-materials .res_tab3 {
    padding-bottom: 0;
}

.clear_bottom {
    display: block;
}

#pop_gallery_info {
    padding-bottom: 1em;
    border-top: 1px solid #000;
    text-align: left;
    width: 94%;
    margin: 0 auto;
    border-top: 1em solid #fff;
    padding-top: 1em;
    line-height: 1.8;
    z-index: 10;
    position: relative;
    background: #ffffff;
    top: -0.2em;
}

#pop_gallery_info i {
    position: absolute;
    display: block;
    left: 0;
    height: 1px;
    background: #000000;
    width: 100%;
    top: 0;
}

#pop_gallery_info strong {
    color: #000000;
}

.finishes_page .fin_guide_icons {
    font-size: 2em;
    margin-top: 0;
}

.finishes_page .edge_icon b {
    font-size: 0.5em;
}

.finishes_page #tab_nav {
    margin-bottom: 4em;
}

.finishes_page#fin_guide_block .edge_icon {
    min-height: 4.5em;
    display: inline-block;
    float: none;
}

.finishes_page#fin_guide_block .edge_icon b {
    display: block;
    position: absolute;
    top: 6.2em;
}

.finishes_page#fin_guide_block .edge_icon img {
    max-width: 100px;
    padding-bottom: 0.7em;
    padding-bottom: 1.9em;
    display: inline-block;
}

.finishes_page#fin_guide_block .edge_big img {
    border: none;
    position: relative;
    margin: 0 auto;
}

.finishes_page .edge_name {
    display: none;
}

.finishes_page#fin_guide_block #edges_block2 .edges_container,
.finishes_page#fin_guide_block #edges_block3 .edges_container {
    width: 80%;
    float: left;
}

.finishes_page#fin_guide_block #edges_block2 .edge_icon,
.finishes_page#fin_guide_block #edges_block3 .edge_icon {
    float: left;
}

.finishes_page#fin_guide_block #edges_icons2,
.finishes_page#fin_guide_block #edges_icons3 {
    width: 20%;
    float: left;
    margin-top: 0;
    max-width: 4em;
}

.finishes_page#fin_guide_block #edges_block2 .edge_icon,
.finishes_page#fin_guide_block #edges_block3 .edge_icon {
    display: block;
    min-height: 1em;
    float: none;
    margin-bottom: 1em;
}

.finishes_page#fin_guide_block #edges_block2 .edge_icon img,
.finishes_page#fin_guide_block #edges_block3 .edge_icon img {
    padding-bottom: 0;
}

.finishes_page#fin_guide_block #edges_block2 .edge_icon b,
.finishes_page#fin_guide_block #edges_block3 .edge_icon b {
    position: relative;
    top: 0;
    margin-bottom: 0.5em;
}

.typicals_landing a {
    display: block;
    width: 27%;
    margin: 0 3%;
    float: left;
    margin-top: 1em;
    margin-bottom: 3em;
}

.typicals_landing {
    padding-bottom: 6em;
}

.typicals_landing a,
.typicals_landing a:link,
.typicals_landing a:visited,
.typicals_landing a:hover {
    text-decoration: none;
}

.typicals_landing a span,
.typicals_landing a:link span,
.typicals_landing a:visited span,
.typicals_landing a:hover span {
    color: #000;
    text-decoration: none;
    font-family: "robotobold", Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    -webkit-transition: color 0.5s ease-in-out;
    -moz-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
    transition: color 0.5s ease-in-out;
}

.typicals_landing a:hover span {
    color: #6cb0c0;
}

.typ_info {
    padding: 0.5em 0 1em 0;
}

.typ_info strong,
.typ_info a {
    display: block;
    margin-bottom: 1em;
    line-height: 1.2;
}

.typ_info a,
.typ_info a:link,
.typ_info a:visited,
.typ_info a:hover {
    text-decoration: underline;
    line-height: 1.2;
}

.tab_nav_typ a.btn_tab,
.tab_nav_typ a.btn_tab:link,
.tab_nav_typ a.btn_tab:visited,
.tab_nav_typ a.btn_tab:hover {
    min-width: 7em;
    min-width: 4em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    margin-left: 0.5em;
    margin-right: 0.5em;
}

.cnt_typ_sep {
    margin: 0 auto;
    width: 100%;
}

.cnt_typ_sep img {
    display: block;
    position: relative;
    margin: 0 auto;
}

.page_content_after_full_typ_sep {
    background-color: #efeff0;
    width: 100%;
    padding-top: 0;
}

.qe_block {
    width: 90%;
    margin: 0 auto;
    position: relative;
    padding-bottom: 3em;
}

.qe_title {
    padding: 2em 0 1em 0;
}

.other_typ_title {
    padding-bottom: 1em;
}

.sub_page_other_typ_content {
    padding-top: 0;
}

.typical_block .res_tab {
    padding-bottom: 2em;
}

.qe_title,
.other_typ_title {
    font-size: 1.6em;
}

.qe_block_inner a {
    margin-bottom: 1.5em;
    display: block;
}

.tools_panel_left {
    float: left;
    width: 47%;
    margin-right: 3%;
}

.tools_panel_right {
    float: left;
    width: 47%;
    margin-left: 3%;
}

.tools_panel_left .float_box,
.tools_panel_right .float_box {
    width: 100%;
    margin-right: 0;
}

.tools_float_box .page_title {
    text-transform: uppercase;
    color: #000000;
    font-size: 1.1em;
}

.tools_float_box {
    border-color: #000;
}

.tools_float_box a {
    display: block;
    margin-bottom: 0.5em;
}

a.gallery_download_link,
a.gallery_download_link:link,
a.gallery_download_link:visited,
a.gallery_download_link:hover {
    text-decoration: none;
    color: #f59210;
    font-family: "fontawesomeregular";
    font-size: 3em;
    position: absolute;
    right: 0;
    top: -0.2em;
    line-height: 1;
}

a.gallery_download_link:hover {
    color: #e38100;
}

.res_images_sub a.gallery_download_link {
    position: relative;
    display: block;
    right: auto;
    left: 0;
    top: 0;
}

a.gallery_download_a {
    position: relative;
    display: block;
}

a.gallery_download_a i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    display: block;
    z-index: 10;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

a.gallery_download_a:hover i {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
}

.page_blog_search {
    padding-top: 2em;
    padding-bottom: 3em;
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
    text-align: left;
}

.page_blog_search h1.page-title {
    font-size: 1.3em;
    margin-bottom: 2em;
    margin-top: 1em;
}

.page_blog_search h2.entry-title {
    margin-bottom: 0.2em;
    font-size: 1.1em;
}

.page_blog_search .entry-summary {
    margin-bottom: 2em;
}

.wp-pagenavi {
    text-align: center;
}

.wp-pagenavi span,
.wp-pagenavi a {
    margin: 0 0.2em;
}

.page_cnt_404 {
    text-align: center;
}

.flexibility_mobile_image {
    display: none;
}

.flexibility_desktop_image {
    margin-bottom: 2em;
}

.rq_block {
    background: #84b2c1;
    background: #e4e7e6;
    text-align: center;
    position: relative;
    padding: 3em 0 3em 0;
    padding: 5em 0 5em 0;
    margin-bottom: 4em;
    position: relative;
    top: -2em;
    top: 0;
    margin-bottom: 0;
}

.rq_inner {
    width: 90%;
    margin: 0 auto;
    font-size: 1.1em;
}

.rq_title {
    color: #ffffff;
    color: #000000;
    font-size: 2.1em;
    font-family: "robotobold", Arial, Helvetica, sans-serif;
    position: relative;
    margin-bottom: 1em;
}

.page_no_padding_content {
    padding-top: 0;
}

a.rq_btn,
a.rq_btn:link,
a.rq_btn:visited,
a.rq_btn:hover {
    background: #ffffff;
    background: #edf0f1;
    border: 1px solid #000;
    padding: 1em;
    color: #000000;
    margin: 0 1em;
    min-width: 17em;
    margin-bottom: 1em;
    font-size: 1.2em;
}

a.rq_btn:hover {
    background: #dfdfdf;
    background-color: #6cb0c0;
    border-color: #6cb0c0;
    color: #ffffff;
}

.fixed_menu {
    position: fixed;
    background: white;
    z-index: 11;
    left: 0;
    right: 0;
    top: 9em;
    padding-top: 4em;
    display: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.header_scroll .fixed_menu {
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.edges_empty_title {
    height: 1px;
    overflow: hidden;
    margin-top: -1.3em;
}

.prod_sub_landing_list .clear2 {
    clear: both;
}

.prod_sub_landing_list3 .clear2 {
    display: none;
}

.prod_sub_landing_list3 .clear3 {
    clear: both;
}

#scrl_btn {
    position: absolute;
    top: 80%;
    left: 50%;
    margin-left: -1em;
    width: 2em;
    text-align: center;
    font-size: 12em;
    z-index: 10;
    -webkit-transition: top 0.5s ease-in-out;
    -moz-transition: top 0.5s ease-in-out;
    -o-transition: top 0.5s ease-in-out;
    transition: top 0.5s ease-in-out;
}

#scrl_btn span {
    font-family: "fontawesomeregular";
    display: block;
    line-height: 0.5em;
}

a#scrl_btn,
a#scrl_btn:link,
a#scrl_btn:visited,
a#scrl_btn:hover,
a#scrl_btn span,
a#scrl_btn:link span,
a#scrl_btn:visited span,
a#scrl_btn:hover span {
    text-decoration: none;
    color: #ffffff;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

a#scrl_btn:hover,
a#scrl_btn:hover span {
    color: #d49443;
}

.page_contact .page_content_after_full_full_size_contacts {
    display: block;
    font-size: 1.1em;
    padding-top: 4em;
    padding-bottom: 2em;
}

.sub_menu_level1 li#menu-item-3461 {
    max-width: 130px;
}

#home_play_btn {
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 4em;
    bottom: 2em;
    height: 4em;
    display: block;
}

#home_play_btn span {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    font-family: "fontawesomeregular";
    display: block;
    font-size: 5em;
    line-height: 0.5;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

#home_play_btn:hover span {
    color: #000;
}

#home_play_btn span.pause_btn {
    display: none;
}

#home_play_btn.paused span.pause_btn {
    display: block;
}

#home_play_btn.paused span.play_btn {
    display: none;
}

.prod_num_line {
    position: absolute;
    left: 1.5%;
    bottom: 6%;
    width: 97%;
    z-index: 10;
}

.prod_num_line u {
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=65);
    -moz-opacity: 0.65;
    -khtml-opacity: 0.65;
    opacity: 0.65;
}

.prod_num_line em {
    line-height: 1.1;
    padding: 10px 0;
    display: block;
    color: #000000;
    text-transform: uppercase;
    position: relative;
    text-align: left;
    padding-left: 2em;
    font-size: 1.2em;
    font-family: "helvetica_neue_lt_std47LtCn", Arial, Helvetica, sans-serif;
    text-align: right;
    padding-right: 2em;
    font-weight: normal;
    font-style: normal;
}

.prod_zoom {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 2px;
    bottom: 0;
    z-index: 20;
}

.prod_zoom span,
.prod_soc_wrap,
.prod_soc_a {
    display: block;
    width: 0.9;
    height: 0.9;
    background: #e8e6e7;
    position: absolute;
    left: 0;
    bottom: 2px;
}

.gallery_tmb_zoom span,
.prod_soc_ext span,
.prod_soc i,
.prod_soc_ext b {
    font-family: "fontawesomeregular";
    line-height: 1.7;
    text-transform: none;
}

a.gallery_tmb_zoom,
a.gallery_tmb_zoom:link,
a.gallery_tmb_zoom:visited,
a.gallery_tmb_zoom:hover {
    text-decoration: none;
}

.prod_zoom i b,
.prod_soc i,
.prod_soc_ext b,
.prod_soc_a span {
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 3px;
    top: 0;
    cursor: pointer;
    overflow: hidden;
}

.prod_zoom i:hover {
    background-color: #f69432;
}

.prod_soc {
    position: absolute;
    z-index: 30;
    width: 0.9em;
    height: 0.9em;
    background: #e8e6e7;
    background: #ffffff;
    position: absolute;
    left: 4px;
    margin-left: 0.9em;
    bottom: 2px;
    cursor: pointer;
    font-size: 1.7em;
    line-height: 0.8;
    top: 50%;
    margin-top: -0.45em;
}

.prod_img_zoom .prod_soc {
    left: 28px;
}

.prod_soc i {
    cursor: pointer;
    left: 1px;
    top: 0px;
    width: 100%;
    font-size: 1em;
    line-height: 1;
    font-style: normal;
    display: block;
    height: 100%;
    text-align: center;
}

.prod_soc_ext {
    position: relative;
    cursor: pointer;
    width: 153px;
    margin-left: 2px;
    background: #e8e6e7;
    background: #ffffff;
    height: 0.9em;
}

.prod_img_zoom .prod_soc_wrap {
    left: 52px;
}

.prod_soc_ext_TMP b {
    width: 26px;
    height: 8px;
    left: 6px;
    top: 50%;
    line-height: 8px;
    margin-top: -4px;
    cursor: default;
    background: none;
    font-size: 8px;
    text-transform: uppercase;
}

.prod_soc:hover,
.prod_soc_sel {
    background: #f69432;
    color: #000000;
}

.prod_soc:hover span {
    color: #000000;
}

.prod_soc_s {
    top: 0;
    left: 6px;
}

.prod_soc_s span {
    left: 6px;
    width: 23px;
    height: 27px;
    text-align: center;
}

.prod_soc_f {
    top: 0;
    left: 33px;
}

.prod_soc_f span {
    left: 6px;
    width: 23px;
    height: 27px;
    text-align: center;
}

.prod_soc_t {
    top: 0;
    left: 63px;
}

.prod_soc_t span {
    left: 4px;
    width: 23px;
    height: 17px;
    top: 0px;
    text-align: center;
}

.prod_soc_p {
    top: 0;
    left: 93px;
}

.prod_soc_p span {
    left: 1px;
    width: 23px;
    height: 20px;
    top: 0px;
    text-align: center;
}

.prod_soc_l {
    top: 0;
    left: 120px;
}

.prod_soc_l span {
    left: 1px;
    width: 23px;
    height: 20px;
    top: 0px;
    text-align: center;
}

.prod_soc_wrap {
    max-width: 0;
    height: 1.5em;
    position: absolute;
    z-index: 30;
    left: 0.9em;
    top: 0;
    background: none;
    width: auto;
    -webkit-transition: max-width 0.2s ease-in-out;
    -moz-transition: max-width 0.2s ease-in-out;
    -o-transition: max-width 0.2s ease-in-out;
    transition: max-width 0.2s ease-in-out;
}

.prod_soc .prod_soc_ext span {
    height: 26px;
    color: #939598;
    line-height: 1;
}

.prod_soc:hover .prod_soc_ext span:hover {
    color: #000000;
}

.prod_soc:hover .prod_soc_wrap {
    max-width: 200px;
}

#copy_link_block {
    position: absolute;
    margin-left: 0.9em;
    left: 30px;
    right: 10px;
    height: 0.9em;
    background: #ffffff;
    left: 73px;
    top: 50%;
    margin-top: -0.45em;
    bottom: 2px;
    font-size: 1.7em;
    z-index: 100;
    overflow: hidden;
    max-width: 530px;
}

#copy_link_block span {
    position: absolute;
    left: 10px;
    right: 3.9em;
    top: 5px;
    bottom: 5px;
    background: #939597;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#copy_link_block span input {
    position: absolute;
    background: #939597;
    left: 3%;
    width: 94%;
    top: 0;
    bottom: 0;
    color: #ffffff;
    font-size: 0.4em;
    display: block;
    border: none;
    line-height: 1.4em;
    max-width: none;
}

#copy_link_block b,
a.prod_soc_copy {
    position: absolute;
    right: 0px;
    left: auto;
    top: 0;
    bottom: 0;
    width: 7em;
    text-align: center;
    font-size: 0.6em;
    color: #000;
    text-transform: uppercase;
    display: block;
    white-space: nowrap;
    background: #ffffff;
    font-family: "helvetica_neue_lt_std47LtCn", Arial, Helvetica, sans-serif;
    line-height: 1.6;
    font-size: 0.55em;
    font-weight: normal;
}

#copy_link_block b {
    display: none;
}

#copy_link_block {
    max-width: 0;
    -webkit-transition: max-width 0.2s ease-in-out;
    -moz-transition: max-width 0.2s ease-in-out;
    -o-transition: max-width 0.2s ease-in-out;
    transition: max-width 0.2s ease-in-out;
}

.copy_link_block_act#copy_link_block {
    max-width: 530px;
}

.gallery_tmb_zoom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
    z-index: 10;
}

.gallery_tmb_zoom span {
    position: absolute;
    width: 0.9em;
    height: 0.9em;
    font-size: 1.7em;
    line-height: 1;
    text-align: center;
    left: 2px;
    bottom: 2px;
    display: block;
    cursor: pointer;
    background: #e8e6e7;
}

.gallery_tmb_zoom span:hover {
    background-color: #f69432;
    color: #000;
}

.banner_link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    display: block;
    z-index: 5;
}

.next_arr {
    display: block;
    position: absolute;
    right: 10%;
    top: 52%;
    line-height: 1;
    margin-top: -0.575em;
    z-index: 10;
    padding: 0 0.2em;
}

.next_arr,
.next_arr:link,
.next_arr:visited,
.next_arr:hover {
    text-decoration: none;
    color: #ffffff;
    font-family: "fontawesomeregular";
    font-size: 8em;
}

.prev_arr {
    right: auto;
    left: 10%;
}

.news_y_block {
    text-align: left;
}

.news_y {
    font-size: 1.4em;
    margin-bottom: 0.5em;
    font-family: "robotobold", Arial, Helvetica, sans-serif;
    color: #6cb0c0;
}

.news_main_block {
    margin-bottom: 4em;
    width: 90%;
    margin: 0 auto;
    position: relative;
    max-width: 30em;
    position: relative;
    z-index: 10;
    font-size: 1.4em;
    padding: 2em 0;
}

.news_main_block .intro_title_TMP {
    text-align: left;
}

.news_y_block {
    margin-bottom: 2em;
}

.news_y_block a {
    display: block;
    margin-bottom: 0.4em;
}

.industry_news_block {
    width: 101%;
    left: 0.5%;
    padding-top: 1em;
    margin-top: 0.5em;
    padding-bottom: 2em;
    max-width: 860px;
    position: relative;
    margin: 0 auto;
}

.ind_news {
    float: left;
    border: 1px solid #d4d4d4;
    position: relative;
    width: 30%;
    max-width: 270px;
    margin-right: 1.25%;
    margin-left: 1.25%;
    margin-bottom: 1.2em;
}

.ind_news_inner {
    width: 90%;
    margin: 5%;
    text-align: left;
}

.ind_news_inner img {
    width: 100%;
    display: block;
    margin-bottom: 1em;
}

.industry_news_title {
    font-size: 1.1em;
    line-height: 1.1;
    color: #000000;
    margin-bottom: 1em;
    font-family: "robotobold", Arial, Helvetica, sans-serif;
    color: #6cb0c0;
}

.industry_news_excerpt {
    font-size: 0.9em;
    padding-bottom: 0.4em;
}

.news_desc {
    padding-bottom: 1em;
}

.ind_news_sep2 {
    display: none;
}

.ind_news_sep3 {
    clear: both;
    display: block;
    width: 100%;
    height: 1px;
}

.sbi_photo {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

#sb_instagram .sbi_photo img {
    visibility: hidden;
    max-width: 140% !important;
    width: 140% !important;
}

.sbi_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.sbi_photo:hover .sbi_content {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.sbi_content_inner {
    width: 86%;
    position: absolute;
    left: 7%;
    top: 7%;
    bottom: 2em;
    line-height: 1.2;
    text-align: center;
    font-size: 0.7em;
    overflow: hidden;
}

.sbi_inst_i {
    position: absolute;
    right: 50%;
    bottom: -0.3em;
    font-family: "fontawesomeregular";
    line-height: 1.7;
    font-size: 1.6em;
}

.page_fontawesome .logo,
.page_fontawesome #search_btn b,
.page_fontawesome #search_form a,
.page_fontawesome .soc_btn span,
.page_fontawesome #submit_btn span,
.page_fontawesome a.pop_close_btn span,
.page_fontawesome a.pop_arr_btn span,
.page_fontawesome .map_ind_email i,
.page_fontawesome a.gallery_download_link,
.page_fontawesome #scrl_btn span,
.page_fontawesome #home_play_btn span,
.page_fontawesome .gallery_tmb_zoom span,
.page_fontawesome .prod_soc_ext span,
.page_fontawesome .prod_soc i,
.page_fontawesome .prod_soc_ext b,
.page_fontawesome .next_arr,
.page_fontawesome .sbi_inst_i {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

@media screen and (max-width: 1720px) {
    #prod_spec_cnt {
        width: 67%;
    }

    .prod_spec_block_no_right #prod_spec_cnt {
        width: 50%;
    }
}

@media screen and (max-width: 1560px) {
    #prod_spec_cnt {
        width: 63%;
    }

    .prod_spec_block_no_right #prod_spec_cnt {
        width: 50%;
    }
}

@media screen and (max-width: 1320px) {
    #prod_spec_cnt {
        width: 62%;
    }

    .prod_spec_block_no_right #prod_spec_cnt {
        width: 50%;
    }

    .float_box_w30 {
        width: 26%;
    }

    .float_box_group .float_box_w50 {
        margin-right: 7%;
        width: 42%;
    }

    .float_box_group .float_box_w100 {
        width: 96%;
    }

    .res_sub_image_wrap img {
        width: 60%;
        margin-left: 40%;
    }

    .res_sub_image_wrap span {
        width: 37%;
    }
}

@media screen and (max-width: 1260px) {
    #menu {
        font-size: 0.9em;
    }

    .home_banners {
        height: 960px;
    }

    .prod_spec_right_block,
    .prod_spec_left_block {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .prod_spec_right_block {
        max-width: 20em;
    }

    #prod_spec_cnt {
        width: 70%;
    }

    .app_list1,
    .app_list2 {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .prod_spec_block_no_right #prod_spec_cnt {
        width: 50%;
    }

    .float_box_w25.contact_float_box {
        width: 31%;
    }

    .float_box_w25.contact_float_box4_3 {
        margin-right: 0;
    }

    .contact_float_box_clear4_3 {
        display: block;
    }
}

@media screen and (max-width: 1180px) {
    .ss_info_wrap {
        font-size: 0.8em;
    }

    .prod_spec_block_no_right #prod_spec_cnt {
        width: 50%;
    }

    .res_tab5 .clear.gal_clear4 {
        display: block;
    }

    .res_tab5 .clear.gal_clear5 {
        display: none;
    }

    .res_tab5 .res_images5 {
        width: 22%;
        margin-right: 3%;
    }

    #sb_instagram.sbi_col_6 #sbi_images .sbi_item {
        width: 33.33% !important;
    }
}

@media screen and (max-width: 1100px) {
    #menu {
        font-size: 0.8em;
    }

    #prod_spec_cnt {
        width: 66%;
    }

    .prod_spec_block_no_right #prod_spec_cnt {
        width: 50%;
    }

    .cnt_resources_links b,
    .products_landing b,
    a.products_sub_landing_a b {
        opacity: 0.5 !important;
        background: rgba(0, 0, 0, 0.5);
    }

    .gallery_tmb b {
        background: rgba(108, 176, 192, 0.8) !important;
    }

    .ss_info_wrap {
        opacity: 1 !important;
    }
}

@media screen and (max-width: 1100px) {
    #menu {
        font-size: 1.1em;
        overflow: hidden;
        position: absolute;
        right: 0;
        width: 74%;
        background: #e9e9e9;
        top: 1.8em;
        max-width: 15em;
        padding: 2em;
        padding-left: 4em;
        max-height: 0px;
        padding-top: 0;
        padding-bottom: 0;
        z-index: 10;
        -webkit-transition: max-height 1s, padding 0.5s ease-in-out;
        -moz-transition: max-height 1s, padding 0.5s ease-in-out;
        -o-transition: max-height 1s, padding 0.5s ease-in-out;
        transition: max-height 1s, padding 0.5s ease-in-out;
    }

    #menu.menu_act {
        max-height: 160em;
        padding-top: 2em;
        padding-bottom: 2em;
    }

    #mobile_menu {
        position: absolute;
        top: 0;
        right: 0;
        width: 3em;
        height: 1.4em;
        font-size: 1.1em;
    }

    .mobile_menu_line {
        width: 2em;
        height: 0.2em;
        background: #ffffff;
        position: absolute;
        right: 0;
        top: 0;
    }

    .mobile_menu_line2 {
        top: 0.58em;
    }

    .mobile_menu_line3 {
        top: auto;
        bottom: 0;
    }

    .menu_top_left,
    .menu_top_right {
        position: relative;
        float: none;
        width: 100%;
    }

    .menu_top_left a,
    .menu_top_left a:link,
    .menu_top_left a:visited,
    .menu_top_left a:hover,
    .menu_top_right a,
    .menu_top_right a:link,
    .menu_top_right a:visited,
    .menu_top_right a:hover,
    #menu .footer_title.menu_a0 {
        color: #6bb0c1;
        font-family: "roboto_condensedbold", Arial, Helvetica, sans-serif;
        display: block;
        width: 100%;
        padding-bottom: 0.4em;
    }

    .main_menu_item {
        width: 100%;
        margin: 0;
        position: relative;
    }

    .main_menu_item a.menu_arr {
        display: none;
    }

    .menu-item-has-children a.menu_arr {
        display: inline;
        position: absolute;
        left: -2.5em;
        top: 0;
        font-family: "fontawesomeregular";
        top: -0.4em;
        width: 2.3em;
    }

    .menu-item-has-children a.menu_arr,
    .menu-item-has-children a.menu_arr:link,
    .menu-item-has-children a.menu_arr:visited,
    .menu-item-has-children a.menu_arr:hover {
        line-height: 1;
    }

    .menu-item-has-children a.menu_arr p {
        display: block;
        text-transform: none;
        font-size: 2.3em;
    }

    .menu-item-has-children a.menu_arr i {
        display: none;
        font-style: normal;
        text-transform: none;
        font-size: 2.3em;
    }

    .menu-item-has-children a.menu_arr p,
    .menu-item-has-children a.menu_arr i {
        width: 1em;
        text-align: center;
    }

    .sub_menu_level0,
    .main_menu_item:hover .sub_menu_level0 {
        position: relative;
        max-height: 0px;
        padding: 0;
        top: 0;
    }

    .sub_menu_level0 li {
        float: none;
        min-width: 0;
        margin: 0;
    }

    .menu_box {
        display: none;
    }

    .top_container {
        overflow: visible;
    }

    .sub_menu_level0 a:hover,
    .main_menu_item a:hover {
        color: #3d6c77;
    }

    .sub_menu_level1 a,
    .sub_menu_level1 a:link,
    .sub_menu_level1 a:visited,
    .sub_menu_level1 a:hover {
        color: #8c8d8c;
        text-transform: none;
        font-family: "robotolight", Arial, Helvetica, sans-serif;
        position: relative;
        line-height: 1;
    }

    .sub_menu_level1 a:hover {
        color: #000000;
    }

    .current_page_item a.menu_arr i,
    .current_page_item a.menu_arr i,
    .current-menu-ancestor a.menu_arr i {
        display: block;
    }

    .current_page_item a.menu_arr p,
    .current-page-ancestor a.menu_arr p,
    .current-menu-ancestor a.menu_arr p {
        display: none;
    }

    .current-menu-ancestor .sub_menu_level0,
    .current-menu-ancestor:hover .sub_menu_level0,
    .current_page_item .sub_menu_level0,
    .current_page_item:hover .sub_menu_level0,
    .current-page-ancestor .sub_menu_level0,
    .current-page-ancestor:hover .sub_menu_level0,
    .main_menu_item.current_page_parent a.menu_a0,
    .main_menu_item.current_page_parent a.menu_a0:link,
    .main_menu_item.current_page_parent a.menu_a0:visited,
    .main_menu_item.current_page_parent a.menu_a0:hover {
        max-height: 100em;
    }

    .current-menu-ancestor .sub_menu_level0,
    .current-menu-ancestor:hover .sub_menu_level0,
    .current_page_item .sub_menu_level0,
    .current_page_item .sub_menu_level0,
    .current-page-ancestor .sub_menu_level0,
    .current_page_item:hover .sub_menu_level0,
    .current_page_item:hover .sub_menu_level0,
    .current-page-ancestor:hover .sub_menu_level0 {
        padding-bottom: 1em;
        padding-left: 1em;
    }

    .no_header_image .menu_top_left a.menu_a0,
    .no_header_image .menu_top_left a.menu_a0:link,
    .no_header_image .menu_top_left a.menu_a0:visited,
    .no_header_image .menu_top_left a.menu_a0:hover,
    .no_header_image .menu_top_right a.menu_a0,
    .no_header_image .menu_top_right a.menu_a0:link,
    .no_header_image .menu_top_right a.menu_a0:visited,
    .no_header_image .menu_top_right a.menu_a0:hover,
    #menu div.footer_title.menu_a0,
    .header_scroll .menu_top_left a.menu_a0,
    .header_scroll .menu_top_left a.menu_a0:link,
    .header_scroll .menu_top_left a.menu_a0:visited,
    .header_scroll .menu_top_left a.menu_a0:hover,
    .header_scroll .menu_top_right a.menu_a0,
    .header_scroll .menu_top_right a.menu_a0:link,
    .header_scroll .menu_top_right a.menu_a0:visited,
    .header_scroll .menu_top_right a.menu_a0:hover,
    #menu div.footer_title.menu_a0,
    .no_header_image #menu div.footer_title.menu_a0 {
        color: #6bb0c1;
    }

    .main_menu_item.current_page_ancestor a.menu_a0,
    .main_menu_item.current_page_ancestor a.menu_a0:link,
    .main_menu_item.current_page_ancestor a.menu_a0:visited,
    .main_menu_item.current_page_ancestor a.menu_a0:hover,
    .main_menu_item.current_page_item a.menu_a0,
    .main_menu_item.current_page_item a.menu_a0:link,
    .main_menu_item.current_page_item a.menu_a0:visited,
    .main_menu_item.current_page_item a.menu_a0:hover,
    .main_menu_item.current_page_parent a.menu_a0,
    .main_menu_item.current_page_parent a.menu_a0:link,
    .main_menu_item.current_page_parent a.menu_a0:visited,
    .main_menu_item.current_page_parent a.menu_a0:hover,
    .main_menu_item.current-page-ancestor a.menu_a0,
    .main_menu_item.current-page-ancestor a.menu_a0:link,
    .main_menu_item.current-page-ancestor a.menu_a0:visited,
    .main_menu_item.current-page-ancestor a.menu_a0:hover,
    .no_header_image .main_menu_item.current_page_item a.menu_a0,
    .no_header_image .main_menu_item.current_page_item a.menu_a0:link,
    .no_header_image .main_menu_item.current_page_item a.menu_a0:visited,
    .no_header_image .main_menu_item.current_page_item a.menu_a0:hover,
    .no_header_image .main_menu_item.current-page-ancestor a.menu_a0,
    .no_header_image .main_menu_item.current-page-ancestor a.menu_a0:link,
    .no_header_image .main_menu_item.current-page-ancestor a.menu_a0:visited,
    .no_header_image .main_menu_item.current-page-ancestor a.menu_a0:hover,
    .no_header_image .menu_top_left a.menu_a0:hover,
    .no_header_image .menu_top_right a.menu_a0:hover,
    .header_scroll .main_menu_item.current_page_item a.menu_a0,
    .header_scroll .main_menu_item.current_page_item a.menu_a0:link,
    .header_scroll .main_menu_item.current_page_item a.menu_a0:visited,
    .header_scroll .main_menu_item.current_page_item a.menu_a0:hover,
    .header_scroll .main_menu_item.current-page-ancestor a.menu_a0,
    .header_scroll .main_menu_item.current-page-ancestor a.menu_a0:link,
    .header_scroll .main_menu_item.current-page-ancestor a.menu_a0:visited,
    .header_scroll .main_menu_item.current-page-ancestor a.menu_a0:hover,
    .header_scroll .menu_top_left a.menu_a0:hover,
    .header_scroll .menu_top_right a.menu_a0:hover,
    #menu div.footer_title.menu_a0:hover {
        color: #3d6c77;
        border: none;
    }

    .main_menu_item a.menu_a0:hover,
    .main_menu_item.current_page_item a.menu_a0,
    .main_menu_item.current_page_item a.menu_a0:link,
    .main_menu_item.current_page_item a.menu_a0:visited,
    .main_menu_item.current_page_item a.menu_a0:hover,
    .main_menu_item.current-page-ancestor a.menu_a0,
    .main_menu_item.current-page-ancestor a.menu_a0:link,
    .main_menu_item.current-page-ancestor a.menu_a0:visited,
    .main_menu_item.current-page-ancestor a.menu_a0:hover {
        border: none;
    }

    .no_header_image .mobile_menu_line,
    .header_scroll .mobile_menu_line {
        background-color: #6d6d71;
    }

    #header_block_back {
        height: 11em;
    }

    .sub_menu_level0 .menu-item a.menu_a1 em,
    .sub_menu_level0 .menu_spacer_wrap:hover li.current_page_parent:hover em,
    .sub_menu_spacer,
    .sub_menu_level0 li.current-menu-ancestor a.menu_a1 em,
    .sub_menu_level0 .menu_spacer_wrap:hover li.current_page_ancestor:hover a.menu_a1 em {
        display: none;
    }

    .sub_menu_level1,
    .sub_menu_level0 .menu_spacer_wrap:hover li.current_page_parent .sub_menu_level1,
    .sub_menu_level0 li.current_page_parent .sub_menu_level1,
    .sub_menu_level0 li:hover .sub_menu_level1,
    .sub_menu_level0 li.current_page_parent .sub_menu_level1,
    .sub_menu_level0 .menu_spacer_wrap:hover li.current_page_parent:hover .sub_menu_level1,
    .sub_menu_level2,
    .sub_menu_level0 .menu_spacer_wrap:hover li.current_page_parent .sub_menu_level2,
    .sub_menu_level0 li.current_page_parent .sub_menu_level2,
    .sub_menu_level0 li:hover .sub_menu_level2,
    .sub_menu_level0 li.current_page_parent .sub_menu_level2,
    .sub_menu_level0 .menu_spacer_wrap:hover li.current_page_parent:hover .sub_menu_level2,
    .sub_menu_level0 li.current_page_ancestor .sub_menu_level1,
    .sub_menu_level0 .menu_spacer_wrap:hover li.current_page_ancestor:hover .sub_menu_level1,
    .sub_menu_level0 li.current_page_ancestor .sub_menu_level1 li.current_page_parent .sub_menu_level2 {
        position: relative;
        left: 0;
        top: 0;
        font-size: 1em;
        height: auto;
        min-height: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 1;
    }

    .sub_menu_level2,
    .sub_menu_level0 .menu_spacer_wrap:hover li.current_page_parent .sub_menu_level2,
    .sub_menu_level0 li.current_page_parent .sub_menu_level2,
    .sub_menu_level0 li:hover .sub_menu_level2,
    .sub_menu_level0 li.current_page_parent .sub_menu_level2,
    .sub_menu_level0 .menu_spacer_wrap:hover li.current_page_parent:hover .sub_menu_level2,
    .sub_menu_level0 li:hover .sub_menu_level1 li.current_page_item .sub_menu_level2,
    .sub_menu_level0 li:hover .sub_menu_level1 li.current_page_item:hover .sub_menu_level2,
    .sub_menu_level0 li:hover .sub_menu_level1 li:hover .sub_menu_level2,
    .sub_menu_level0 li.current_page_ancestor .sub_menu_level1 li.current_page_parent .sub_menu_level2,
    .sub_menu_level0 li:hover .sub_menu_level1 li.current_page_parent:hover .sub_menu_level2 {
        left: 1em;
    }

    .sub_menu_level0 .sub_menu_level1 li.menu-item-has-children a.menu_a2,
    .sub_menu_level0 .sub_menu_level1 li.menu-item-has-children a.menu_a2:link,
    .sub_menu_level0 .sub_menu_level1 li.menu-item-has-children a.menu_a2:visited {
        color: #6bb0c1;
    }

    .sub_menu_level0 .sub_menu_level1 li.menu-item-has-children.current-menu-item a.menu_a2,
    .sub_menu_level0 .sub_menu_level1 li.menu-item-has-children.current-menu-item a.menu_a2:link,
    .sub_menu_level0 .sub_menu_level1 li.menu-item-has-children.current-menu-item a.menu_a2:visited,
    .sub_menu_level0 .sub_menu_level1 li.menu-item-has-children a.menu_a2:hover {
        color: #3d6c77;
    }

    .sub_menu_level0 li.menu-item-has-children .sub_menu_level1 li.menu-item-has-children:hover a.menu_a2 em,
    .sub_menu_level0 li.menu-item-has-children .sub_menu_level1 li.current-page-ancestor a.menu_a2 em,
    .sub_menu_level0 .menu_spacer_wrap:hover li.current_page_parent:hover a.menu_a1 em,
    .sub_menu_level0 .menu_spacer_wrap li.current_page_parent a.menu_a1 em {
        display: none;
    }

    .sub_menu_level0 li.menu-item-has-children:hover a.menu_a1 em {
        display: none;
    }

    .sub_menu_level0 .menu_spacer_wrap li:hover .sub_menu_level1:hover li .sub_menu_level2 {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 1;
        z-index: 1;
    }

    .menu_top_right {
        font-size: 1em;
    }

    #header_block {
        font-size: 0.9em;
    }

    .home_banners {
        height: 760px;
    }

    a.home_banner_title,
    .home_banner_title,
    #home_banner_title {
        font-size: 3.5em;
        top: 52%;
    }

    .no_header_image .sub_page_content,
    .header_scroll .sub_page_content {
        padding-top: 1em;
    }

    .no_header_image .sub_page_content.page_content_after_full_typ_sep,
    .header_scroll .sub_page_content.page_content_after_full_typ_sep {
        padding-top: 0;
    }

    .page_blog_search h1.page-title {
        margin-top: -1em;
    }

    .fixed_menu {
        top: 6em;
    }

    #menu .sub_menu_level0 .menu_spacer_wrap .sub_menu_level1 li {
        max-width: none;
    }

    .next_arr {
        margin-top: -0.42em;
        right: 5%;
    }

    .prev_arr {
        left: 5%;
        right: auto;
    }

    .products_landing a span,
    .cnt_resources_links a span,
    a.products_sub_landing_a span {
        opacity: 1;
    }
}

@media screen and (max-width: 930px) {
    .footer_bottom1 {
        width: 77%;
        max-width: 40em;
    }

    .footer_bottom2 {
        width: 20%;
        max-width: 20em;
    }

    .footer_clear2 {
        clear: both;
        width: 100%;
        height: 0.5em;
        display: block;
    }

    .footer_bottom3 {
        width: 50%;
        max-width: 20em;
    }

    .page a.logo_footer,
    .page a.logo_footer:link,
    .page a.logo_footer:visited,
    .page a.logo_footer:hover {
        position: absolute;
        bottom: -1.5em;
        font-size: 5.2em;
    }

    #footer {
        padding-bottom: 11em;
    }

    .page_content {
        font-size: 1.1em;
    }

    .page_title,
    h2 {
        font-size: 2.2em;
    }

    .qe_title,
    .other_typ_title {
        font-size: 1.5em;
    }

    .app_block .lr_cnt {
        font-size: 1em;
    }

    .ss_info_wrap {
        font-size: 0.9em;
    }

    .float_box_w25.contact_float_box {
        width: 48%;
    }

    .float_box_w25.contact_float_box2_2 {
        margin-right: 0;
    }

    .float_box_w25.contact_float_box4_3 {
        margin-right: 3%;
    }

    .contact_float_box_clear4_2 {
        display: block;
    }

    .contact_float_box_clear4_3 {
        display: none;
    }

    .sbi_content_inner {
        font-size: 0.8em;
    }
}

@media screen and (max-width: 880px) {
    #header_block {
        font-size: 0.8em;
    }

    #menu,
    #mobile_menu {
        font-size: 1.2em;
    }

    .mobile_menu_line {
        height: 0.13em;
    }

    .mobile_menu_line2 {
        top: 0.65em;
    }

    a.home_banner_title,
    .home_banner_title,
    #home_banner_title {
        font-size: 3em;
    }

    .float_box1,
    .float_box_group,
    .float_box_group.float_box_w70 {
        float: none;
        width: 94%;
        margin-right: 0;
        left: 0;
    }

    .float_box_group.float_box_w70 {
        width: 98%;
    }

    .float_box_w70 {
        width: 58%;
        margin-right: 7%;
    }

    .typicals_landing a {
        width: 40%;
        margin-left: 5%;
        margin-right: 5%;
    }

    #header_block_back {
        height: 10em;
    }

    .next_arr,
    .next_arr:link,
    .next_arr:visited,
    .next_arr:hover {
        font-size: 7em;
    }
}

@media screen and (max-width: 800px) {

    .res_tab4 .res_images4,
    .res_tab5 .res_images5 {
        width: 30%;
        margin-right: 3.33%;
    }

    .res_tab4 .clear.gal_clear4,
    .res_tab5 .clear.gal_clear4 {
        display: none;
    }

    .res_tab4 .clear.gal_clear3,
    .res_tab5 .clear.gal_clear3 {
        display: block;
    }

    .res_tab4 .res_images2,
    .res_tab5 .res_images2 {
        width: 63%;
        margin-right: 3%;
    }

    #explore_images {
        height: 400px !important;
    }
}

@media screen and (max-width: 800px) {
    .explore_info {
        width: 100%;
        float: none;
    }

    #explore_images {
        width: 100%;
        height: auto;
        float: none;
        position: relative;
        left: 0;
        top: 0;
        right: auto;
    }

    #explore_list {
        font-size: 1.1em;
    }

    .explore_back_img {
        display: block;
        width: 100%;
        height: auto;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
        filter: alpha(opacity=00);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }

    .styles_block3_1 {
        width: 100%;
        float: none;
        max-width: 25em;
        margin: 0 auto;
        margin-bottom: 5em;
    }

    .styles_block {
        padding-bottom: 0;
    }

    .flexibility_desktop_image {
        display: none;
    }

    .flexibility_mobile_image {
        display: block;
    }

    .lr_block {
        min-height: 0;
    }

    .lr_cnt_block,
    .lr_block_img_left .lr_cnt_block {
        width: 100%;
        float: none;
    }

    img.lr_img_loder {
        width: 100%;
        height: auto;
        display: block;
        position: relative;
    }

    .lr_img_block {
        position: relative;
        width: 100%;
        height: auto;
        float: none;
    }

    .app_list1,
    .app_list2 {
        width: 45%;
        margin-right: 5%;
        float: left;
        margin-top: 0.5em;
    }

    .app_block .lr_cnt_inner {
        max-width: 38em;
    }

    .products_landing {
        width: 48%;
    }

    .products_landing1 {
        height: 65.7%;
    }

    .products_landing2 {
        margin-left: 52%;
        margin-bottom: 4%;
    }

    .products_landing3 {
        position: relative;
        width: 100%;
    }

    .products_landing3 a,
    .products_landing3 a.products_landing_bottom_img {
        width: 48%;
        position: relative;
        float: left;
    }

    .products_landing3 a.products_landing_bottom_img {
        margin-left: 4%;
    }

    .product_links_spacer .products_landing,
    .product_links_spacer .cnt_resources_links a {
        width: 48%;
    }

    .product_links_spacer .products_landing3 {
        position: absolute;
    }

    .product_links_spacer .products_landing3 a.products_landing_bottom_img {
        margin-left: 0;
    }

    .product_links_spacer .products_landing3 a,
    .product_links_spacer .products_landing3 a.products_landing_bottom_img {
        width: 100%;
        position: absolute;
        float: none;
    }

    .product_links_spacer .products_landing1 {
        height: 100%;
    }

    .prod_landing_list .lr_cnt_block {
        min-height: 0;
    }

    .gallery_tmb,
    .div_gallery_tmb,
    .prod_sub_landing_list3 .products_sub_landing_a {
        width: 47%;
        margin-right: 3%;
    }

    .res_tab3 .res_images2 {
        width: 97%;
        margin-right: 0;
    }

    .intro_block_makers-materials .res_tab3 .res_images2 {
        width: 80%;
        margin-left: 0%;
    }

    .res_sub_image_wrap img {
        width: 70%;
        margin-left: 30%;
    }

    .res_sub_image_wrap span {
        width: 27%;
    }

    .res_tab3 .clear.gal_clear3 {
        display: none;
    }

    .res_tab3 .clear.gal_clear2 {
        display: block;
    }

    .ss_info_left {
        width: 48.3%;
        margin-right: 3.7%;
    }

    .ss_info_right {
        width: 48%;
    }

    .full_size_page1 .styles_block3 {
        width: 80%;
    }
}

@media screen and (max-width: 770px) {

    .prod_spec_left_block,
    .prod_spec_right_block {
        float: left;
        width: 40%;
        margin-right: 3.66%;
    }

    .prod_spec_right_block {
        margin-right: 0;
        width: 75.66%;
    }

    #prod_spec_cnt {
        width: 244%;
        min-height: 10em;
    }

    .prod_spec_block_no_right #prod_spec_cnt {
        width: 63%;
    }
}

@media screen and (max-width: 740px) {
    .float_box_w30.contact_float_box {
        width: 47%;
        margin-right: 5%;
    }

    .float_box_w30.contact_float_box2_2,
    .float_box_w50.contact_float_box2_2 {
        margin-right: 0;
    }

    .float_box_w30.contact_float_box_right3_2 {
        margin-left: 0;
    }

    .contact_float_box_clear1 {
        display: block;
    }

    .contact_float_box_clear2 {
        display: none;
    }
}

@media screen and (max-width: 720px) {
    .search_container {
        width: 25%;
    }

    .home_banners {
        height: 460px;
    }

    a.home_banner_title,
    .home_banner_title,
    #home_banner_title {
        font-size: 2em;
        top: 56%;
    }

    .prod_spec_block_no_right #prod_spec_cnt {
        width: 61%;
    }

    #scrl_btn {
        font-size: 9em;
    }

    .next_arr,
    .next_arr:link,
    .next_arr:visited,
    .next_arr:hover {
        font-size: 5em;
        margin-top: -0.17em;
    }
}

@media screen and (max-width: 700px) {
    .ind_news {
        width: 46%;
    }

    .ind_news_sep3 {
        display: none;
    }

    .ind_news_sep2 {
        clear: both;
        display: block;
        width: 100%;
        height: 1px;
    }

    .industry_news_block {
        max-width: 570px;
    }
}

@media screen and (max-width: 660px) {
    #footer {
        font-size: 0.9em;
    }

    .footer_bottom1 {
        width: 100%;
        max-width: 40em;
        float: none;
    }

    .footer_clear {
        clear: both;
        width: 100%;
        height: 0.5em;
        display: block;
    }

    .footer_clear2 {
        display: none;
    }

    .footer_bottom3,
    .footer_bottom2 {
        width: 50%;
        max-width: 20em;
        float: left;
    }

    #pop_gallery_wrap {
        font-size: 0.8em;
    }

    .prod_spec_left_block,
    .prod_spec_right_block {
        width: 97%;
        margin-right: 0;
    }

    #prod_spec_cnt {
        width: 100%;
        min-height: 4em;
    }

    .prod_spec_block_no_right #prod_spec_cnt {
        width: 100%;
    }

    .prod_spec_title_empty {
        font-size: 0.6em;
        margin-bottom: 0;
    }

    #map_w_detect {
        display: none;
    }

    #text {
        display: block;
        width: 90%;
        margin-left: 5%;
        padding-top: 1em;
    }

    .cnt_resources_links a,
    .cnt_resources_links a.resources_landing_right {
        width: 100%;
        margin-right: 0;
        max-width: 20em;
        float: none;
        margin: 0 auto;
        margin-bottom: 2em;
    }

    .res_sub_image_wrap img {
        width: 60%;
        margin-left: 40%;
    }

    .res_sub_image_wrap span {
        width: 37%;
    }

    .finishes_page#fin_guide_block #edges_block2 .edges_container,
    .finishes_page#fin_guide_block #edges_block3 .edges_container {
        width: 100%;
        float: none;
    }

    .finishes_page#fin_guide_block #edges_block2 .edge_icon,
    .finishes_page#fin_guide_block #edges_block3 .edge_icon {
        float: left;
    }

    .finishes_page#fin_guide_block #edges_icons2,
    .finishes_page#fin_guide_block #edges_icons3 {
        width: 100%;
        float: none;
        margin-top: 0;
        max-width: none;
    }

    .finishes_page#fin_guide_block #edges_block2 .edge_icon,
    .finishes_page#fin_guide_block #edges_block3 .edge_icon {
        float: left;
        margin-bottom: 1em;
    }

    .finishes_page#fin_guide_block #edges_block2 .edge_icon img,
    .finishes_page#fin_guide_block #edges_block3 .edge_icon img {
        padding-bottom: 0.3em;
    }

    .typ_info strong,
    .typ_info a {
        margin-bottom: 0.6em;
    }

    .tools_panel_left,
    .tools_panel_right {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        float: none;
    }

    .gallery_block {
        padding-top: 2em;
    }
}

@media screen and (max-width: 590px) {
    #search {
        top: 4em;
        right: 5em;
    }

    #search_btn {
        right: 4em;
        top: 8em;
    }

    .prod_soc {
        margin-left: 0.4em;
        font-size: 2.2em;
    }

    #copy_link_block {
        left: 60px;
        font-size: 2.1em;
    }
}

@media screen and (max-width: 570px) {
    .footer_clear2 {
        clear: both;
        width: 100%;
        height: 0.5em;
        display: block;
    }

    .footer_bottom3 {
        width: 100%;
    }

    #pop_gallery_wrap {
        font-size: 0.7em;
    }

    #pop_gallery_info {
        font-size: 1.2em;
    }

    .ss_info_left,
    .ss_info_right {
        width: 100%;
        margin-right: 0;
        float: none;
    }

    .float_box_w70,
    .float_box_w35 {
        width: 94%;
        margin-right: 7%;
    }

    .gallery_block {
        padding-top: 1em;
    }

    .prod_sub_landing_list2 a.products_sub_landing_a {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        float: none;
        clear: both;
        margin-bottom: 1em;
        display: block;
    }
}

@media screen and (max-width: 540px) {

    .float_box,
    .float_box_group,
    .float_box_group .float_box {
        margin-right: 0;
        width: 100%;
        float: none;
    }

    .float_block {
        width: 100%;
    }

    .contact_float_box {
        float: left;
    }

    .res_tab4 .res_images4,
    .res_tab5 .res_images5 {
        width: 47%;
        margin-right: 3%;
    }

    .res_tab4 .clear.gal_clear3,
    .res_tab5 .clear.gal_clear3 {
        display: none;
    }

    .res_tab4 .clear.gal_clear2,
    .res_tab5 .clear.gal_clear2 {
        display: block;
    }

    .res_tab4 .res_images2,
    .res_tab5 .res_images2 {
        width: 96%;
        margin-right: 3%;
        float: none;
        clear: both;
    }

    .finishes_page .fin_guide_icons {
        font-size: 1.5em;
    }

    .ss_info_wrap {
        font-size: 0.8em;
    }

    .next_arr {
        right: 1%;
    }

    .prev_arr {
        left: 1%;
        right: auto;
    }
}

@media screen and (max-width: 490px) {
    .industry_news_block {
        width: 100%;
        left: 0;
        max-width: 275px;
    }

    .ind_news {
        width: 100%;
        margin-right: 0;
    }

    .ind_news_sep2,
    .ind_news_sep3 {
        display: none;
    }
}

@media screen and (max-width: 470px) {

    .gallery_tmb,
    .div_gallery_tmb,
    .prod_sub_landing_list3 .products_sub_landing_a {
        width: 100%;
        margin-right: 0;
    }

    #gallery_list,
    .prod_sub_landing_list3 {
        width: 100%;
    }

    .ss_info_wrap {
        font-size: 1em;
    }

    .qe_block_inner {
        width: 103%;
    }

    .res_tab3 .res_images2,
    .intro_block_makers-materials .res_tab3 .res_images2 {
        width: 100%;
        margin-right: 0;
    }

    .res_sub_image_wrap span {
        font-size: 1.1em;
    }

    .res_tab {
        margin: 0 auto;
        max-width: 20em;
    }

    .res_tab .clear {
        display: none;
    }

    .typical_block .res_tab .clear {
        display: block;
    }

    .typical_block .res_tab {
        padding-bottom: 1em;
    }

    .res_tab4,
    .res_tab5 {
        max-width: none;
        width: 103%;
    }

    .res_tab1 {
        max-width: none;
    }

    .res_tab4 .res_images4,
    .res_tab5 .res_images5 {
        width: 47%;
        margin-right: 3%;
        float: left;
    }

    .qe_block {
        width: 90%;
    }

    .app_list1,
    .app_list2 {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .ss_info_block {
        width: 100%;
    }

    #blog_list {
        width: 100%;
    }

    .contact_float_box,
    .float_box_w30.contact_float_box,
    .float_box_w50.contact_float_box,
    .float_box_w25.contact_float_box {
        width: 100%;
        margin-right: 0;
        float: none;
        max-width: 18em;
    }

    a.rq_btn,
    a.rq_btn:link,
    a.rq_btn:visited,
    a.rq_btn:hover {
        width: 90%;
        min-width: 0;
        margin-left: 0;
        margin-right: 0;
        padding-left: 5%;
        padding-right: 5%;
        position: relative;
        left: -1px;
    }

    #sb_instagram.sbi_col_6 #sbi_images .sbi_item {
        width: 50% !important;
    }
}

@media screen and (max-width: 440px) {

    a.home_banner_title,
    .home_banner_title,
    #home_banner_title {
        font-size: 1.5em;
        top: 58%;
    }

    .pop_gallery_loader {
        width: 3em;
        height: 3em;
        margin-top: -1.5em;
        margin-left: -1.5em;
    }

    #pop_gallery_wrap {
        font-size: 0.6em;
    }

    #pop_gallery_info {
        font-size: 1.4em;
    }

    .typicals_landing a {
        width: 46%;
        margin-left: 2%;
        margin-right: 2%;
        font-size: 0.8em;
    }

    #scrl_btn {
        font-size: 7em;
    }

    .prod_soc {
        margin-left: 0em;
        font-size: 2.6em;
    }

    #copy_link_block {
        left: 47px;
        font-size: 2.6em;
    }

    .next_arr,
    .next_arr:link,
    .next_arr:visited,
    .next_arr:hover {
        font-size: 5em;
        margin-top: -0.04em;
        display: none;
    }
}

@media screen and (max-width: 420px) {
    .footer_bottom1 .main_menu_item {
        width: 100%;
        float: none;
    }

    .footer_bottom2 {
        width: 100%;
    }

    .products_landing {
        width: 100%;
        position: relative;
        float: none;
        margin: 0 auto;
        max-width: 27em;
    }

    .products_landing a,
    .products_landing a.products_landing_bottom_img {
        position: relative;
        bottom: auto;
        margin-bottom: 2em;
        width: 100%;
    }

    .product_links_spacer .products_landing,
    .product_links_spacer .cnt_resources_links a {
        width: 100%;
    }

    .product_links_spacer .products_landing2 {
        display: none;
    }

    .product_links_spacer .products_landing,
    .product_links_spacer .cnt_resources_links a {
        width: 100%;
    }

    .product_links_spacer .products_landing3 {
        position: relative;
    }

    .product_links_spacer .products_landing3 a,
    .product_links_spacer .products_landing3 a.products_landing_bottom_img {
        width: 100%;
        position: relative;
    }

    #pop_gallery_wrap {
        font-size: 0.5em;
    }

    #pop_gallery_info {
        font-size: 1.5em;
    }

    .finishes_page .fin_guide_icons {
        font-size: 1.2em;
    }

    .gallery_tmb,
    .div_gallery_tmb {
        margin-bottom: 1.5em;
    }
}

@media screen and (max-width: 360px) {
    .qe_block_inner {
        width: 100%;
    }

    .res_tab4 .qe_block_inner .res_images4 {
        display: block;
        width: 100%;
        margin-right: 0;
        float: none;
    }
}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/

/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/

/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
    /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto;
}

.mCustomScrollBox {
    /* contains plugin's markup */
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}

.mCSB_container {
    /* contains the original content */
    overflow: hidden;
    width: auto;
    height: auto;
}

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_inside>.mCSB_container {
    margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}

/* non-visible scrollbar */

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0;
}

/* RTL direction/left-side scrollbar */

.mCSB_scrollTools {
    /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}

.mCSB_outside+.mCSB_scrollTools {
    right: -26px;
}

/* scrollbar position: outside */

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    /* RTL direction/left-side scrollbar */
    right: auto;
    left: 0;
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */

.mCSB_scrollTools .mCSB_draggerContainer {
    /* contains the draggable element and dragger rail markup */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
    /* the draggable element */
    cursor: pointer;
    width: 100%;
    height: 30px;
    /* minimum dragger height */
    z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    /* the dragger element */
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px;
    /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px;
    /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
    min-height: 100%;
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

/* non-visible scrollbar */

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px;
}

/* scrollbar position: outside */

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    /* minimum dragger width */
    height: 100%;
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    /* auto-expanded scrollbar */
    margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    /* auto-expanded scrollbar */
    margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}

.mCSB_container_wrapper>.mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
    /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
    padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
    padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    /* non-visible scrollbar */
    margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity 0.2s ease-in-out,
        background-color 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
/* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s,
        margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s,
        margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s,
        opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s,
        margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s,
        margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s,
        opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s,
        margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s,
        margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s,
        opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s,
        margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s,
        margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s,
        opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/

/* default theme ("light") */

.mCSB_scrollTools {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(../mcsb_buttons.html);
    /* css sprites */
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
    /* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
    /* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
    /* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
    /* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
    opacity: 0.9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

/* theme: "dark" */

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

/* ---------------------------------------- */

/* theme: "light-2", "dark-2" */

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px;
}

/* theme: "dark-2" */

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px;
}

/* ---------------------------------------- */

/* theme: "light-thick", "dark-thick" */

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px;
}

/* theme: "dark-thick" */

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px;
}

/* ---------------------------------------- */

/* theme: "light-thin", "dark-thin" */

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto;
}

/* theme "dark-thin" */

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

/* ---------------------------------------- */

/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
    height: 14px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    /* auto-expanded scrollbar */
    height: 16px;
    margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px;
    /* auto-expanded scrollbar */
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    /* auto-expanded scrollbar */
    width: 16px;
    margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    /* auto-expanded scrollbar */
    margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px;
}

/* theme "rounded-dark", "rounded-dots-dark" */

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px;
}

/* theme "rounded-dots", "rounded-dots-dark" */

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    opacity: 0.3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px;
}

/* theme "rounded-dots-dark" */

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px;
}

/* ---------------------------------------- */

/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left,
            rgba(255, 255, 255, 0.5) 0%,
            rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(0%, rgba(255, 255, 255, 0.5)),
            color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left,
            rgba(255, 255, 255, 0.5) 0%,
            rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left,
            rgba(255, 255, 255, 0.5) 0%,
            rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(left,
            rgba(255, 255, 255, 0.5) 0%,
            rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right,
            rgba(255, 255, 255, 0.5) 0%,
            rgba(255, 255, 255, 0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top,
            rgba(255, 255, 255, 0.5) 0%,
            rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear,
            left top,
            left bottom,
            color-stop(0%, rgba(255, 255, 255, 0.5)),
            color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top,
            rgba(255, 255, 255, 0.5) 0%,
            rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top,
            rgba(255, 255, 255, 0.5) 0%,
            rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(top,
            rgba(255, 255, 255, 0.5) 0%,
            rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom,
            rgba(255, 255, 255, 0.5) 0%,
            rgba(255, 255, 255, 0) 100%);
}

/* theme "3d", "3d-dark" */

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5),
        inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5),
        inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

/* theme "3d-dark" */

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

/* ---------------------------------------- */

/* theme: "3d-thick", "3d-thick-dark" */

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1),
        inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1),
        inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

/* theme: "3d-thick-dark" */

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1),
        inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4),
        inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4),
        inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

/* ---------------------------------------- */

/* theme: "minimal", "minimal-dark" */

.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
    left: 0;
    right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}

/* theme: "minimal-dark" */

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}

/* ---------------------------------------- */

/* theme "light-3", "dark-3" */

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

/* theme "dark-3" */

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

/* ---------------------------------------- */

/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

/* theme "inset-2", "inset-2-dark" */

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.2);
}

/* theme "inset-3", "inset-3-dark" */

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

/* ---------------------------------------- */

.mCSB_scrollTools_horizontal {
    border-bottom: 2px solid #8a8a8a;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: #83afbf;
}

.mCSB_draggerRail {
    display: none;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    position: relative;
    top: 1px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-bottom: 50px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 18%;
}

/**************************
Begin Makeway Edits
**************************/

/* .home_page {
    padding-top: 40px;
} */

/* @media screen and (max-width: 1070px) {
    .home_page {
        padding-top: 60px;
    }
} */

/* 
@media screen and (max-width: 567px) {
  .home_page {
    padding-top: 60px;
  }
} */

/* @media screen and (max-width: 566px) {
    .home_page {
        padding-top: 80px;
    }
} */

.overlay-html {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(233, 233, 233);
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 10000;
}

.scale1 {
    right: 5%;
    top: 10%;
    filter: brightness(10);
}

/* #search_form a, #search_form a:link, #search_form a:visited, #search_form a:hover {
	top: 7px;
}
@media screen and (max-width:1100px) {
	#search {
		width: 180% !important;
		top: 4em !important;
		right: 5em !important;
	}
	#search_btn {
		right: 4em;
		top: 7.8em;
	}
} */
@media screen and (max-width: 991px) {
    .scale1 {
        display: none;
    }
}

@media screen and (max-width: 570px) {

    /* #menu {
		width: 100vw !important;
		height: 100% !important;
		position: relative !important;
		padding: 2em !important;
		max-width: unset !important;
		max-height: unset !important;
		font-size: 2.2em !important;
		background: none !important;
		top: -2em !important;
		display: none;
	} */
    a.home_banner_title,
    .home_banner_title,
    #home_banner_title {
        font-size: 4em;
        font-weight: 700 !important;
    }
}

.search-wrapper {
    position: absolute;
    top: 0;
    right: 0;
}

#search {
    position: relative !important;
}

.scale11:hover {
    background: transparent;
}

a.scale11 {
    top: 2.5em;
    position: relative;
    display: none !important;
}

.styles_block3_1 {
    border-top: none !important;
}

/***********************************************
** MAKEWAY SCSS START
***********************************************/

.header-logo {
    width: 270px;
}

.footer-logo {
    width: 170px;
}

.quote h1 {
    font-size: 3em;
    padding-bottom: 30px;
    font-weight: bold;
    font-family: "robotobold";
    color: black;
}

.showroom {
    height: 100%;
    padding-bottom: 30px;
}

.quote .container {
    max-width: 1300px;
    margin: auto;
}

.page-contact .container {
    max-width: 1300px;
    margin: auto;
}

.showroom-block {
    display: inline-block;
    justify-content: space-between;
    margin: 15px 5px;
    padding: 15px 5px;
    vertical-align: top;
    width: 300px;
}

.showroom hr {
    margin-bottom: 15px;
}

.showroom h2 {
    margin: 30px auto 5px;
}

.showroom h4 {
    text-align: left;
    font-size: 1.3em;
    font-weight: bold;
    font-family: "robotobold";
    color: black;
    text-transform: uppercase;
}

.showroom p.gray {
    font-family: "robotobold";
    text-align: left;
    padding-bottom: 10px;
}

.showroom p {
    text-align: left;
}

.showroom .email {
    text-decoration: underline;
    text-align: left;
    display: block;
    padding-top: 5px;
}

.showroom .btn {
    margin: auto;
    display: block;
    margin-top: 15px;
}

/* Style tab links */
.quote ul {
    text-align: justify;
    display: flex;
    width: 60%;
    list-style: none;
    padding-top: 50px;
    margin: auto;
}

.quote .tablink {
    background-color: #f2f2f2;
    color: #737373;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    font-size: 17px;
    text-align: center;
    margin: auto;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(189, 189, 189, 1);
    -moz-box-shadow: 0px 0px 5px 1px rgba(189, 189, 189, 1);
    box-shadow: 0px 0px 5px 1px rgba(189, 189, 189, 1);
    width: 170px;
}

@media screen and (max-width: 991px) {
    .quote .tablink {
        font-size: 15px;
        padding: 14px 10px;
    }

    .quote ul {
        width: 90%;
    }

    .quote .quote-wrapper {
        width: 90% !important;
    }

    .quote .tablink {
        width: 155px;
    }
}

.quote .active {
    background-color: white !important;
}

.quote .tablink:hover {
    background-color: white !important;
}

.quote .quote-wrapper {
    -webkit-box-shadow: 0px 0px 5px 1px rgba(189, 189, 189, 1);
    -moz-box-shadow: 0px 0px 5px 1px rgba(189, 189, 189, 1);
    box-shadow: 0px 0px 5px 1px rgba(189, 189, 189, 1);
    width: 50%;
    margin: auto;
}

.quote .tabcontent {
    color: white;
    height: 100%;
}

.quote .gray-space {
    background: #e5e7e6;
    padding-bottom: 50px;
    padding-top: 50px;
}

.quote .hide {
    display: none;
}

#contact-page #hero {
    margin: 3em auto;
}

#contact-page #hero h1 {
    font-size: 3.3em;
}

#contact-page .request-a-quote {
    background: #e4e7e6;
}

.select-wrap {
    width: 400px;
    height: 50px;
    font-size: 30px;
    position: absolute;
    top: 0px;
    z-index: 9999;
    margin: unset;
    padding: unset;
    right: 180px;
}

.select-wrap #state_select {
    width: 100%;
    height: 100%;
    font-size: 30px;
    padding-left: 15px;
    position: absolute;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    appearance: none;
    left: 0;
    top: 0;
    font-size: 1.2rem;
    font-weight: bold;
}

.select-wrap span {
    width: 50px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.select-wrap span i {
    color: black;
    font-size: 30px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

#state_select.arrows:after {
    content: "\f0dc";
    font-family: FontAwesome;
    font-size: 100px;
    position: absolute;
}

.map_container {
    margin-top: 70px;
}

.quote li.tablink:nth-child(2) {
    display: none;
}

@media screen and (max-width: 1599px) {
    .select-wrap {
        right: calc(30vw - 316px);
    }
}

@media screen and (max-width: 1300px) {
    .select-wrap {
        right: calc(30vw - 320px) !important;
    }
}

@media screen and (max-width: 991px) {
    .select-wrap {
        right: unset !important;
        left: 50%;
        transform: translateX(-50%);
        top: -40px;
    }

    #map {
        display: none !important;
    }

    #text {
        width: 60%;
        left: 50%;
        position: relative;
        transform: translateX(-50%);
    }
}

@media screen and (max-width: 768px) {
    #text {
        width: 85%;
    }
}

@media screen and (max-width: 576px) {
    #state_select {
        width: 300px;
    }

    #text {
        width: 90%;
    }

    #contact-page .btn {
        max-width: 300px !important;
        margin: auto !important;
    }
}

.btn {
    z-index: 999 !important;
    position: relative !important;
}

/*****************************
* Back to office
*****************************/
#back-to-office .page_header {
    max-width: 100vw !important;
    max-height: 100vh !important;
}

.page_dealer-tools .page_header {
    overflow: hidden;
}

/*****************************
* Banner Styles
*****************************/
div#mtsnb-6325 {
    top: 274px;
}

.mtsnb-custom-content {
    font-weight: 300;
    color: white;
}

.mtsnb-custom-content span {
    font-weight: bold;
    text-decoration: underline;
}

@media screen and (max-width: 991px) {
    div#mtsnb-6325 {
        top: 260px;
    }
}

@media screen and (max-width: 768px) {
    div#mtsnb-6325 {
        top: 245px;
    }
}

.page_success-stories .btn.btn_white.btn_more {
    position: absolute !important;
}

/**********************************************************
** Image rotate section
**********************************************************/
#img-rotate-content {
    max-width: 600px;
    margin: 75px auto -75px;
    padding: 0 20px;
}

#img-rotate {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-flow: row;
    flex-wrap: wrap;
    max-width: 85%;
    margin: auto;
    height: 500px;
    position: relative;
}

@media screen and (max-width: 1200px) {
    #img-rotate {
        max-width: 90%;
    }
}

@media screen and (max-width: 991px) {
    #img-rotate {
        height: 700px;
    }
}

@media screen and (max-width: 768px) {
    #img-rotate {
        height: 900px;
    }
}

@media screen and (max-width: 576px) {
    #img-rotate {
        height: 1000px;
        max-width: 100%;
    }
}

#img-rotate img {
    height: 90px;
    width: 140px;
    object-fit: contain;
    padding: 10px 30px;
    filter: grayscale(1);
}

#img-group-1,
#img-group-2 {
    position: absolute;
    width: 100%;
    margin-top: 100px;
}

#img-group-2 {
    display: none;
}


p.sub {
    font-size: .7em;
    font-family: "robotobold", Arial, Helvetica, sans-serif;
}

.slick-section {
    margin: 50px 0;
}

.slick-section .slick-container {
    width: 100%;
    margin: 0 auto;
}

.slick-section .slick-list {}

.slick-section .slick-wrap .slick-item .no-gutters {
	padding: 0 2px;
}

.slick-section .slick-dots {
    list-style-type: none;
    margin: 25px 0 0;
    padding: 0;
    text-align: left;
}

.slick-section .slick-dots li {
    width: auto;
    height: auto;
    display: inline-block;
    padding: 0 40px 0 0;
}

.slick-section .slick-dots li button {
    width: auto;
    height: auto;
    padding: 10px 0;
    font-size: 16px;
    font-family: "robotobold", Arial, Helvetica, sans-serif;
    color: #000;
    border: none;
    background: #fff;
}

@media screen and (max-width: 768px) {
    .slick-section .slick-dots li button {
        padding: 0;
    }
}

.slick-section .slick-dots li button:hover {
    opacity: .75;
}

.slick-section .slick-dots li button:before {
    content: none;
}

.slick-section .slick-dots li.slick-active button {
    color: #25a6c2;
}

.slick-section .slick-arrow {
    left: 0;
    bottom: 15%;
    position: absolute;
    z-index: 3;
}

@media screen and (max-width: 1199px) {
    .slick-section .slick-arrow {
        bottom: -3%;
    }
}

.slick-section .slick-arrow.right {
    left: 30px;
    position: absolute;
}

.four-columns img {
    width: 75%;
    height: auto;
}

.four-columns .col-12 {
    margin-bottom: 2em;
}

.slick-section .img-wrapper {
    height: 400px;
    width: 100%;
    /*height: 100%;*/
}

.slick-section .img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* social icon buttons */
.btn-social {
    align-items: center;
    border: 2px solid #8c8c8b !important;
    border-radius: 50%;
    color: #8c8c8b !important;
    display: inline-flex;
    font-size: 1.75rem !important;
    justify-content: center;
    height: 60px;
    margin: 0 15px 0 0;
    text-decoration: none !important;
    transition: all ease .25s;
    width: 60px;
}

.btn-social:hover {
    opacity: .8;
}

.dm_table{
    border-collapse: collapse; max-width: 700px; width: 100%;
}

.dm_table td {
    border: 1px dotted #ccc;
    padding: 1em;
    margin: 0;
}

.color-black{
    color: black;
}

.align-content-left{
    text-align: left;
}

h2.blue,
h3.blue{
        font-size: 1.2em;
        color: #6cb0c0;
        padding-top: 1em;
}

.smaller{
    font-size: .75em;
}

.mb-1{
    margin-bottom: 1em;
}
.mb-2{
    margin-bottom: 2em;
}
.mb-3{
    margin-bottom: 3em;
}
.mb-4{
    margin-bottom: 4em;
}
.mb-5{
    margin-bottom: 5em;
}

ul.alt li{
    list-style: disc;
    display: list-item;
    margin-left: 1em;
}

h3.zone{
    text-transform: uppercase;
    color: #000 !important;
    border-bottom: solid 3px #F0F0F0;
    padding: 10px;
}

.zone i{
    margin-right: 10px;
}

.zone.blue i{
    color: #6cb0c0 !important;
}

.zone.green i{
    color: #ABB45C !important;
}

.zone.grey i{
    color: #DFDFDF !important;
}

.zone.orange i{
    color: #F8931C !important;
}