/*
Theme Name: Preface Child
Theme URI: https://preface.group/
Description: A child theme of Preface Theme
Author: Preface
Author URI: https://preface.group/
Version: 1.0.0
Template: preface
*/
@import url("../preface/style.css");
@import url("../preface-child/style.scss");
@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');


/* General */
html {
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    /* Prevent font scaling in landscape */
}

.desktop-show {
    display: inherit;
}

.mobile-show {
    display: none;
}

.my-hidden {
    display: none !important;
}

a {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

strong {
    font-weight: 700;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Merriweather Sans', sans-serif;
    font-weight: 700;
    line-height: 1.3;
}

p {
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 15px;
}

body {
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 15px;
    line-height: 1.5;
    color: #484c50;
    -moz-font-feature-settings: 'kern';
    -moz-osx-font-smoothing: grayscale;
}

.content {
    margin-top: 80px !important;
}

.container_inner {}

::selection {
    color: unset;
    background: rgba(178, 215, 255, 0.5);
}



/*-----------------------------------
Additional CSS - General
-----------------------------------*/


.white,
.white * {
    color: #fff;
}

.grey {
    color: #717174 !important;
}


.gold {
    color: #CFA571 !Important;
}

.pageSection {
    padding: 60px 0;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pt0 {
    padding-top: 0 !important;
}

body .mt0 {
    margin-top: 0 !important;
}

body .mb0 {
    margin-bottom: 0 !important;
}

.qbutton.tiny.normal,
.btn-custom {
    background: #cfa570;
    font-style: normal;
    height: 37px;
    line-height: 37px;
    min-width: 40px;
    padding: 2px 20px;
    font-size: 14px;
    white-space: normal;
    border-radius: 50px;
    transition: all 0.35s ease-in-out 0s;
    user-select: none;
    color: #fff;
    font-family: 'Merriweather Sans', sans-serif;
    border: 1px solid #cfa570;
    text-transform: uppercase;
    font-weight: 700;
    vertical-align: middle;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.qbutton.tiny.no_fill {
    background: transparent;
    font-style: normal;
    height: 37px;
    line-height: 37px;
    min-width: 40px;
    padding: 2px 20px;
    font-size: 14px;
    white-space: normal;
    border-radius: 50px;
    transition: all 0.35s ease-in-out 0s;
    user-select: none;
    color: #cfa570 !important;
    font-family: 'Merriweather Sans', sans-serif;
    border: 1px solid #cfa570;
    text-transform: uppercase;
    font-weight: 700;
    vertical-align: middle;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.qbutton.tiny.no_fill:hover,
.qbutton.tiny.normal:hover {
    background-color: #cfa570;
    font-style: normal;
    height: 37px;
    line-height: 37px;
    min-width: 40px;
    padding: 2px 20px;
    font-size: 14px;
    white-space: normal;
    border-radius: 50px;
    transition: all 0.35s ease-in-out 0s;
    user-select: none;
    color: #fff !important;
    font-family: 'Merriweather Sans', sans-serif;
    border: 1px solid #cfa570;
    text-transform: uppercase;
    font-weight: 700;
    vertical-align: middle;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

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


/* Header */
header .container_inner .header_inner_left {
    left: inherit;
}

.header_bottom {
    padding-left: 0;
    padding-right: 0;
}

nav.main_menu ul li a {
    font-size: 15px;
    padding: 0 10px;
    font-family: 'Merriweather Sans', sans-serif;
}

nav.main_menu > ul > li:hover > a {
    background-color: inherit;
}

nav.main_menu > ul > li:hover > a span {
    height: 0px;
}

.logo a {
    height: 70px !important;
}


/* Header - Mobile */
.mobile_menu_button {}

.mobile_menu_button span {
    width: 30px;
    height: 20px;
}

.mobile_menu_button span {
    -o-background-size: 30px 20px;
    -webkit-background-size: 30px 20px;
    -moz-background-size: 30px 20px;
    background-size: 30px 20px;
    background-image: url(https://www.cshgroup.asia/wp-content/uploads/menu_button@2x.png);
}

nav.mobile_menu ul li a,
nav.mobile_menu ul li h3 {
    font-family: 'Merriweather Sans', sans-serif;
}

nav.mobile_menu ul li:last-child {
    padding-bottom: 30px;
}

nav.mobile_menu ul li:last-child a {
    border-bottom: none;
}

.title {
    text-align: left;
    border-bottom: none;
    background: #e5e5e5 url("https://www.cshgroup.asia/wp-content/uploads/breadcrumb.jpg") no-repeat bottom right;
}

.title .breadcrumb {
    text-align: left;
    font-weight: 300;
    font-size: 11px;
    text-transform: uppercase;
    margin: 5px 0 0 0;
}

.title h1 {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 25px;
    margin-bottom: 10px;
}

.title .csh-pagetitle-hr {
    border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 15" width="24" height="15"><path fill="none" stroke="rgba(207, 165, 113, 1.0)" stroke-width="2" d="M0,13.5c6,0,6-12,12-12s6,12,12,12"/></svg>') 0 0 100% repeat;
    margin-left: 0;
    width: 50%;
}

/* Blog */
body.category-blog {
    background-color: #e5e5e5;
}

body.category-blog .content {
    background-color: #e5e5e5;
}

body.category-blog .content article {
    background: #fff;
}

body.category-blog .content article span.blog_like {
    display: none;
}

body.single-post .content {
    background-color: #e5e5e5;
}

.blog_holder.blog_single {
    background: #fff;
    margin-top: 50px;
    padding: 4%;
    max-width: 100% !important;
}


/* Footer */
.footer_top_holder {
    background-color: #000;
}

.footer_top .four_columns .column_inner {
    border-left: none;
    min-height: auto !important;
    min-height: auto !important;
}

.footer_top h2 {
    margin: 0 0 10px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}

.footer_top h3 {
    margin: 0 0 10px;
    font-size: 15px;
    font-weight: 400;
    color: #D5D3D4;
}

.footer-logo {
    width: 80px;
    margin-bottom: 20px;
}

.footer_top a,
.footer_top p,
.footer_top span,
.footer_top li {
    color: #717174;
}

.footer_top .widget.widget_nav_menu li {
    margin: 0 0 5px !important;
}

.footer_top .widget_nav_menu li.menu-item a {
    font-size: 13px;
    line-height: 1.3;
    margin-bottom: 8px;
}

.footer_top .four_columns .column1 .column_inner > div {
    margin-left: 0;
}

.footer-social {
    margin-top: 20px;
}

.footer-social a {
    font-size: 25px;
    color: #cfa570;
    display: inline-block;
    margin-right: 20px;
}

.footer_bottom_holder {
    background-color: #484c50;
}

.footer_bottom {
    text-align: left;
}

.footer_bottom p {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 300;
    color: #fff;
}

#back_to_top {
    width: 45px;
    height: 45px;
    border: none;
    border-radius: 50px;
    background: #cfa570;
    vertical-align: middle;
    line-height: 37px;
    color: #fff !important;
    text-align: center;
    top: unset;
    bottom: 95px;
}

#back_to_top span {
    border: none;
}

/*--- Whatsapp ---*/

a.ico-wa {
    position: fixed;
    width: 30px;
    height: 30px;
    display: block;
    background: #CFA571;
    border-radius: 50%;
    padding: 7px;
    right: 24px;
    bottom: 40px;
    z-index: 9999999;
}

a.ico-wa:hover {
    scale: 1.1;
}

a.ico-wa img {
    width: 100%;
    height: auto;
}


/* Section */
.content .container .container_inner {
    padding-top: 0px;
}

.page-header {}

.page-header .parallax section {
    /* background-position: center center !important; */
}

h1.csh-pagetitle,
p.csh-pagetitle {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 81px;
    width: 71px;
    padding: 0;
    border: 0;
}

h2.csh-pagetitle {
    font-weight: 500;
    font-size: 35px;
}

h3.csh-pagetitle {
    font-size: 25px;
}

h4.csh-pagetitle {
    font-size: 18px;
}

.csh-pagetitle {}

.csh-pagetitle.pagetitle-gold {
    color: #CFA571;
}

.csh-pagetitle.pagetitle-white {
    color: #ffffff;
}

.csh-pagetitle.pagetitle-grey {
    color: #484c50;
}

.csh-pagetitle.pagetitle-lightgrey {
    color: #d5d3d4;
}

div.csh-pagetitle-label {
    display: inline-block;
    padding: 5px 20px;
    border-radius: 50px;
    font-size: 15px;
    background-color: #ffd400;
    color: #484c50;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px;
}

div.csh-pagetitle-label.label-grey {
    background-color: #484c50;
    color: #ffd400;
}

div.csh-pagetitle-label.label-gold {
    background-color: #CFA571;
    color: #ffffff;
}

div.csh-pagetitle-label.label-fulllength {
    display: block;
    text-align: center;
}

.csh-pagetitle-hr {
    width: auto;
    border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 15" width="24" height="15"><path fill="none" stroke="rgba(207, 165, 113, 1.0)" stroke-width="3" d="M0,13.5c6,0,6-12,12-12s6,12,12,12"/></svg>') 0 0 100% repeat;
    border-width: 0 0 15px;
    border-style: solid;
    position: relative;
}

.csh-pagetitle-hr.hr-biggap {
    margin-top: 40px;
    margin-bottom: 60px;
}

.csh-pagetitle-hr.hr-white {
    border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 15" width="24" height="15"><path fill="none" stroke="rgba(255, 255, 255, 1.0)" stroke-width="3" d="M0,13.5c6,0,6-12,12-12s6,12,12,12"/></svg>') 0 0 100% repeat;
}

.csh-pagetitle-hr.hr-grey {
    border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 15" width="24" height="15"><path fill="none" stroke="rgba(72, 76, 80, 1.0)" stroke-width="3" d="M0,13.5c6,0,6-12,12-12s6,12,12,12"/></svg>') 0 0 100% repeat;
}

.csh-pagetitle-hr.hr-lightgrey {
    border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 15" width="24" height="15"><path fill="none" stroke="rgba(213, 211, 212, 1.0)" stroke-width="3" d="M0,13.5c6,0,6-12,12-12s6,12,12,12"/></svg>') 0 0 100% repeat;
}


.wpb_text_column ul,
.wpb_text_column ol {
    list-style-position: outside;
    margin-left: 16px;
}

.wpb_text_column ul li,
.wpb_text_column ol li {
    padding-left: 5px;
}

.qbutton,
.load_more a,
#submit_comment,
.drop_down .wide .second ul li .qbutton,
.drop_down .wide .second ul li ul li .qbutton {
    font-family: 'Merriweather Sans', sans-serif;
    border: none;
    text-transform: uppercase;
    font-weight: 700;
}

.qbutton.medium {
    min-width: 40px;
    padding: 2px 20px;
    font-size: 14px;
    white-space: normal;
    border-radius: 50px;
    transition: all 0.35s ease-in-out 0s;
    user-select: none;
    vertical-align: middle;
    background: none;
}

.csh-h2-desc {
    font-size: 20px;
    font-weight: 300;
}

.csh-h3-desc {
    font-size: 17px;
    font-weight: 400;
}


.textcolor-gold {
    color: #CFA571;
}

.textcolor-white {
    color: #ffffff;
}

.textcolor-grey {
    color: #484c50;
}

.textcolor-mediumgrey {
    color: #717174;
}

.textcolor-lightgrey {
    color: #d5d3d4;
}

.textcolor-black {
    color: #222222;
}

.text-shadow {
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}



/* Home Page */
.page-id-13 .content > .content_inner {
    background: #000000;
}


.home-01 {}

.homeformSection h3 {
    font-weight: 500;
    margin-top: 20px;
}

.homeformSection h2:after {
    content: '';
    display: block;
    /* background: url(img/wave.svg) repeat-x center;*/

    background-color: #CFA46F;
    -webkit-mask: url(img/wave.svg) repeat-x left;
    mask: url(img/wave.svg) repeat-x left;

    background-size: 100% auto;
    width: 432px;
    max-width: 90%;
    height: 15px;
    margin: 25px 0 40px 0;
}


.homeformSection form {
    max-width: 700px;
}

.homeformSection input[type="text"],
.homeformSection input[type="email"],
.homeformSection textarea {
    background: #fff !important;
    color: #000 !important;
}

.homeformSection .wpb_column {
    padding: 3%;
}

.audioformSection input[type="text"],
.audioformSection input[type="email"],
.audioformSection textarea {
    background: #fff !important;
    color: #000 !important;
}

.homeformSection .wpb_column {
    padding: 3%;
}

.audioformSection .wpb_column {
    padding: 3%;
}

html .breakerSection {
    margin-top: 0 !important;
    margin-bottom: 0 !Important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

html .breakSection .separator.transparent {
    margin: 10px 0 !important;
}

.homeformSection .breakSection .wpb_column {
    padding: 0 5% !important;
}

.breakerSection h2 {
    margin-bottom: 30px;
}

.breakerSection h2:after {
    display: none;
}

.breakerSection h3 {
    margin-top: 0 !important;
}

.breakerSection h3:after {
    content: '';
    display: block;
    background: url(img/wave.svg) repeat-x center;
    background-size: auto 100%;
    width: 386px;
    max-width: 80%;
    height: 12px;
    margin: 20px auto;
}

.stepSection {
    /* padding-top: 10px !important;*/
}

.stepSection h2 {
    margin-bottom: 50px;
}

.stepSection h2:after {
    content: '';
    display: block;
    background: url(img/wave.svg) repeat-x center;
    background-size: auto 100%;
    width: 232px;
    height: 12px;
    margin: 15px auto 0 auto;
}

.step-ico {
    width: 60px;
    height: auto;
    margin-bottom: 10px !important;
    margin: auto;
}

.pageSection .vc_column-inner {
    max-width: 1440px;
    width: calc(100% - 15px);
    margin: auto;
}


.homeaboutSection .qbutton {
    margin-top: 25px !Important;
    margin-right: 15px !Important;
}

.homeaboutSection h2 {
    margin-top: 20px;
}

.homeaboutSection h2:after {
    content: '';
    display: block;
    /* background: url(img/wave.svg) repeat-x center;*/

    background-color: #CFA571;
    -webkit-mask: url(img/wave.svg) repeat-x left;
    mask: url(img/wave.svg) repeat-x left;

    background-size: 100% auto;
    width: 265px;
    height: 15px;
    margin: 25px 0 40px 0;
}


.homeinfoSection .qbutton {
    margin-top: 25px !Important;
    margin-right: 15px !Important;
}

.homeinfoSection h2 {
    margin-top: 20px;
    color: #000;
}


.homeinfoSection h2:after {
    content: '';
    display: block;
    /* background: url(img/wave.svg) repeat-x center;*/

    background-color: #CFA46F;
    -webkit-mask: url(img/wave.svg) repeat-x left;
    mask: url(img/wave.svg) repeat-x left;

    background-size: 100% auto;
    width: 265px;
    height: 15px;
    margin: 25px 0 40px 0;
}


.homeinfoSection .wpb_column {
    /*  padding-left: 3%;
    padding-right: 3%;*/
    padding-top: 10px;
    padding-bottom: 30px;
}

.partnerSection .wpb_column,
.pastprojectSection .wpb_column {
    /* padding-left: 3%;
    padding-right: 3%;*/
    padding-top: 10px;
    padding-bottom: 10px;
}

.pastprojectSection h3 {
    font-weight: 500;
}

.pastprojectSection h2:after {
    content: '';
    display: block;
    background-color: #717174;
    -webkit-mask: url(img/wave.svg) repeat-x left;
    mask: url(img/wave.svg) repeat-x left;

    background-size: 100% auto;
    width: 265px;
    height: 15px;
    margin: 15px auto 30px auto;
}

.pastprojectSection .qbutton {
    margin: 95px auto 0 auto;
}

/* Shop */
.banner-block {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
}

.banner-block .vc_column-inner {
    padding-left: 0;
    padding-right: 0;
}

.banner-block-inner {
    padding: 60px 80px 0 80px;
}

.banner-block-inner.no-margintop {
    padding-top: 0px;
}

.banner-block-img img {
    bottom: 0px;
    position: relative;
}

a.link-button {
    color: #CFA570;
    text-decoration: underline;
}

a.link-button:hover {
    text-decoration: underline;
}

.page-id-16 .content > .content_inner {
    background: #000;
}

.shop-01 {}

.shop-01.page-header .parallax section {
    background-position: center center;
}

.shop-02 {
    max-width: 1470px;
    margin: 0 auto;
}

.shop-02-banner01 {
    padding: 10px 5px 10px 10px;
}

.shop-02-banner01 > .vc_column-inner {
    height: 1280px;
    background: #191310 url("https://www.cshgroup.asia/wp-content/uploads/banner-commercial.jpg") no-repeat bottom center;
}

.shop-02-banner02 {
    padding: 10px 10px 10px 5px;
}

.shop-02-banner02 > .vc_column-inner {
    height: 1280px;
    background: #8d9393 url("https://www.cshgroup.asia/wp-content/uploads/banner-lifestyle.jpg") no-repeat bottom center;
}

.shop-02-category {
    font-size: 14px;
    border-bottom: none;
    margin-left: -15px;
    margin-right: -15px;
    color: #efefef;
}

.shop-02-category div.csh-pagetitle-label {
    font-weight: 400;
    font-size: 14px;
    margin-top: 15px;
    text-transform: capitalize;
    color: #CFA571;
}

.shop-02-category.accordion.with_icon h5 {
    background: none;
    color: #d9b98e;
    border: none;
    border-bottom: 1px solid #484c50;
}

.shop-02-category.accordion div.accordion_content {
    border: none;
}

.shop-02-category .ui-accordion-content-active {
    border-bottom: 1px solid #484c50 !important;
}


/* Audio Solutions */

.breadcrumb-solutions a {
    color: #ddd;
}

.audiotabSection h3:after {
    content: '';
    display: block;
    background: url(img/wave.svg) repeat-x center;
    background-size: auto 100%;
    width: 271px;
    height: 12px;
    margin: 30px auto 0 auto;
}

.audiotabSection .vc_inner {
    background: #4A4C50;
    padding: 4%;
    padding-bottom: 80px;
    color: #fff;
}

.audiotabSection .tabs h2 {
    margin-bottom: 50px;
}

.audiotabbg {
    background-color: #4A4C50;
    color: #fff;
}

.audiotabSection .tabs p a {
    color: #CFA46F;
    font-weight: 700 !important;
}

.solution-desc {
    margin-top: 30px;
}

.solution-desc a {
    color: #CFA571 !important;
    text-decoration: none;
    font-weight: 700;
}

.solution-desc a:hover {
    text-decoration: underline;
}

.solution-gallery {
    margin-top: 55px;
}

.solutionsubSection .wpb_column {
    margin-bottom: 50px;
}

.solutionsubSection a img {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.solutionsubSection a:hover img {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
    transform: scale(0.95);
}

.solutionsubSection .wpb_single_image .vc_figure-caption {
    font-size: 15px;
    margin-top: 8px;
}

.tabs .tabs-nav li a {
    font-size: 12px;
    color: #4A4C50;
    max-width: 80px;
    height: auto;
    line-height: 14.5px;
    background-color: transparent;
    border: 0;
    opacity: 0.35;
}

.tabs .tabs-nav li.active a {
    color: #4A4C50;
    background-color: transparent;
    opacity: 1;
}

.tabs .tabs-nav li:nth-child(1) a:before {
    content: '';
    display: block;
    width: 100%;
    height: 50px;
    background: url(img/ico-1.png) no-repeat center;
    background-size: 50px 50px;
}

.tabs .tabs-nav li:nth-child(2) a:before {
    content: '';
    display: block;
    width: 100%;
    height: 50px;
    background: url(img/ico-2.png) no-repeat center;
    background-size: 50px 50px;
}

.tabs .tabs-nav li:nth-child(3) a:before {
    content: '';
    display: block;
    width: 100%;
    height: 50px;
    background: url(img/ico-3.png) no-repeat center;
    background-size: 50px 50px;
}

.tabs .tabs-nav li:nth-child(4) a:before {
    content: '';
    display: block;
    width: 100%;
    height: 50px;
    background: url(img/ico-4.png) no-repeat center;
    background-size: 50px 50px;
}

.tabs .tabs-nav li:nth-child(5) a:before {
    content: '';
    display: block;
    width: 100%;
    height: 50px;
    background: url(img/ico-5.png) no-repeat center;
    background-size: 50px 50px;
}

.tabs .tabs-nav li:nth-child(6) a:before {
    content: '';
    display: block;
    width: 100%;
    height: 50px;
    background: url(img/ico-6.png) no-repeat center;
    background-size: 50px 50px;
}

/* Applications */



.application-01 {}

.application-01.page-header .parallax section {
    background-position: center center;
}

.application-02 {}

.application-02 ul.uk-thumbnav {
    background: #EFEFEF;
    padding: 10px 10px 25px;
    margin: 0;
}

.application-02 ul.uk-thumbnav li {
    width: 100px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.application-02 .switcher-title {
    font-size: 12px;
    line-height: 1.2;
    cursor: pointer;
}

.application-02 .uk-thumbnav > * > * {
    background: none;
}

.application-02 .uk-thumbnav > * > :focus > img,
.application-02 .uk-thumbnav > * > :hover > img,
.application-02 .uk-thumbnav > .uk-active > * > img {
    opacity: 1.0;
}

.application-02 .uk-thumbnav > * > * > img {
    opacity: .3;
}

.application-02 .uk-thumbnav li .switcher-title,
.application-02 .uk-thumbnav li:hover .switcher-title {
    opacity: 0.75;
}

.application-02 .uk-thumbnav li.uk-active .switcher-title {
    opacity: 1.0;
}

.application-02 .uk-switcher {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px !important;
    padding-bottom: 10px !important;
    background: #EFEFEF;
}

.application-02 .uk-switcher > li {
    padding-left: 10px;
    padding-right: 10px;
    background: #EFEFEF;
}

.application-02 .uk-panel-space {
    padding: 0px;
}

.application-tab-content {
    background: #fff;
}

.application-tab-content-paragraph {
    max-width: 800px;
    padding: 60px 30px 400px;
    margin-left: auto;
    margin-right: auto;
}

.application-tab-content-paragraph h3 {
    margin-bottom: 30px;
}

.application-tab-01 {
    background: #937865 url("https://www.cshgroup.asia/wp-content/uploads/application-bg-01.jpg") no-repeat bottom center;
}

.application-tab-02 {
    background: #3d3331 url("https://www.cshgroup.asia/wp-content/uploads/application-bg-02.jpg") no-repeat bottom center;
}

.application-tab-03 {
    background: #ece8e4 url("https://www.cshgroup.asia/wp-content/uploads/application-bg-03.jpg") no-repeat bottom center;
}

.application-tab-04 {
    background: #e5e3e1 url("https://www.cshgroup.asia/wp-content/uploads/application-bg-04.jpg") no-repeat bottom center;
}

.application-tab-05 {
    background: #eae4dd url("https://www.cshgroup.asia/wp-content/uploads/application-bg-05.jpg") no-repeat bottom center;
}

.application-tab-06 {
    background: #e1dfea url("https://www.cshgroup.asia/wp-content/uploads/application-bg-06.jpg") no-repeat bottom center;
}

.application-03 {
    background: #EFEFEF;
}

.application-03 section.section {
    padding: 30px 0;
}

.application-03 .section.grid_section .section_inner {
    width: auto;
    max-width: 1440px;
}

.application-03 .call_to_action.elegant {
    border: none;
    padding: 41px 80px 42px 50px;
    overflow: hidden;
    background: #25292b url("https://www.cshgroup.asia/wp-content/uploads/application-cta.jpg") no-repeat center right;
    color: #d5d3d4;
    margin-bottom: 10px;
}

.application-03 h4 {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.application-03 .csh-pagetitle-hr {
    border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 15" width="24" height="15"><path fill="none" stroke="rgba(207, 165, 112, 1.0)" stroke-width="2" d="M0,13.5c6,0,6-12,12-12s6,12,12,12"/></svg>') 0 0 100% repeat;
    margin-bottom: 30px;
}

.application-03 .cta-column {
    width: 33.33%;
    float: left;
    display: block;
    padding-right: 10px;
}

.application-03 .cta-column ul {
    list-style-position: outside;
    margin-left: 16px;
}

.application-03 .cta-column ul li {
    padding-left: 5px;
}

.application-03 .cta_button {
    cursor: pointer;
}

.audioformSection h3:after {
    content: '';
    display: block;
    /* background: url(img/wave.svg) repeat-x center;*/

    background-color: #717174;
    -webkit-mask: url(img/wave.svg) repeat-x left;
    mask: url(img/wave.svg) repeat-x left;

    background-size: 100% auto;
    width: 165px;
    max-width: 90%;
    height: 15px;
    margin: 25px 0 40px 0;
}

.tabcontactSection {
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}

.tabcontactSection h3:after {
    content: '';
    display: block;
    /* background: url(img/wave.svg) repeat-x center;*/

    background-color: #717174;
    -webkit-mask: url(img/wave.svg) repeat-x left;
    mask: url(img/wave.svg) repeat-x left;

    background-size: 100% auto;
    width: 168px;
    max-width: 95%;
    height: 15px;
    margin: 25px 0 40px 0;
}

.tabcontactSection .qbutton.tiny.no_fill {
    text-transform: none !important;
    color: #fff !important;
    margin-right: 20px;
    margin-bottom: 20px;
}

/* Projects */
.page-id-20 .content > .content_inner {
    background: #efefef;
}

.projects_holder.v3 .mix {
    width: 33%;
}

.portfolio_gallery a.v3 {
    width: 33%;
    margin: 0 0.5% 0.5% 0;
}

.portfolio_gallery a.v2:nth-child(2n),
.portfolio_gallery a.v3:nth-child(3n),
.portfolio_gallery a.v4:nth-child(4n) {
    margin: 0 0 0.5% 0;
}

.portfolio_navigation .portfolio_button a:hover {
    background-image: url("https://www.cshgroup.asia/wp-content/uploads/portfolio_single_button_gold.png") !important;
}

.portfolio_gallery {
    margin-bottom: 30px;
}

.portfolio_gallery a:hover .gallery_text_holder {
    opacity: 0;
}

.single-portfolio_page .content .container .container_inner {
    padding-top: 30px;
}

.single-portfolio_page .content > .content_inner > .container {
    background: #efefef;
}

.projects_holder article .portfolio_description .project_category {
    font-weight: 300;
    color: #717174;
}

.projects_holder article .portfolio_description h4 {
    text-transform: capitalize;
}

.projects_holder article a.lightbox,
.projects_holder article a.preview {
    text-transform: uppercase;
}

.portfolio_navigation {
    background: #fff;
    border-top: none;
}

.portfolio_navigation .container_inner {
    padding-top: 0px !important;
}

.portfolio_navigation .portfolio_prev,
.portfolio_navigation .portfolio_next {
    position: relative;
}

.portfolio_navigation .portfolio_button {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
}

.portfolio_navigation .portfolio_prev {
    float: left;
}

.portfolio_navigation .portfolio_next {
    float: right;
}

.portfolio_navigation .portfolio_button a,
.portfolio_navigation .portfolio_prev a,
.portfolio_navigation .portfolio_next a {
    font-family: 'Merriweather Sans', sans-serif;
}

.filter_holder ul li {}

.filter_holder ul li span {
    font-family: 'Merriweather Sans', sans-serif;
    line-height: 1.2;
    text-transform: capitalize;
    color: #484c50;
}

.filter_holder.expanded ul li:hover span {
    color: #cfa570;
}

.application-03.cta-projects {
    background: none;
}

.application-03.cta-projects .call_to_action.elegant {
    background: #25292b url("https://www.cshgroup.asia/wp-content/uploads/application-cta2.jpg") no-repeat top right;
}

.portfolio_sidebar {}

.portfolio_sidebar h3 {}

.portfolio_sidebar hr {
    border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 15" width="24" height="15"><path fill="none" stroke="rgba(207, 165, 113, 1.0)" stroke-width="2" d="M0,13.5c6,0,6-12,12-12s6,12,12,12"/></svg>') 0 0 100% repeat;
    margin-bottom: 15px;
}

.portfolio_sidebar ul {
    list-style-position: outside;
    margin-left: 20px;
}

.portfolio_sidebar ul li {}

.projects-02b {
    padding: 30px 60px;
}

.projects-02b section.section {
    border-bottom: 0px;
}

.projects-02b .uk-slideset.uk-grid {
    margin-left: 0;
}

.projects-02b h3.uk-h5 {
    font-size: 14px;
    font-weight: 400;
}

.projects-02b .uk-panel-teaser {
    margin-bottom: 10px;
}

.projects-02b .uk-dotnav > * > * {
    width: 15px;
    height: 15px;
}

.projects-02b .uk-slideset-nav {
    margin-top: 0px !important;
}


/* Warranty */
.page-id-22 .content > .content_inner {
    background: #222222;
}

.tabwarrantySection .qbutton.tiny.no_fill {
    text-transform: none !important;
    color: #fff !important;
    margin-right: 20px;
    margin-bottom: 20px;
}


.warranty-01.page-header .parallax section {
    background-position: center 60%;
}

.warranty-02 {
    max-width: 1470px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.warranty-02 .banner-block {
    flex-basis: 33.3333%;
    box-sizing: border-box;
}

.warranty-02 .banner-block-inner {
    padding: 60px 60px 0 60px;
}

.warranty-02-banner01 {
    padding: 10px 5px 10px 10px;
}

.warranty-02-banner01 > .vc_column-inner {
    background: #84C198 url("https://www.cshgroup.asia/wp-content/uploads/warranty-bg-01.png") no-repeat bottom center;
    height: 100%;
}

.warranty-02-banner02 {
    padding: 10px 5px 10px 5px;
}

.warranty-02-banner02 > .vc_column-inner {
    background: #CB6B69 url("https://www.cshgroup.asia/wp-content/uploads/warranty-bg-02.png") no-repeat bottom center;
    height: 100%;
}

.warranty-02-banner03 {
    padding: 10px 10px 10px 5px;
}

.warranty-02-banner03 > .vc_column-inner {
    background: #FFD400 url("https://www.cshgroup.asia/wp-content/uploads/warranty-bg-03.png") no-repeat bottom center;
    height: 100%;
}

.warranty-02 .banner-block-inner ul li {
    margin-bottom: 10px;
}

.warranty-icon img {
    width: 50px;
    margin-bottom: 20px;
}

.warranty-03 {
    max-width: 1470px;
    margin: 0px auto 0px;
    padding: 30px 0 30px;
}

.warranty-03 .vc_column_container.vc_col-sm-6 > .vc_column-inner {}

.warranty-03 .call_to_action.elegant {
    border: none;
    padding: 51px 80px 52px 50px;
    margin-bottom: 0;
}

.warranty-03 .call_to_action.elegant a.cta_button {
    cursor: pointer;
}

.warranty-03-cta-01 .call_to_action.elegant {
    color: #fff;
    font-weight: 700;
    background: #000000 url("https://www.cshgroup.asia/wp-content/uploads/wrranty-claim-01.jpg") no-repeat center right;
    background-size: contain;
}

.warranty-03-cta-01 .call_to_action.elegant strong {
    font-weight: 900;
}

.warranty-03-cta-02 .call_to_action.elegant {
    color: #fff;
    font-weight: 700;
    background: #000000 url("https://www.cshgroup.asia/wp-content/uploads/wrranty-claim-02.jpg") no-repeat center right;
}

.warranty-03-cta-01 > .vc_column-inner {
    padding-left: 10px;
    padding-right: 5px;
}

.warranty-03-cta-02 > .vc_column-inner {
    padding-left: 5px;
    padding-right: 10px;
}


/* Affiliate */
.page-id-30 .content > .content_inner {
    background: #1f2223;
}

.affiliate-02 {
    max-width: 1470px;
    margin: 0 auto;
    padding: 60px 10px 80px;
    background: #1f2223 url("https://www.cshgroup.asia/wp-content/uploads/affiliate-02-bg.jpg") no-repeat center 90%;
}

.affiliate-03 {
    max-width: 1430px;
    margin: 0 auto;
    padding: 60px 10px 80px;
    background: #e7f0f9 url("https://www.cshgroup.asia/wp-content/uploads/affiliate-03-bg.jpg") no-repeat center left;
}

.affiliate-03-box {
    background: #fff;
    padding: 15px;
    margin-top: 30px;
    max-width: 500px;
}

.affiliate-03-box strong {
    color: #CFA570;
    font-style: italic;
}

.affiliate-03-box p {
    font-size: 16px;
    color: #717174;
}

.affiliate-04 {
    max-width: 1470px;
    margin: 0 auto;
    padding: 60px 10px 30px;
}

.affiliate-05 {
    max-width: 1470px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.affiliate-05 p {
    font-size: 20px;
}

.affiliate-05 .caption {
    font-style: italic;
}

.affiliate-05 .banner-block {
    flex-basis: 33.3333%;
    box-sizing: border-box;
}

.affiliate-05 .banner-block-inner {
    padding: 60px 60px 0 60px;
}

.affiliate-05-banner01 {
    padding: 10px 5px 10px 10px;
}

.affiliate-05-banner01 > .vc_column-inner {
    background: #84C198 url("https://www.cshgroup.asia/wp-content/uploads/warranty-bg-01.png") no-repeat bottom center;
    height: 100%;
}

.affiliate-05-banner02 {
    padding: 10px 5px 10px 5px;
}

.affiliate-05-banner02 > .vc_column-inner {
    background: #CB6B69 url("https://www.cshgroup.asia/wp-content/uploads/warranty-bg-02.png") no-repeat bottom center;
    height: 100%;
}

.affiliate-05-banner03 {
    padding: 10px 10px 10px 5px;
}

.affiliate-05-banner03 > .vc_column-inner {
    background: #89C1D7 url("https://www.cshgroup.asia/wp-content/uploads/warranty-bg-03.png") no-repeat bottom center;
    height: 100%;
}

.affiliate-05 .banner-block-inner ul li {
    margin-bottom: 10px;
}

.affiliate-icon img {
    width: 100px;
    margin-bottom: 10px;
}

.affiliate-05b {
    max-width: 1450px;
    margin: 0 auto;
    padding: 0 10px;
}

.affiliate-05b p {
    font-size: 20px;
}

.affiliate-05b .banner-block-inner {
    padding: 60px 60px 60px 60px;
}

.affiliate-05-banner04 > .vc_column-inner {
    background: #FFD400 url("https://www.cshgroup.asia/wp-content/uploads/affiliate-bg-03.png") no-repeat bottom center;
    height: 100%;
}

.affiliate-05b .affiliate-icon {
    float: left;
    margin-right: 30px;
}

.affiliate-06 {
    max-width: 1470px;
    margin: 0 auto;
    padding: 60px 10px 30px;
}


/* About Us */
.page-id-28 .content > .content_inner {
    background: #acd8e3;
}

.about-02 {
    max-width: 1470px;
    margin: 0 auto;
    padding: 60px 10px 80px;
    background: #acd8e3 url("https://www.cshgroup.asia/wp-content/uploads/about-02-bg.jpg") no-repeat 160% 80%;
}

.about-02 .about-02-show {}

.about-02 .about-02-hidden {
    display: none;
}

.about-03 {
    max-width: 1430px;
    margin: 0 auto;
    padding: 60px 10px 80px;
    background: #f6f5f3 url("https://www.cshgroup.asia/wp-content/uploads/about-03a-bg.jpg") no-repeat bottom left;
    z-index: 2;
    position: relative;
}

.about-03 .about-03-quotes {
    padding-right: 60px;
}

.about-03 .about-03-quotes:before {
    display: block;
    content: "\201C";
    font-size: 80px;
    position: absolute;
    left: -40px;
    top: -20px;
    color: #717174;
}

.about-03 .about-03-quotes p {
    font-size: 20px;
}

.about-03 .about-03-position {
    margin-top: 30px;
    font-style: italic;
    color: #484C50;
}

.about-03 .about-03-position p {
    font-size: 14px;
}

.about-03 .about-03-position .ceo {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
}

.about-04 {
    margin: -100px auto 0;
    padding: 160px 15px 80px;
    background: #D5D3D4;
}

.about-04 h3.csh-pagetitle {
    text-align: center;
}

.about-04-text {
    text-align: center;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}

.about-04 .about-04-milestone {}

.about-04 .about-04-milestone.resolution-desktop {
    display: inherit;
}

.about-04 .about-04-milestone.resolution-ipad {
    display: none;
}

.about-04 .about-04-milestone.resolution-iphone {
    display: none;
}


/* News */
.page-id-24 .content > .content_inner {
    background: #F5ECE2 url("https://www.cshgroup.asia/wp-content/uploads/news-bg.png") no-repeat bottom right;
}



/* Contact */

/********* New Dealers Page 19 May 2025 START */
.page-id-1942 .content_inner, .page-id-1956 .content_inner, .page-id-1972 .content_inner, .page-id-1991 .content_inner, .page-id-2011 .content_inner, .page-id-2025 .content_inner,
.page-id-2046 .content_inner, .page-id-2067 .content_inner, .page-id-2076 .content_inner, .page-id-2085 .content_inner, .page-id-2094 .content_inner, .page-id-1652 .content_inner{background: #30261d;}
.audiotabSection.dealerSolution .vc_inner{background: #30261d;}
/********* New Dealers Page 19 May 2025 END */

.page-id-26 .content > .content_inner {
    background: #30261d;
}

.contact-02 {
    max-width: 1440px;
    margin: 0 auto;
    background: #D9B98E;
    display: flex;
    justify-content: space-between;
}

.contact-02 .contact-02-leftcolumn {
    padding: 60px 30px 60px;
    flex-basis: 50%;
    box-sizing: border-box;
}

.contact-02 .contact-02-rightcolumn {
    flex-basis: 50%;
    box-sizing: border-box;
}

.contact-02 .contact-02-leftcolumn > .vc_column-inner,
.contact-02 .contact-02-rightcolumn > .vc_column-inner {
    padding: 0;
}

.contact-02 .contact-02-info {
    line-height: 1.3;
}

.contact-02 .contact-02-info .company-name {
    font-size: 20px;
    font-weight: 700;
    color: #000;
}

.contact-02 .contact-02-info .company-reg {
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 15px;
    color: #000;
}

.contact-02 .contact-02-info .company-address {
    font-size: 16px;
    margin-bottom: 20px;
}

.contact-02 .contact-02-info .company-details {
    margin-top: 15px;
    font-size: 14px;
}

.contact-02 .contact-02-info .company-details strong {
    font-weight: 700;
    color: #000;
}

.contact-02 .contact-02-info .company-details a:hover {
    color: #fff;
}

.contact-02 .contact-02-rightcolumn .wpb_gmaps_widget .wpb_map_wraper iframe {
    height: 100%;
}

.contact-02 .contact-02-rightcolumn .vc_column-inner,
.contact-02 .contact-02-rightcolumn .wpb_wrapper,
.contact-02 .contact-02-rightcolumn .wpb_content_element,
.contact-02 .contact-02-rightcolumn .wpb_map_wraper {
    height: 100%;
}

.contact-02-rightcolumn .wpb_gmaps_widget .wpb_wrapper {
    padding: 0px;
}

.contact-03 {
    background: #484C50;
    padding: 60px 15px 60px !important;
}

.contact-03 > .vc_column_container > .vc_column-inner {}

.agent-state {
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 20px !important;
    color: #D9B98E;
}

.agent-company {
    font-weight: 600;
    color: #fff;
    font-size: 14px;
}

.agent-tel {
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 10px;
    color: #D5D3D4;
}

.agent-tel a {
    color: #D5D3D4;
}

.agent-tel a:hover {
    color: #fff;
}

.agent-tel i {
    margin-right: 5px
}

.agent-list {
    margin-bottom: 30px;
}

.contact-04 {
    max-width: 1440px;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 60px;
}



.pageSection form,
.contact-form {
    margin-top: 30px;
    overflow: hidden;
}

.contact-form h5 {
    font-size: 15px;
    color: #CFA570;
    margin-bottom: 20px;
}

.pageSection .wpcf7-form > p,
.contact-form .wpcf7-form > p {
    padding: 0 1% 10px 1% !important;
    color: #d5d3d4;
    overflow: hidden;
}

.pageSection .wpcf7-form > p.half,
.contact-form .wpcf7-form > p.half {
    width: 48%;
    float: left;
}

.contact-form strong {
    font-weight: 500;
}

.contact-form input[type="text"],
.contact-form input[type="password"],
.contact-form input[type="number"],
.contact-form input[type="date"],
.contact-form input[type="datetime"],
.contact-form input[type="datetime-local"],
.contact-form input[type="time"],
.contact-form input[type="month"],
.contact-form input[type="week"],
.contact-form input[type="email"],
.contact-form input[type="search"],
.contact-form input[type="tel"],
.contact-form input[type="url"],
.contact-form input.input-text,
.contact-form select,
.contact-form textarea,
.pageSection input[type="text"],
.pageSection input[type="password"],
.pageSection input[type="number"],
.pageSection input[type="date"],
.pageSection input[type="datetime"],
.pageSection input[type="datetime-local"],
.pageSection input[type="time"],
.pageSection input[type="month"],
.pageSection input[type="week"],
.pageSection input[type="email"],
.pageSection input[type="search"],
.pageSection input[type="tel"],
.pageSection input[type="url"],
.pageSection input.input-text,
.pageSection select,
.pageSection textarea {
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 14px;
    line-height: 1.6;
    outline: 0;
    padding: 5px 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    border: 1px solid #717174;
    background: #717174;
    color: #D5D3D4;
    margin-top: 5px;
    font-weight: 300;
    width: 100%;

}

.pageSection textarea,
.contact-form textarea {
    width: 100%;
}

.pageSection input:focus,
.pageSection textarea:focus,
.contact-form input:focus,
.contact-form textarea:focus {
    border-bottom: 1px solid #CFA570;
}

.pageSection .message,
.contact-form .message {
    border: none;
    background: none;
    padding: 0;
}

.pageSection optgroup,
.contact-form optgroup {
    background: #717174;
}

.pageSection img.wpcf7-captchac,
.contact-form img.wpcf7-captchac {
    width: 80px;
    top: 10px;
    left: 0px;
    position: relative;
}

.pageSection input.wpcf7-captchar,
.contact-form input.wpcf7-captchar {
    max-width: 100%;
}

.pageSection input[type="submit"],
.contact-form input[type="submit"] {
    background-color: #cfa570;
    font-style: normal;
    height: 37px;
    line-height: 37px;
    min-width: 40px;
    padding: 2px 20px;
    font-size: 14px;
    white-space: normal;
    border-radius: 50px;
    transition: all 0.35s ease-in-out 0s;
    user-select: none;
    color: #fff;
    font-family: 'Merriweather Sans', sans-serif;
    border: none;
    text-transform: uppercase;
    font-weight: 700;
    vertical-align: middle;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

span.wpcf7-not-valid-tip {
    font-size: 12px;
    font-style: italic;
    color: #CB6B69;
    display: block;
    padding: 10px 0px 0px;
    line-height: 1.4;
}

.pageSection input:focus[type="submit"],
.contact-form input:focus[type="submit"] {
    outline: -webkit-focus-ring-color auto 0px;
}

div.wpcf7-response-output {
    margin-left: 0;
    margin-right: 0;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
    border: none;
    font-size: 12px;
    color: #fff;
    background: #CB6B69;
    display: block;
    padding: 5px 10px;
    line-height: 1.4;
}

div.wpcf7-mail-sent-ok {
    border: none;
    font-size: 12px;
    color: #fff;
    background: #84C198;
    display: block;
    padding: 5px 10px;
    line-height: 1.4;
}

.contact-form span.wpcf7-list-item {
    margin: 0 10px 0 0;
}

div.wpcf7 .ajax-loader {
    background-image: url('https://www.cshgroup.asia/wp-content/uploads/ajax-loader.gif');
    width: 30px;
    height: 30px;
}


/* Thank You */
.thank-you {
    max-width: 600px;
    margin: 60px auto !important;
    padding: 20px 5px;
    background: #efefef;
}

.thank-you .qbutton {
    border-radius: 50px;
}


.tqSection h2:after {
    content: '';
    display: block;
    background-color: #717174;
    -webkit-mask: url(img/wave.svg) repeat-x left;
    mask: url(img/wave.svg) repeat-x left;

    background-size: 100% auto;
    width: 265px;
    height: 15px;
    margin: 25px 0 40px 0;
}

.tqSection .qbutton {
    margin-top: 50px;
}


/*-----------------------------------
Additional CSS - Container
-----------------------------------*/

@media (min-width: 350px) {
    .container_inner {
        max-width: 100%;
        width: auto;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .full_width .parallax_content {
        width: auto;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .application-03 .section.grid_section .section_inner {
        width: auto;
        max-width: 100%;
        margin: 0 25px;
    }

    .application-03.cta-projects .section.grid_section .section_inner {
        margin: 0 15px;
    }

    .affiliate-02 > .vc_column_container > .vc_column-inner {
        max-width: 100%;
        margin: 0 auto;
    }

    .affiliate-03 > .vc_column_container > .vc_column-inner {
        max-width: 100%;
        margin: 0 auto;
    }

    .affiliate-04 > .vc_column_container > .vc_column-inner {
        max-width: 100%;
        margin: 0 auto;
        padding-left: 5px;
        padding-right: 5px;
    }

    .affiliate-06 > .vc_column_container > .vc_column-inner {
        max-width: 100%;
        margin: 0 auto;
        padding-left: 5px;
        padding-right: 5px;
    }

    .about-02 > .vc_column_container > .vc_column-inner {
        max-width: 100%;
        margin: 0 auto;
    }

    .about-03 > .vc_column_container > .vc_column-inner {
        max-width: 100%;
        margin: 0 auto;
    }

    .about-04 > .vc_column_container > .vc_column-inner {
        max-width: 100%;
        margin: 0 auto;
        padding-left: 0px;
        padding-right: 0px;
    }

    .contact-02 {
        max-width: 100%;
        margin: 0 auto;
    }

    .contact-03 {
        max-width: 100%;
        margin: 0 auto;
        padding: 60px 0px 60px !important;
    }

    .contact-04 {
        max-width: 100%;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px;
        overflow: hidden;
    }

    .contact-04 > .vc_column_container > .vc_column-inner {
        padding: 0px;
        overflow: hidden;
    }



}

@media (min-width: 768px) {

    .mobileview {
        display: none;
    }

    .container_inner {
        max-width: 760px;
        width: auto;
    }

    .full_width .parallax_content {
        width: 760px;
    }

    /*
    .step-col {
        padding-left: 35px;

    }*/

    .step-col p {
        max-width: 80%;
        margin: 10px auto 20px auto;
    }

    /*
    .step-col:after {
        content: '';
        float: right;
        display: inline-block;
        position: absolute;
        background: url(img/ico-next.png) no-repeat center;
        background-size: 100% auto;
        width: 22px;
        height: 100%;
    }

    .last-step-col.step-col:after {
        content: '';
        display: none !important;
    }

    .last-step-col.step-col {
        padding-right: 60px;
    }

*/

    .solution-desc {
        padding-left: 2%;
        padding-right: 2%;
    }

    .tabcontact-buttons-col {}

    .application-03 .section.grid_section .section_inner {
        width: auto;
        max-width: 760px;
        margin: 0 auto;
    }

    .affiliate-02 > .vc_column_container > .vc_column-inner {
        max-width: 760px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .affiliate-03 > .vc_column_container > .vc_column-inner {
        max-width: 760px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .affiliate-04 > .vc_column_container > .vc_column-inner {
        max-width: 760px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .affiliate-06 > .vc_column_container > .vc_column-inner {
        max-width: 760px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .about-02 > .vc_column_container > .vc_column-inner {
        max-width: 760px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .about-03 > .vc_column_container > .vc_column-inner {
        max-width: 760px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .about-04 > .vc_column_container > .vc_column-inner {
        max-width: 760px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .contact-02 {
        max-width: 760px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .contact-03 {
        max-width: 730px;
        margin-top: 10px;
        padding: 60px 15px 60px !important;
    }

    .contact-04 {
        max-width: 760px;
    }

    .contact-04-centercolumn {
        padding-left: 15px;
        padding-right: 15px;
    }

    .four_columns > .column1 {
        width: 48%;
    }

    .four_columns > .column2,
    .four_columns > .column3 {
        width: 25%
    }

    .four_columns > .column4 {
        display: none !important;
    }

}

@media (min-width: 992px) {

    .stepSection {
        padding-bottom: 70px !important;
    }

    #slider-01 .csh-pagetitle {
        font-size: 35px !important;
        line-height: 40px !important;
    }

    #slider-01 .btn-slider {
        height: 50px !important;
        width: auto !important;
    }

    .container_inner {
        max-width: 980px;
        width: auto;
    }

    .full_width .parallax_content {
        width: 980px;
    }

    .application-03 .section.grid_section .section_inner {
        width: auto;
        max-width: 980px;
    }

    .affiliate-02 > .vc_column_container > .vc_column-inner {
        max-width: 980px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .affiliate-03 > .vc_column_container > .vc_column-inner {
        max-width: 980px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .affiliate-04 > .vc_column_container > .vc_column-inner {
        max-width: 980px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .affiliate-06 > .vc_column_container > .vc_column-inner {
        max-width: 980px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .about-02 > .vc_column_container > .vc_column-inner {
        max-width: 980px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .about-03 > .vc_column_container > .vc_column-inner {
        max-width: 980px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .about-04 > .vc_column_container > .vc_column-inner {
        max-width: 980px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .contact-02 {
        max-width: 980px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .contact-03 {
        max-width: 950px;
    }

    .contact-04 {
        max-width: 980px;
    }


}

@media (min-width: 1200px) {
    .container_inner {
        max-width: 1200px;
        width: auto;
    }

    .full_width .parallax_content {
        width: 1200px;
    }

    .application-03 .section.grid_section .section_inner {
        width: auto;
        max-width: 1200px;
    }

    .affiliate-02 > .vc_column_container > .vc_column-inner {
        max-width: 1200px;
    }

    .affiliate-03 > .vc_column_container > .vc_column-inner {
        max-width: 1200px;
    }

    .affiliate-04 > .vc_column_container > .vc_column-inner {
        max-width: 1200px;
    }

    .affiliate-06 > .vc_column_container > .vc_column-inner {
        max-width: 1200px;
    }

    .about-02 > .vc_column_container > .vc_column-inner {
        max-width: 1200px;
    }

    .about-03 > .vc_column_container > .vc_column-inner {
        max-width: 1200px;
    }

    .about-04 > .vc_column_container > .vc_column-inner {
        max-width: 1200px;
    }

    .contact-02 {
        max-width: 1200px;
    }

    .contact-03 {
        max-width: 1170px;
    }

    .contact-04 {
        max-width: 1200px;
    }


}

@media (min-width: 1440px) {
    .container_inner {
        max-width: 1440px;
        width: auto;
    }

    .full_width .parallax_content {
        width: 1440px;
    }

    .application-03 .section.grid_section .section_inner {
        width: auto;
        max-width: 1440px;
    }

    .affiliate-02 > .vc_column_container > .vc_column-inner {
        max-width: 1440px;
    }

    .affiliate-03 > .vc_column_container > .vc_column-inner {
        max-width: 1440px;
    }

    .affiliate-04 > .vc_column_container > .vc_column-inner {
        max-width: 1440px;
    }

    .affiliate-06 > .vc_column_container > .vc_column-inner {
        max-width: 1440px;
    }

    .about-02 > .vc_column_container > .vc_column-inner {
        max-width: 1440px;
    }

    .about-03 > .vc_column_container > .vc_column-inner {
        max-width: 1440px;
    }

    .about-04 > .vc_column_container > .vc_column-inner {
        max-width: 1440px;
    }

    .contact-02 {
        max-width: 1440px;
    }

    .contact-03 {
        max-width: 1410px;
    }

    .contact-04 {
        max-width: 1440px;
    }

}




/*-----------------------------------
Additional CSS - Laptop
-----------------------------------*/

@media only screen and (min-width:1201px) and (max-width:1440px) {

    /* About Us */
    .about-02 {
        background-position: 20% 80%;
    }



}

@media only screen and (min-width:1061px) and (max-width:1200px) {

    /* Contact */
    .wpcf7-form > p.half .wpcf7-form-control {
        /* width: 94%; */
    }

    /* About Us */
    .about-02 {
        background-position: 50% 100%;
        padding-bottom: 280px;
    }

    .about-02 .about-02-show {
        display: none;
    }

    .about-02 .about-02-hidden {
        display: inherit;
    }

    /* Contact */
    .contact-02-leftcolumn .vc_col-sm-6 {
        width: 100%;
    }






}

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

    .content {
        margin-top: 80px !important;
    }


    /* Header */



    /* Home Page */


    /* Warranty */
    .warranty-02 .banner-block-inner {
        padding: 40px 40px 0 40px;
    }

    /* Affiliate */
    .affiliate-05 .banner-block-inner {
        padding: 40px 40px 0 40px;
    }

    /* About Us */
    .about-02 {
        background-position: 50% 100%;
        padding-bottom: 280px;
    }

    .about-02 .about-02-show {
        display: none;
    }

    .about-02 .about-02-hidden {
        display: inherit;
    }

    /* Contact */
    .agent-list {
        width: 50%;
    }

    .contact-02-leftcolumn .vc_col-sm-6 {
        width: 100%;
    }

    .wpcf7-form > p.half .wpcf7-form-control {
        /*  width: 94%; */
    }








}

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

    .content {
        margin-top: -1px !important;
    }


    /* Header */

    /* Header - Mobile */
    nav.mobile_menu > ul {
        width: 100%;
    }

    /* Warranty */
    .warranty-02 {
        display: block;
    }

    .warranty-02 .banner-block {
        width: 100%;
    }

    .warranty-02 .banner-block-inner {
        padding: 60px 60px 0 60px;
    }

    .warranty-02-banner01 {
        padding: 10px 10px 5px 10px;
    }

    .warranty-02-banner02 {
        padding: 5px 10px 5px 10px;
    }

    .warranty-02-banner03 {
        padding: 5px 10px 10px 10px;
    }

    .warranty-03 {
        padding: 0;
    }

    .warranty-03 .call_to_action.elegant {
        padding: 51px 80px 52px 30px;
    }

    /* Affiliate */
    .affiliate-05 {
        display: block;
    }

    .affiliate-05 .banner-block {
        width: 100%;
    }

    .affiliate-05 .banner-block-inner {
        padding: 60px 60px 0 60px;
    }

    .affiliate-05-banner01 {
        padding: 10px 10px 5px 10px;
    }

    .affiliate-05-banner02 {
        padding: 5px 10px 5px 10px;
    }

    .affiliate-05-banner03 {
        padding: 5px 10px 10px 10px;
    }

    .affiliate-05b .banner-block-inner {
        padding: 60px 60px 80px 60px;
    }

    .affiliate-05b .affiliate-icon {
        float: none;
        margin-right: 0px;
    }


}

/*-----------------------------------
Additional CSS - iPad Landscape
-----------------------------------*/

@media only screen and (min-width:768px) and (max-width:1060px) {

    /* Shop */
    .banner-block-inner {
        padding: 40px 50px 0 50px;
    }

    /* Affiliate */
    .affiliate-03 {
        background-position: 25% bottom;
    }

    .affiliate-05 {
        background-position: 25% bottom;
    }

    /* About */
    .about-03 .about-03-quotes {
        padding-right: 0px;
    }

    .about-03 {
        background-position: 15% bottom;
    }

    .about-04 .about-04-milestone.resolution-desktop {
        display: none;
    }

    .about-04 .about-04-milestone.resolution-ipad {
        display: inherit;
    }

    .about-04 .about-04-milestone.resolution-iphone {
        display: none;
    }



}

/*-----------------------------------
Additional CSS - iPad Portrait
-----------------------------------*/

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

    .desktopview {
        display: none;
    }

    .step-col p {
        max-width: 80%;
        margin: 10px auto 50px auto !important;
    }

    /*
    .step-col:after {
        content: '';
        display: block;
        background: url(img/ico-next-m.png) no-repeat center;
        background-size: 15px auto;
        width: 100%;
        height: 22px;
        margin: 5px auto 40px auto;
    }

    .last-step-col.step-col:after {
        display: none;
    }*/

    .homeformSection {
        padding: 3%;
    }

    .solution-desc {
        margin-top: 50px;
    }


    /* Header */
    .header_top {
        display: none;
    }

    .header_top .left,
    .header_top .right {
        text-align: center;
        float: none;
    }

    /* Footer */

    /* Shop */
    .banner-block-inner {
        padding: 40px 50px 0 50px;
    }

    .shop-02-banner01 {
        padding: 10px 10px 5px 10px;
    }

    .shop-02-banner02 {
        padding: 5px 10px 10px 10px;
    }

    .shop-02-banner01 > .vc_column-inner,
    .shop-02-banner02 > .vc_column-inner {
        height: 1450px;
    }

    .shop-02-category {
        font-size: 13px;
    }

    .shop-02-category .vc_column_container.vc_col-sm-6 {
        width: 100%;
        margin-right: 0%;
        float: left;
    }

    .shop-02-category div.csh-pagetitle-label {
        font-size: 12px;
        padding: 5px 15px;
        margin-top: 20px;
    }

    /* Applications */
    .application-02 ul.uk-thumbnav {
        padding-top: 15px;
        padding-bottom: 35px;
    }

    .application-02 ul.uk-thumbnav li {
        width: 25%
    }

    .application-tab-content-paragraph {
        padding-bottom: 300px;
    }

    .application-tab-01 {
        background-size: auto 260px;
    }

    .application-tab-02 {
        background-size: auto 240px;
    }

    .application-tab-03 {
        background-size: auto 260px;
    }

    .application-tab-04 {
        background-size: auto 260px;
    }

    .application-tab-05 {
        background-size: auto 240px;
    }

    .application-tab-06 {
        background-size: auto 280px;
        background-position-x: 80%;
    }

    .application-03 section.section {
        padding: 0px 0;
    }


    /* Projects */
    .projects-02b {
        padding: 30px 0px;
        /* border-top: 1px solid #fff; */
    }

    .projects-02b .uk-panel-space {
        padding: 30px 10px;
    }


    /* Warranty */
    .warranty-02 .banner-block-inner {
        padding: 40px 40px 0 40px;
    }

    .warranty-03-cta-01 > .vc_column-inner {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
    }

    .warranty-03-cta-02 > .vc_column-inner {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
    }

    /* Affiliate */
    .affiliate-02 {
        padding: 60px 0px 80px;
    }

    .affiliate-03 {
        padding: 60px 0px 500px;
        background-position: 5% bottom;
    }

    .affiliate-05 .banner-block-inner {
        padding: 40px 40px 0 40px;
    }

    .affiliate-05b .banner-block-inner {
        padding: 40px 40px 80px 40px;
    }

    /* About */
    .about-02 {
        padding: 60px 0px 480px;
        background-position: 75% 100%;
    }

    .about-03 {
        padding: 60px 0px 500px;
        background-position: 5% bottom;
    }

    .about-03 {
        background-position: left bottom;
        padding-bottom: 560px;
    }

    .about-03 .about-03-quotes,
    .about-03 .about-03-position {
        padding: 0 60px;
    }

    .about-03 .about-03-quotes:before {
        left: 20px;
    }

    .about-03 .about-03-quotes p {
        font-size: 18px;
    }


    /* Contact */
    .contact-02 {
        display: flex;
        flex-direction: column-reverse;
    }

    .contact-02-leftcolumn,
    .contact-02-rightcolumn {
        width: 100%;
    }

    .contact-02-leftcolumn {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .contact-02-rightcolumn {
        height: 450px;
    }

    .contact-02-info-lc,
    .contact-02-info-rc {
        width: 45%;
        float: left;
        margin-right: 5%;
    }

    .contact-02-info-rc > div.company-details:first-child {
        margin-top: 0px;
    }

    .agent-list {
        width: 50%;
        float: left;
    }

    .contact-form .wpcf7-form > p.half {
        padding-right: 0;
    }

    .contact-form .wpcf7-form > p.half {
        width: 100%;
    }




}

/*-----------------------------------
Additional CSS - iPhone Landscape
-----------------------------------*/

@media only screen and (min-width:600px) and (max-width:768px) {


    /* Projects */
    .application-03.cta-projects .call_to_action.elegant {
        background-position-x: 85%;
        background-position-y: 100%;
        margin-bottom: 15px;
    }

    .portfolio_gallery a.v3 {
        width: 49.5% !important;
        margin: 0 1% 1% 0 !important;
    }

    .portfolio_gallery a.v3:nth-child(2n),
    .portfolio_gallery a.v4:nth-child(2n) {
        margin: 0 0 1% 0 !important;
    }

    /* About */
    .about-04 .about-04-milestone.resolution-desktop {
        display: none;
    }

    .about-04 .about-04-milestone.resolution-ipad {
        display: none;
    }

    .about-04 .about-04-milestone.resolution-iphone {
        display: inherit;
        max-width: 520px;
        margin: auto;
    }



}

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

    .desktop-show {
        display: none;
    }

    .mobile-show {
        display: inherit;
    }

    .title {
        background-position-x: 60%;
    }

    /* Footer */
    .footer_top .four_columns .column_inner > div {
        margin-left: 0 !important;
    }

    .footer_top .four_columns .column1 .column_inner {
        padding-bottom: 60px;
    }

    .footer_top .four_columns .column2 .column_inner,
    .footer_top .four_columns .column3 .column_inner {
        padding-bottom: 30px;
    }

    .footer_top .four_columns .column2,
    .footer_top .four_columns .column3,
    .footer_top .four_columns .column4 {
        width: 50%;
    }

    .footer_top .four_columns .column2 .column_inner > div {
        margin-right: 20px !important;
    }

    /* Homepage */

    /* Applications */
    .application-03 section.section {
        padding: 0px 0;
    }

    .application-03 .call_to_action.elegant {
        padding: 31px 80px 32px 30px;
    }

    .application-03 .cta-column {
        width: 100%;
        float: none;
    }

    .application-03 .call_to_action.elegant {
        background-position-x: 90%;
        background-position-y: 100%;
    }

    /* Projects */
    .projects_holder.v3 .mix {
        width: 49.3%;
    }

    .application-03.cta-projects .call_to_action.elegant {
        background-position-x: 85%;
        background-position-y: 100%;
        margin-bottom: 15px;
    }

    .portfolio_gallery a.v3 {
        width: 100%;
        margin: 0 0 1% 0 !important;
    }

    .portfolio_gallery a.v3:nth-child(2n) {
        margin: 0 0 1% 0 !important;
    }

    .portfolio_sidebar {}

    .portfolio_single .column2 {
        background: #e1e1e1;
        padding: 30px 15px;
        margin-bottom: -30px;
        margin-left: -15px;
        margin-top: 30px;
    }

    /* About */
    .about-03 {
        background-position: 15% bottom;
    }

    .about-03 .about-03-quotes,
    .about-03 .about-03-position {
        padding: 0 30px;
    }

    .about-03 .about-03-quotes:before {
        left: 5px;
        font-size: 60px;
        top: -14px;
    }

    .about-03 .about-03-quotes p {
        font-size: 18px;
    }

    .about-04 h3.csh-pagetitle {
        text-align: left;
    }

    .about-04-text {
        text-align: left;
    }

    .about-04 .about-04-milestone.resolution-desktop {
        display: none;
    }

    .about-04 .about-04-milestone.resolution-ipad {
        display: none;
    }

    .about-04 .about-04-milestone.resolution-iphone {
        display: inherit;
    }

}

/*-----------------------------------
Additional CSS - iPhone Portrait
-----------------------------------*/

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

    /* Header */


    /* Homepage */

    /* Shop */
    .banner-block-inner {
        padding: 40px 40px 0 40px;
    }


    /* Projects */
    .projects_holder.v3 .mix {
        width: 100%;
    }

    /* Warranty */
    .warranty-01.page-header .parallax section {
        /* background-position: 60% center !important; */
    }

    /* Contact */
    .contact-02-info-lc,
    .contact-02-info-rc {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .contact-02-info-rc > div.company-details:first-child {
        margin-top: 15px;
    }

}

@media only screen and (max-width:350px) {}

.hidethis {
    display: none !important;
}