/*** GLOBAL *****************************************************************/
@font-face {
    font-family: Montserrat Thin;
    src: url("/static/fonts/Montserrat/Montserrat-Thin.ttf");
}

@font-face {
    font-family: Montserrat Regular;
    src: url("/static/fonts/Montserrat/Montserrat-Regular.ttf");
}

@font-face {
    font-family: Montserrat Medium;
    src: url("/static/fonts/Montserrat/Montserrat-Medium.ttf");
}

@font-face {
    font-family: Montserrat SemiBold;
    src: url("/static/fonts/Montserrat/Montserrat-SemiBold.ttf");
}

@font-face {
    font-family: Montserrat Bold;
    src: url("/static/fonts/Montserrat/Montserrat-Bold.ttf");
}

@font-face {
    font-family: Montserrat Black;
    src: url("/static/fonts/Montserrat/Montserrat-Black.ttf");
}

html, 
body { 
    overflow-x: hidden;
}

body:after,
html:after {
    display: none !important;
}

body {
    overflow-y: hidden;
    font-size: 12px;
    font-family: Montserrat Medium, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a:focus,
button:focus,
input:focus,
span:focus,
select:focus,
textarea {
    outline: 0 !important;
    box-shadow: none !important;
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

input,
select {
    box-shadow: none !important;
}

input[type="text"],
input[type="email"],
input[type="tel"] {
    border: 1px solid #425563;
    padding: 0 12px;
    line-height: 32px;
    font-size: 12px;
    min-height: 32px;
}

input[type="radio"], 
input[type="checkbox"] {
    margin-right: 5px;
}

.box input[type="email"] {
    border: none;
    padding: 5px 10px;
}

input:focus {
    border-color: #425563 !important;
    box-shadow: 0 0 5px rgba(66, 84, 99, 0.2) !important;
}

button {
    color: #fff;
    background-color: #e5554f;
    border: none;
    padding: 0.75em 2em;
    font-family: Montserrat Bold, sans-serif;
    text-transform: uppercase;
    transition: 0.3s;
}

button:hover,
button:focus {
    background-color: #e73517;
}

textarea {
    border: 1px solid #425563 !important;
    padding: 6px 12px !important;
    line-height: 24px !important;
    min-height: 100px;
    max-height: 1000px;
    font-size: 12px !important;
}

label {
    font-size: 12px;
    font-weight: normal;
    font-family: Montserrat SemiBold, sans-serif;
}

.form-control {
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Montserrat SemiBold, sans-serif;
    letter-spacing: 0;
}

h1 {
    font-size: 28px;
    margin-bottom: 15px;
    line-height: 36px;
}

h2 {
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 24px;
}

h3 {
    font-size: 18px;
    line-height: 24px;
}

h4 {
    font-size: 16px;
    line-height: 24px;
}

h5 {
    font-size: 14px;
    line-height: 24px;
}

h6 {
    font-size: 12px;
    line-height: 24px;
    margin-bottom: 5px;
}

p {
    letter-spacing: 0;
    line-height: 24px;
}

p b {
    font-family: Montserrat Bold, sans-serif;
    font-weight: normal;
}

img {
    max-width: 100%;
}

.alert {
    margin: 10px 0 30px;
    background: #eceef0;
    border-radius: 0;
}

.slider-product-white,
.slider-product-yellow,
.slider-product-dark-blue {
    text-transform: uppercase;
    text-shadow: none !important;
}

.slider-product-white,
.slider-headline-white {
    color: white !important;
}

.slider-product-yellow,
.slider-headline-yellow {
    color: #fcc533 !important;
}

.slider-product-dark-blue,
.slider-headline-dark-blue {
    color: #425563 !important;
}

.slider-headline-white,
.slider-headline-yellow,
.slider-headline-dark-blue {
    font-size: 30px !important;
    text-shadow: none !important;
    font-family: Montserrat Bold, sans-serif !important;
    line-height: 42px;
}

.container-fluid .content ul {
    list-style: square;
    padding-left: 4px;
}

.container-fluid .content ul li {
    margin-bottom: 10px;
    padding-left: 10px;
}

.chosen-container {
    width: 100% !important;
    margin-bottom: 0;
}

.chosen-container .chosen-single {
    border: 1px solid #425563;
    border-radius: 0;
    background: none;
    padding: 4px 12px;
    height: auto;
    font-size: 12px;
    box-shadow: none;
    color: #425563;
}

.chosen-container .chosen-single:focus {
    box-shadow: none !important;
}

.chosen-container.chosen-with-drop .chosen-single {
    background: none !important;
    border-color: #425563;
}

.chosen-container.chosen-with-drop .chosen-drop {
    border-color: #425563;
    border-radius: 0;
    padding-top: 4px;
    border-top: 1px solid #422563;
}

.chosen-container .chosen-results li {
    font-size: 12px;
    padding: 8px;
    transition: 0.3s;
    color: #425563;
}

.chosen-container .chosen-results li:hover,
.chosen-container .chosen-results li:focus,
.chosen-container .chosen-results li.result-selected,
.chosen-container .chosen-results li.highlighted {
    background: #425563;
    color: white;
}

.chosen-container-single .chosen-single div,
.chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: 1px solid #3e3e3e;
    width: 40px;
}

.chosen-container-single .chosen-single div b {
    background: url("/../application/themes/cembrit/img/icon_arrow_down_small_dark.png");
    background-repeat: no-repeat;
    position: relative;
    top: 13px;
    left: 12px;
}


.chosen-container-single .chosen-single div b {
    background-image: url("/../application/themes/cembrit/img/icon_arrow_down_small_dark.png") !important;
    background-repeat: no-repeat !important;
    position: relative;
    top: 13px;
    left: 12px;
    width: 15px;
    height: 8px;
    background-size: 100% !important;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background: url("/../application/themes/cembrit/img/icon_arrow_up_small_dark.png") !important;
    background-repeat: no-repeat;
}

.chosen-container-single .chosen-search input[type="text"] {
    color: #425563;  
    padding: 2px 30px 0px 8px;
    font-size: 12px;
    height: 30px;
    background: none;
    font-family: Montserrat Regular, sans-serif;
}

.chosen-container-single .chosen-search:after {
    content: "\f002";
    position: absolute;
    font-family: FontAwesome;
    color: #425562;
    right: 11px;
    top: 4px;
    font-size: 16px;
}

.chosen-container .chosen-results {
    max-height: 300px;
}

select {
    border: 0;
    font-weight: normal;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 0 0.5em;
    font-family: Montserrat SemiBold, sans-serif; 
}

select.form-control {
    border: 1px solid #425563;
    padding: 8px;
    font-size: 12px;
    color: #425562;
    background-image: url("/../application/themes/cembrit/img/icon_arrow_down_small_dark.png");
    background-size: 15px 8px;
    background-position: calc(100% - 15px);
    height: 38px;
}

.grid-filter .dropdown select {
    text-transform: uppercase;
    background-color: #eceef0;
    margin: 0;
}

.ccm-captcha-image {
    border: 1px solid #3e3e3e;
}

.container-fluid {
    width: 1600px;
}

.ccm-block-social-links .list-inline > li {
    padding-right: 30px;
}

.grid {
    margin-bottom: 40px;
}

.grid .ccm-area,
.grid .ccm-area-block-list,
.grid .ccm-area-block-list > div[data-container="block"],
.grid .ccm-block-edit {
    height: 100%;
}

.content .ccm-area,
.content .ccm-area-block-list,
.content .ccm-area-block-list > div[data-container="block"],
.content .ccm-block-edit {
    height: 100%;
}

table tr {
    border-bottom: 1px solid #425563;
}

table[border="0"] tr {
    border-bottom: none;
}

table tr th, 
table tr td {
    padding: 10px;
}

.headline {
    background: #425563;
    color: white;
    padding: 10px 25px;
}

.headline h3 {
    font-family: Montserrat SemiBold, sans-serif;
    margin: 10px 0;
    font-size: 18px;
    line-height: 24px;
}

.headline h4 {
    font-family: Montserrat Medium, sans-serif;
}

.box .title {
    font-weight: normal;
    font-family: Montserrat Bold;
    letter-spacing: 0;
}

.btn {
    font-weight: normal;
    font-family: Montserrat Bold, sans-serif;
    transition: 0.3s;
}

.btn-primary {
    background-color: #576c7a;
}

.btn-primary:hover, 
.btn-primary:focus {
    background-color: #425563;
}

.btn-secondary {
    color: white;
    background-color: #e5554f;
}

.btn-secondary:hover,
.btn-secondary:focus {
    color: white;
    background-color: #de2a23;
}

.news-detail {
    margin: 30px auto;
}

.news-detail h1 {
    margin-bottom: 20px;
}

div.left-sidebar {
    padding-right: 30px;
}

.page.newsitem .navbar {
    margin: 0;
}

.page.newsitem h1 {
    margin: 10px 0 30px;
}

.form-group {
    margin-bottom: 15px;
}

.input-group label {
    font-family: Montserrat Regular, sans-serif;
}

.container {
    max-width: 1200px;
    width: 100%;
}

.no-padding {
    padding: 0 !important;
}

.left-sidebar > .container-fluid {
    padding: 50px 0;
}

.nav-sm-overlay {
    height: 0;
}

.nav-sm-overlay.active {
    height: 100%;
}

.nav-sm-overlay .content .navigation li a {
    font-size: 14px;
    font-weight: normal;
    font-family: Montserrat Bold, sans-serif;
}

.nav-sm-overlay .content .navigation li p {
    font-size: 14px;
    font-weight: normal;
    font-family: Montserrat Bold, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 1em 0;
    margin: 0;
}

.nav-sm-overlay .content .navigation li.title-only > .showpanel {
    position: absolute;
    width: calc(100% - 40px);
}

.nav-sm-overlay .panel {
    padding-left: 20px;
    padding-right: 20px;
}

.nav-sm-overlay .panel .showpanel {
    width: 30px;
}

.nav-sm-overlay ul {
    list-style: none;
}

.nav-sm-overlay .navigation-title.showpanel {
    float: initial !important;
}

.nav-sm-overlay .nav-top {
    text-align: center;
    padding: 60px 0;
}

.nav-sm-overlay .nav-top ul {
    padding: 0;
    display: inline-block;
    margin: 0;
}

.nav-sm-overlay .nav-top a {
    display: inline-block;
    padding: 10px;
    font-family: Montserrat SemiBold, sans-serif;
}

.nav-sm-overlay .nav-top a {
    display: inline-block;
    font-size: 12px;
    color: #425563;
}

.nav-sm-overlay .nav-top ul li {
    display: inline-block;
}

.nav-sm-overlay .nav-top .lang-selector {
    display: none;
}

.two-columns-1-2,
.two-columns-1-1,
.two-columns-2-1 {
    margin: 0 -20px;
}

.two-columns-1-2 > div,
.two-columns-1-1 > div,
.two-columns-2-1 > div {
    padding: 0 20px;
}

.modal-button {
    color: #de2a23;
    transition: 0.3s;
    cursor: pointer;
}

.modal-button:hover,
.modal-button:focus {
    text-decoration: underline;
}

#videoModal:after {
    top: 40px;
}

#videoModal .fluid-width-video-wrapper {
    margin-bottom: -6px;
}

#videoModal .fluid-width-video-wrapper video {
    max-width: 100%;
}

@media (max-width: 1050px) {
    #videoModal .modal-dialog {
        width: calc(100% - 10px);
    }

    #videoModal:after {
        top: 5px;
    }
}

/*** EDIT MODE *****************************************************************/

#ccm-panel-add-block .ccm-panel-add-block-set header {
    background: none;
    height: auto;
    border-bottom: none;
}

html.ccm-toolbar-visible header {
    top: 48px;
}

html.ccm-edit-mode main {
    margin-top: 200px;
}

html.ccm-edit-mode .dropdown-toggle::after {
    display: none;
}

html.ccm-edit-mode .nav-sm-overlay {
    /*
        display: block;
        position: relative;
        opacity: 1;
    */
}

.ccm-panel header {
    position: relative;
    top: 0 !important;
}

html.ccm-panel-ready.ccm-panel-left div.ccm-page,
.ccm-page.page-type-page.page-template-full {
    z-index: 1000;
}

#ccm-panel-detail-page-composer .ccm-ui header {
    top: 0;
    position: relative;
    z-index: 10;
}

.ccm-page.ccm-panel-detail-transition-fade.ccm-panel-detail-transition-fade-apply,
.ccm-page.page-type-news.page-template-left-sidebar.ccm-panel-detail-transition-fade.ccm-panel-detail-transition-fade-apply {
    z-index: 1 !important;
}

/*** HEADER *****************************************************************/
header {
    background: white;
    color: white;
    height: 100px;
    border-bottom: 4px solid white;
    transition: 0.3s;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}

header .nav-top {
    padding: 0;
}

header .nav-top a {
    font-size: 12px;
    font-family: Montserrat Bold, sans-serif;
    line-height: 20px;
}

header .nav-main {
    background: white;
    box-shadow: 0px 0 5px rgba(66, 85, 99, 0.3);
    height: 80px;
}

header .nav-main .container-fluid {
    padding: 0;
}

header .nav-top li,
header .nav-main li {
    display: inline-block;
}

header .nav-main .navigation > ul > li {
    float: left;
}

header .nav-main .navigation .dropdown ul li > ul > li {
    display: block;
    width: 100%;
}

header .nav-main .navigation .navigation-title {
    font-family: Montserrat Bold, sans-serif;
    padding: 10px 10px 10px 0;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0;
}

header .nav-main ul > li > a {
    height: 80px;
    text-align: left;
    padding: 16px 20px;
    line-height: 54px;
    font-size: 14px;
    transition: 0.3s;
    font-family: Montserrat SemiBold, sans-serif;
    font-weight: normal;
    letter-spacing: 0;
}

header li a {
    display: block;
    padding: 8px 16px;
}

header .nav-main .search {
    position: relative;
    display: inline-block;
    padding: 0;
    top: -29px;
    cursor: pointer;
}

html.ccm-toolbar-visible .searchbar.active {
    top: 48px;
}

html.ccm-toolbar-visible .searchbar.active .toggle {
    top: 68px;
}

header .searchbar .search-box button[type="submit"] {
    padding: 0 8px;
    height: 64px;
}

header .searchbar .container {
    padding-top: 140px;
}

header .searchbar .search-box .form-control {
    padding-left: 20px;
}

header .searchbar .search-box i {
    color: #425563;
}

header .searchbar .toggle {
    top: 20px;
    right: 20px;
}

header .searchbar .toggle i {
    top: -3px;
    right: 0;
}

header .nav-main .logo {
    padding: 0;
}

header .nav-main .logo a {
    display: block;
    padding: 0 5px;  
    line-height: 80px;
    padding-left: 15px;
}

header .nav-main .navigation .dropdown {
    top: 115px;
}

header .nav-main .navigation .has-dropdown:hover .dropdown {
    display: table !important;
}

header .nav-main .navigation .dropdown img {
    width: 100%;
}

header .nav-main .navigation .dropdown a {
    text-transform: none;
    line-height: 14px;
    font-family: Montserrat Regular, sans-serif;
    font-size: 12px;
    padding: 5px 10px 5px 0;
}

header .nav-main .navigation > ul {
    width: calc(100% - 40px);
    display: inline-block;
}

header .nav-main .navigation .dropdown .container {
    width: 100%;
    max-width: 1590px;
    padding: 0 12px;
}

header .nav-main .navigation > ul > li:hover .dropdown,
header .nav-main .navigation > ul > lihover .dropdown, 
header .nav-main .navigation > ul > li.open .dropdown {
    padding: 20px 0;
    min-height: 140px;
}

header .nav-main .navigation > ul > li > ul {
    display: none;
}

header .nav-main .navigation > ul > li .dropdown a {
    height: auto;
    max-width: 100%;
}

header .nav-main .navigation > ul > li .dropdown a p {
    line-height: 14px;
}

header .nav-main .navigation .dropdown ul > li {
    width: 25%;
}

header .nav-main .navigation .dropdown ul.size-5 > li {
    width: 20%;
}

header .nav-main .navigation .dropdown ul.size-6 > li {
    width: calc(100%/6);
}

header .nav-main .navigation .dropdown ul.with-highlights > li {
    width: 20%;
}

header .nav-main .navigation .dropdown ul.with-highlights > li.highlights {
    width: 60%;
    padding-right: 20px;
}

header .nav-main .navigation .dropdown ul.with-highlights > li.highlights ul li {
    width: 33.3%;
}

header .nav-main .navigation .dropdown ul li .with-image .title {
    text-transform: uppercase;
    font-family: Montserrat SemiBold, sans-serif;
    margin: 15px 0 0;
}

header .nav-main .navigation .dropdown ul li .with-image .text {
    font-size: 12px;
    font-family: Montserrat Regular, sans-serif;
    padding-top: 10px;
}

header .nav-sm {
    display: none;
}

header .lang-selector {
    font-size: 12px;
    font-family: Montserrat Bold, sans-serif;
    font-weight: normal;
    padding: 0;
}

header .lang-selector .current {
    min-width: 135px;
    text-align: center;
}

header .quick-nav {
    z-index: 1000;
    position: absolute;
    right: 40px;
    top: 400px;
    width: 300px;
    transition: 0.3s;
    opacity: 0;
    animation-name: fade-in;
    animation-duration: 0.3s;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
}

header .quick-nav.scroll {
    /*     right: 0; */
}

header .quick-nav.scroll .quick-button {

}

header .quick-nav.scroll-fix {
    right: 0;
    top: 300px;
}

header .quick-nav.blocked {
    animation-name: fade-out;
    animation-duration: 0.3s;
    animation-delay: 0s;
    animation-fill-mode:backwards;
    right: -34px;
}

header .quick-nav .quick-button {
    background: #e7534a;
    border-radius: 0px;
    padding: 4px 6px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    transition: 0.3s;
    width: 46px;
    height: 44px;
    margin: 0;
}

header .quick-nav .quick-button:hover {
    opacity: 1 !important;
}

header .quick-nav .quick-button a:hover,
header .quick-nav .quick-button a:focus {
    text-decoration: none;
}

header .quick-nav.scroll .quick-button,
header .quick-nav.scroll-fix .quick-button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    opacity: 0.4;
}

header .quick-nav .quick-button:nth-child(2) {
    top: 52px;
}

header .quick-nav .quick-button:nth-child(3) {
    top: 104px;
}

header .quick-nav .quick-button:nth-child(4) {
    top: 156px;
}

header .quick-nav .quick-button:nth-child(5) {
    top: 208px;
}

header .quick-nav.show-cart-open .quick-button.visualiser {
    top: 190px;
}

header .quick-nav .quick-button.cart.show-cart.open {
    height: 78px;
}

header .quick-nav .quick-button.mail img {
    top: 9px;
}

header .quick-nav .quick-button.visualiser img {
    max-width: 36px;
    top: 10px;
}

header .quick-nav .quick-button.cart .cart-link {
    display: none;
}

header .quick-nav .quick-button.cart.show-cart .cart-link {
    display: block;
}

header .quick-nav .quick-button img {
    display: inline-block;
    top: 5px;
    right: 5px;
    position: absolute;
}

header .quick-nav .quick-button .content {
    display: none;
    opacity: 0;
}

header .quick-nav .quick-button.open {
    width: 300px;
    opacity: 1 !important;
}

header .quick-nav .quick-button.contact.open {
    width: 420px;
}

header .quick-nav .quick-button.open .content {
    display: inline-block;
    animation-name: fade-in;
    animation-delay: 0.3s;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
}

header .quick-nav .quick-button.open .content p,
header .quick-nav .quick-button.open .content a {
    padding-left: 10px;
    line-height: 34px;
    color: white !important;
    font-size: 13px;
}

header .quick-nav.landingpage-events .quick-button.contact.open,
header .quick-nav.landingpage-events .quick-button.mail.open,
header .quick-nav.landingpage-events .quick-button.cart.open,
header .quick-nav.landingpage-events .quick-button.visualiser.open {
    width: 420px;
}

header .quick-nav .cart-counter {
    position: absolute;
    top: 4px;
    right: 4px;
    background: white;
    color: #e7534a;
    border-radius: 23px;
    width: 18px;
    text-align: center;
    padding: 0;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
}

header .sample-shop-link {
    float: right;
    line-height: 36px;
    height: 37px;
    padding: 0 10px;
    margin-left: 10px;
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade-out {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        visibility: hidden;
    }
}

/*** MAIN *****************************************************************/
main {
    position: relative;
    margin-top: 117px;
}

main.left-sidebar .left-sidebar {
    margin-bottom: 50px;
    padding-left: 15px;
}

.left-sidebar .container-fluid {
    max-width: 1170px;
}

main.left-sidebar .left-sidebar .nav li a {
    color: #425563;
    font-size: 14px;
    line-height: 24px;
    font-family: Montserrat SemiBold, sans-serif;
    padding: 0;
    transition: 0.3s;
    margin-bottom: 4px;
}

main.left-sidebar .left-sidebar .nav li a.active,
main.left-sidebar .left-sidebar .nav li a:hover,
main.left-sidebar .left-sidebar .nav li a:focus {
    background: none;
    color: #e7534a;
    text-decoration: none !important;
}

main.left-sidebar .left-sidebar .nav li ul {
    list-style: none;
    padding-left: 15px;
}

main.left-sidebar .left-sidebar .nav li ul li a {
    color: #425563;
    font-size: 12px;
    font-family: Montserrat Regular, sans-serif;
}

main.page-not-found .search-header {
    margin: 10px -4px;
}

main.page-not-found #search-field {
    width: 390px;
}

main.page-not-found .search-header #search-button {
    height: 34px;
    margin-top: -3px;
}

main.page-not-found .search-header #search-button i {
    top: -2px;
    position: relative;
}

main.page-not-found .container-fluid {
    padding: 0 20px !important;
}

.pre-footer .container-fluid {
    padding: 0 15px;
}

.pre-footer {
    padding: 2em 0;
    background-color: #eceef0;
    color: #425563;
}

.pre-footer h2 {
    text-transform: uppercase;
    color: #e5554f;
    margin-bottom: 1.5em;
    font-weight: 800;
}

.pre-footer section.contact h3 {
    font-size: 1.5em;
    margin-bottom: 1.5em;
    font-weight: 500;
}

.pre-footer h4 {
    font-weight: normal;
    font-size: 14px;
    text-transform: uppercase;
    font-family: Montserrat Bold, sans-serif;
}

.pre-footer ul {
    list-style: none;
    padding: 0;
}

.pre-footer ul li a {
    color: #425563;
    font-size: 12px;
    line-height: 24px;
    font-family: Montserrat Regular, sans-serif;
}

.pre-footer ul li a:hover,
.pre-footer ul li a:focus {
    text-decoration: none;
}

.box p {
    font-weight: normal;
    letter-spacing: 0;
}

.box .title {
    font-size: 12px;
    text-align: left;
    padding-right: 10px;
}

.box .wrapper {
    height: 0;
}

.box .text {
    position: absolute;
    top: 0;
}

footer p {
    line-height: 18px;
}

footer p,
footer h4,
footer h5 {
    font-weight: normal;
    font-size: 11px;
}

footer .container-fluid {
    padding: 0 15px;
}

.footer-sitemap ul {
    padding: 0;
    list-style: none;
    margin-top: 10px;
}

.footer-sitemap ul li {
    display: inline-block;
}

.footer-sitemap ul li:not(:last-child):after {
    content: "|";
    padding: 0 5px 0 8px;
}

.cc-window.cc-banner {
    border-top: 1px solid #425563;
}

.cc-window.cc-banner .cc-compliance {
    margin-left: 30px;
}

/*** RESPONSIVE *****************************************************************/
@media (max-width: 1620px) {
    .grid {
        margin: 0 -10px;
        width: calc(100% + 20px);
    }

    .container-fluid {
        width: 100%;
        padding: 0 10px !important;
    }

    .pre-footer .container-fluid,
    footer .container-fluid {
        padding: 0 15px !important;
    }

    .left-sidebar > .container-fluid {
        padding: 50px 10px;
    }

    header .nav-main .navigation .dropdown .container {
        padding: 0px 15px;
    }

    header .nav-main .logo a {
        padding-left: 5px;
    }

    main.left-sidebar {
        margin-top: 157px;
    }

    main.left-sidebar .left-sidebar {
        padding-left: 5px;
    }
}

@media (max-width: 1600px) {

}

@media (max-width: 1560px) {
    header .nav-main ul > li > a {
        font-size: 13px;
        line-height: 60px;
    }    
}

@media (max-width: 1500px) {
    header .nav-main ul > li > a {
        padding: 16px 10px;
    }

    header .nav-main .navigation .navigation-title {
        font-size: 12px;
    }

    header .nav-main .navigation .dropdown a {
        font-size: 12px;
    }

    header .nav-main .navigation .dropdown ul li .with-image .text {
        font-size: 11px;
    }
}

@media (max-width: 1200px) {
    header {
        height: 54px;
    }

    header .nav-main ul > li > a {
        font-size: 11px;
        line-height: 64px;
        padding: 16px 8px;
    }

    header .nav-main .navigation .navigation-title {
        font-size: 12px;
    }

    header .nav-main .navigation .dropdown a {
        font-size: 11px;
    }
}

@media (max-width: 1150px) {

}

@media (min-width: 1101px) {
    .nav-sm-overlay {
        display: none;
    }
}

@media (max-width: 1100px) {
    body {
        padding: 0;
    }

    header {
        background: rgba(255, 255,255, 0.66);
        border: none;
    }

    header:hover,
    header:focus {
        background: white;
    }

    header .nav-top,
    header .nav-main {
        display: none;
    } 

    header .nav-sm {
        display: block;
    }

    header .nav-sm .search {
        line-height: 54px;
        cursor: pointer;
    }

    header .nav-sm .search .fa-search {
        color: #425563;
        font-size: 22px;
    }

    header .nav-sm .toggle-menu {
        line-height: 36px;
        cursor: pointer;
        width: 60px;
        height: 54px;
    }

    header .nav-sm .logo {
        margin-left: 0;
    }

    header .searchbar .search-box .form-control {
        font-size: 18px;
        line-height: 44px;
    }

    header .quick-nav {
        top: 0;
    }

    header .quick-nav .contact,
    header .quick-nav .mail,
    header .quick-nav .visualiser {
        display: none;
    }

    header .quick-nav .cart {
        top: 5px !important;
        right: 50px;
    }

    header .quick-nav.scroll {
        right: 40px;
    }

    header .quick-nav .quick-button.open {
        width: 46px !important;
    }

    header .quick-nav .quick-button.open .content {
        background: #e7534a;
        position: absolute;
        top: 49px;
        width: 250px;
        right: -70px;
        text-align: center;
        animation-delay: 0s;
    }

    header .quick-nav .quick-button.open .content a {
        padding: 0;
    }

    header .nav-sm > .container-fluid div:nth-child(2) {
        position: absolute;
        right: 200px;
    }

    header .nav-sm > .container-fluid div:nth-child(3) {
        right: 10px;
        position: absolute;
    }

    main {
        margin-top: 54px;
    }

    main.left-sidebar {
        margin-top: 84px;
    }

    select.form-control {
        display: inline-block !important;
    }

    html:not(.ccm-edit-mode) .chosen-container {
        display: none !important;
    }
}

@media (max-width: 959px) {
    .box .text.text-center:not(.text-center-center) h2 {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .box .text {
        padding: 10px;
    }

    .box p {
        /*
                font-size: 11px;
                line-height: 22px;
        */
    }
}

@media (max-width: 767px) {
    main.left-sidebar .left-sidebar {
        margin-top: 50px;
        padding-left: 0;
    }

    .pre-footer .container-fluid,
    footer .container-fluid {
        padding: 0 10px !important;
    }

    .footer .tagline h5 {
        text-align: left !important;
    }

    .page.newsitem .navbar {
        margin-top: 25px;
        padding-left: 0;
    }

    .two-columns-1-2,
    .two-columns-1-1,
    .two-columns-2-1 {
        margin: 0;
    }

    .two-columns-1-2 > div,
    .two-columns-1-1 > div,
    .two-columns-2-1 > div {
        padding: 0;
    }
}

@media (max-width: 600px) {
    main.page-not-found ul {
        padding-left: 15px;
    }

    main.page-not-found #search-field {
        width: 100%;
    }

    main.page-not-found #search-button {
        float: right;
        margin: 10px 0 !important;
    }
}

@media (max-width: 535px) {
    footer .container-fluid {
        padding: 0 5px !important;
    }
}

@media (max-width: 480px) {
    h1 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    h2 {
        font-size: 20px;
        margin-bottom: 8px;
    }

    h3 {
        font-size: 18px;
    }

    h4 {
        font-size: 16px;
    }

    header .quick-nav .cart {
        right: 25px;
    }

    header .nav-sm > .container-fluid div:nth-child(2) {
        right: 125px;
    }

    main.page-not-found .search-header #search-field,
    main.page-not-found .search-header #search-button {
        width: 100%;
        margin-top: 15px;
    }

    .footer-sitemap ul li {
        display: block;
    }

    .footer-sitemap ul li:after {
        display: none;
    }
}

@media (max-width: 1750px) {
    .pre-footer .container-fluid, 
    footer .container-fluid,
    .page.newsitem .container-fluid {
        max-width: 1200px;
    }
}

@media (max-width: 1250px) {
    .pre-footer .container-fluid, 
    footer .container-fluid,
    .page.newsitem .container-fluid {
        max-width: 960px;
    }
}

@media (max-width: 767px) {
    .pre-footer .block {
        height: auto !important;
    }    
}

@media (min-width: 992px) {
    .pre-footer .block {
        height: auto !important;
    }    
}

.container-fluid {
    /*     border: 1px solid red; */
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
    select.form-control {
        background: none;
    }
}