/* ------- UBS ------- */
.bg-homepage{
  /* The image used */
  background:url(img/bg/homepage-bg.jpg);

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-head-content,.bg-head-auto{
    margin-left:auto;
    margin-right:auto;
}
.bg-head-content{
    max-width:auto
}
.bg-head-auto{
    max-width:auto
}
.bg-head-animate-fading{
    animation-name: fade;
    animation-duration: 2s;
}
@keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
}





.home-courses-container {
    position: relative;
    /*float: left;
    width: 50%;
    padding:1.25rem 0 2.5rem;*/
}
.left, .right {
    width: 49%;
  }
.middle {
    width: 2%;
}
.home-courses-row:after {
    content: "";
    display: table;
    clear: both;
}
.home-courses-image {
    display: block;
    width: 100%;
    height: auto;

 /*   box-shadow: inset 0 0 0 1000px rgba(25,70,140,.8);*/
 /*   background-color: rgba(25,70,140,.8);*/
    border-radius: 1rem;
}
.home-courses-overlay {
    position: absolute;
    border-radius: 1rem;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: rgba(245,130,32,.8);
}
.home-courses-container:hover .home-courses-overlay {
    opacity: 1;
}
.home-courses-text {
    width: 80%;
    color: white;
    font-size: 2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}


.home-courses-single-container {
    content: "";
    display: table;
    clear: both;
    /*padding:1.25rem 0 2.5rem;*/
}
.div-3-equal {
    float: left;
    width: 33.33%;
  }
.home-courses-single-row:after {
    content: "";
    display: table;
    clear: both;
}
.home-courses-single-image {
    display: block;
    width: 100%;
    height: auto;

 /*   box-shadow: inset 0 0 0 1000px rgba(25,70,140,.8);*/
 /*   background-color: rgba(25,70,140,.8);*/
    border-radius: 1rem;
}
.home-courses-single-overlay {
    position: absolute;
    border-radius: 1rem;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: rgba(245,130,32,.8);
}
.home-courses-single-container:hover .home-courses-single-overlay {
    opacity: 1;
}
.home-courses-single-text {
    width: 80%;
    color: white;
    font-size: 2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.blue-btn{
    width:auto;
    min-height:2.5rem;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin:0;
    padding:.5rem 1.5rem;
    border:.125rem solid transparent;
    border-radius:0.5rem;
    font-size:1.125rem;
    font-family:Mali,sans-serif;
    font-weight:500;
    line-height:1;
    text-decoration:none;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    cursor:pointer
}

.blue-btn.is-disabled{
    opacity:.3;
    pointer-events:none
}
.blue-btn.is-primary{
    background-color:rgb(25 70 140);
    border-color:rgb(25 70 140);
    color:#fff
}
.blue-btn.is-primary:hover{
    background-color:rgb(0, 25, 150);
    border-color:rgb(0 25 150);
    color:#fff
}
.blue-btn.is-primary.has-next-arrow:after{
    width:1rem;
    height:1rem;
    margin-left:8px;
    background:red;
    -ms-flex-negative:0;
    flex-shrink:0;
    background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.041 5.477h10.09L7.334 1.82a.719.719 0 01-.246-.545.79.79 0 01.22-.553.703.703 0 01.536-.238c.21 0 .398.07.562.211l5.168 4.992a.728.728 0 01.246.554.728.728 0 01-.246.554l-5.203 5.01a.754.754 0 01-.527.21.737.737 0 01-.563-.245.714.714 0 01-.22-.545.776.776 0 01.238-.545l3.797-3.657H1.023c-.199 0-.375-.07-.527-.21a.73.73 0 01-.246-.51.748.748 0 01.22-.58.765.765 0 01.571-.246z' fill='%23FAF9FC' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat 50%/auto;
    content:""
}


.orange-btn{
    width:auto;
    min-height:2.5rem;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin:0;
    padding:.5rem 1.5rem;
    border:.125rem solid transparent;
    border-radius:0.5rem;
    font-size:1.125rem;
    font-family:Mali,sans-serif;
    font-weight:500;
    line-height:1;
    text-decoration:none;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    cursor:pointer
}
.orange-btn.is-disabled{
    opacity:.3;
    pointer-events:none
}
.orange-btn.is-primary{
    background-color:#F58220;
    border-color:#F58220;
    color:#fff
}
.orange-btn.is-primary:hover{
    background-color:#ff5e00;
    border-color:#ff5e00;
    color:#fff
}
.orange-btn.is-primary.has-next-arrow:after{
    width:1rem;
    height:1rem;
    margin-left:8px;
    background:red;
    -ms-flex-negative:0;
    flex-shrink:0;
    background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.041 5.477h10.09L7.334 1.82a.719.719 0 01-.246-.545.79.79 0 01.22-.553.703.703 0 01.536-.238c.21 0 .398.07.562.211l5.168 4.992a.728.728 0 01.246.554.728.728 0 01-.246.554l-5.203 5.01a.754.754 0 01-.527.21.737.737 0 01-.563-.245.714.714 0 01-.22-.545.776.776 0 01.238-.545l3.797-3.657H1.023c-.199 0-.375-.07-.527-.21a.73.73 0 01-.246-.51.748.748 0 01.22-.58.765.765 0 01.571-.246z' fill='%23FAF9FC' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat 50%/auto;
    content:""
}


.h4-course{
    color: white;
    padding-top: 20px;
}
@media (min-width:1280px){
    .h4-course{
        padding-top: 40px;
    }
}
@media (min-width:768px){
    .h4-course{
        padding-top: 40px;
    }
}

.c-home-what-we-do.is-course{
    background-color:rgb(25, 70, 141);
    margin: 20px auto 0 auto;
    text-align: center;
    height: 120px;
}
@media (min-width:768px){
    .c-home-what-we-do.is-course .o-container{
        /*background:url(img/why-ubs.jpg) no-repeat 500px bottom/auto 100%*/
        margin-top: 30px;
    }
}
@media (min-width:1024px) and (max-width:1279px){
    .c-home-what-we-do.is-course .o-container{
        background-position:40rem bottom;
        margin-top: 30px;
    }
}
@media (min-width:1280px){
    .c-home-what-we-do.is-course .o-container{
        background-position:45.75rem bottom;
        margin-top: 30px;
    }
}
@media (min-width:1280px){
    .c-home-what-we-do.is-course .c-home-what-we-do-content{
        padding-left:7rem;
    }
}
.c-home-what-we-do.is-course .c-home-what-we-do-content{
    /*padding-left:7rem*/
}
@media (min-width:1024px){
    .c-home-what-we-do.is-course .c-home-what-we-do-content{
        padding-left:7rem
    }
}
@media (min-width:768px){
    .c-home-what-we-do.is-course .c-home-what-we-do-content{
        /*padding-left:7rem*/
    }
}


.c-home-what-we-do.is-rooms-capsule{
    background-color:rgb(0, 100, 200)
}
@media (min-width:768px){
    .c-home-what-we-do.is-rooms-capsule .o-container{
        background:url(img/room-capsule.jpg) no-repeat 500px bottom/auto 98%
    }
}
@media (min-width:1024px) and (max-width:1279px){
    .c-home-what-we-do.is-rooms-capsule .o-container{
        background-position:40rem bottom
    }
}
@media (min-width:1280px){
    .c-home-what-we-do.is-rooms-capsule .o-container{
        background-position:45.75rem bottom
    }
}
@media (min-width:1280px){
    .c-home-what-we-do.is-rooms-capsule .c-home-what-we-do-content{
        padding-left:7rem
    }
}
.c-home-what-we-do.is-rooms-capsule .c-home-what-we-do-content{
    /*padding-left:7rem*/
}
@media (min-width:1024px){
    .c-home-what-we-do.is-rooms-capsule .c-home-what-we-do-content{
        padding-left:7rem
    }
}
@media (min-width:768px){
    .c-home-what-we-do.is-rooms-capsule .c-home-what-we-do-content{
        /*padding-left:7rem*/
    }
}


.c-home-what-we-do.is-rooms-deluxe{
    background-color:rgb(0, 100, 200)
}
@media (min-width:768px){
    .c-home-what-we-do.is-rooms-deluxe .o-container{
        background:url(img/room-deluxe.jpg) no-repeat 500px bottom/auto 98%
    }
}
@media (min-width:1024px) and (max-width:1279px){
    .c-home-what-we-do.is-rooms-deluxe .o-container{
        background-position:40rem bottom
    }
}
@media (min-width:1280px){
    .c-home-what-we-do.is-rooms-deluxe .o-container{
        background-position:45.75rem bottom
    }
}
@media (min-width:1280px){
    .c-home-what-we-do.is-rooms-deluxe .c-home-what-we-do-content{
        padding-left:7rem
    }
}
.c-home-what-we-do.is-rooms-deluxe .c-home-what-we-do-content{
    /*padding-left:7rem*/
}
@media (min-width:1024px){
    .c-home-what-we-do.is-rooms-deluxe .c-home-what-we-do-content{
        padding-left:7rem
    }
}
@media (min-width:768px){
    .c-home-what-we-do.is-rooms-deluxe .c-home-what-we-do-content{
        /*padding-left:7rem*/
    }
}


.c-home-what-we-do.is-register-invitation{
    background-color:#F58220
}
@media (min-width:768px){
    .c-home-what-we-do.is-register-invitation .o-container{
        background:url(img/register-invitation.jpg) no-repeat 18px bottom/auto 100%
    }
}
@media (min-width:1024px) and (max-width:1279px){
    .c-home-what-we-do.is-register-invitation .o-container{
        background-position:8rem bottom
    }
}
@media (min-width:1280px){
    .c-home-what-we-do.is-register-invitation .o-container{
        background-position:8rem bottom
    }
}
.c-home-what-we-do.is-register-invitation .c-home-what-we-do-content{
    margin-left:auto
}
@media (min-width:1024px) and (max-width:1279px){
    .c-home-what-we-do.is-register-invitation .c-home-what-we-do-content{
        padding-left:0.5rem
    }
}
@media (min-width:1024px){
    .c-home-what-we-do.is-register-invitation .c-home-what-we-do-content{
        padding-left:5.8rem
    }
}
@media (min-width:768px){
    .c-home-what-we-do.is-register-invitation .c-home-what-we-do-content{
        padding-left:6rem;
    }
}
.c-home-what-we-do.is-register-invitation .u-h4:after{
    background-color:#fff
}



.c-home-what-we-do.is-success-case{
    background-color:#F58220
}
@media (min-width:768px){
    .c-home-what-we-do.is-success-case .o-container{
        background:url() no-repeat 18px bottom/auto 100%
    }
}
@media (min-width:1024px) and (max-width:1279px){
    .c-home-what-we-do.is-success-case .o-container{
        background-position:8rem bottom
    }
}
@media (min-width:1280px){
    .c-home-what-we-do.is-success-case .o-container{
        background-position:8rem bottom
    }
}
.c-home-what-we-do.is-success-case .c-home-what-we-do-content{
    margin-left:auto
}
@media (min-width:1024px) and (max-width:1279px){
    .c-home-what-we-do.is-success-case .c-home-what-we-do-content{
        padding-left:0.5rem
    }
}
@media (min-width:1024px){
    .c-home-what-we-do.is-success-case .c-home-what-we-do-content{
        padding-left:5.8rem
    }
}
@media (min-width:768px){
    .c-home-what-we-do.is-success-case .c-home-what-we-do-content{
        padding-left:6rem;
    }
}
.c-home-what-we-do.is-success-case .u-h4:after{
    background-color:#fff
}




.c-home-courses-grid{
    padding:1.25rem 0 2.5rem
}
@media (min-width:768px){
    .c-home-courses-grid{
        padding:2rem 0 6.25rem
    }
}
.c-home-courses-grid-lst{
    margin:0 -.5rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
@media (min-width:768px){
    .c-home-courses-grid-lst{
        margin:0 -1rem
    }
}
.c-home-courses-grid-itm{
    height:9.5rem;
    padding:.5rem
}
@media (min-width:768px){
    .c-home-courses-grid-itm{
        height:30rem;
        padding:1rem
    }
}
.c-home-courses-grid-itm a{
    font-size:3rem
}
.c-home-courses-grid-itm{
    width:100%
}
@media (min-width:768px){
    .c-home-courses-grid-itm{
        width:50%
    }
}
.c-home-courses-grid-itm a{
    -webkit-box-align:end;
    -ms-flex-align:end;
    background:url(img/dbi.jpg) no-repeat center 25%/60%;
    box-shadow: inset 0 0 0 1000px rgba(25,70,140,.8);
}
@media (min-width:320px) and (max-width:767px){
    .c-home-courses-grid-itm a{
        background-size:cover
    }
}
@media (min-width:768px) and (max-width:1023px){
    .c-home-courses-grid-itm a{
        background-size:cover
    }
}
@media (min-width:1024px){
    .c-home-prodcoursesucts-grid-itm a{
        background-size:cover
    }
}
.c-home-courses-grid-itm a span{

}
@media (min-width:768px){
    .c-home-courses-grid-itm a span{

    }
}
.c-home-courses-grid-itm__content{
    position:relative;
    width:100%;
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    border-radius:.25rem;
    text-decoration:none;
    text-align:center;
    color:#fff;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}


/*
@media (min-width:768px){
    .c-home-courses-grid-itm__content{
        border-radius:.375rem
    }
}
@media (min-width:1024px){
    .c-home-courses-grid-itm__content:hover{
        -webkit-box-shadow:0 0 11px 0 rgba(0,0,0,.14),0 2px 8px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.2);
        box-shadow:0 0 11px 0 rgba(0,0,0,.14),0 2px 8px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.2)
    }
}
*/


/* ------- UBS -------*/
html{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
*,:after,:before{
    -webkit-box-sizing:inherit;
    box-sizing:inherit
}
.s-cms-content,.s-cms-content h1,.s-cms-content h2,.s-cms-content h3,.s-cms-content h4,.s-cms-content h5,.s-cms-content h6{
    color:#706b7a
}
.s-cms-content p{
    margin-bottom:1rem;
    color:#706b7a
}
.s-cms-content ul{
    margin:1rem 0;
    padding-left:1.25rem
}
.s-cms-content li{
    display:list-item;
    list-style:disc
}
.s-cms-content a{
    color:#ee6b2d
}
.wpcf7-form .c-btn{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin:auto
}
.wpcf7-form p{
    margin-bottom:1rem
}
.wpcf7-form p:last-of-type{
    position:relative;
    margin-bottom:0
}
.wpcf7-form p:last-of-type .ajax-loader{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.wpcf7-form .c-field br{
    display:none
}
.wpcf7-form .c-field select{
    width:100%;
    min-height:auto;
    padding:.438rem .75rem;
    font-size:1rem
}
.wpcf7-form .c-field__group label{
    display:inline
}
.wpcf7-not-valid{
    border-color:#fd5c5e
}
span.wpcf7-not-valid-tip{
    margin-top:.5rem;
    font-size:.875rem;
    color:#fd5c5e
}
div.wpcf7-response-output{
    margin:1.5rem 0 0;
    padding:1rem;
    border-radius:.375rem;
    font-size:1rem;
    color:grey
}
div.wpcf7-response-output.wpcf7-mail-sent-ng,div.wpcf7-response-output.wpcf7-validation-errors{
    background-color:#fd5c5e;
    border-color:#fd5c5e
}
div.wpcf7-response-output.wpcf7-mail-sent-ok{
    background-color:#8bbf49;
    border-color:#8bbf49
}
.jquery-modal{
    padding:2rem 0;
    background-color:rgba(36,14,76,.9);
    z-index:999
}
.jquery-modal .modal{
    max-width:46rem;
    padding:2.5rem 1rem
}
@media (min-width:768px){
    .jquery-modal .modal{
        padding:2.5rem 2rem
    }
}
.jquery-modal .c-btn-close{
    position:absolute;
    top:1rem;
    right:16px
}
@media (min-width:768px){
    .jquery-modal .c-btn-close{
        top:24px;
        right:1.5rem
    }
}
.jquery-modal .modal#js-product-installments,.jquery-modal .modal#js-product-specification{
    max-width:1000px;
    padding:0
}
html{
    font-size:16px;
    -webkit-font-smoothing:antialiased;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
body,figure,h1,h2,h3,h4,h5,h6,html,ol,p,ul{
    margin:0;
    padding:0
}
ol,ul{
    list-style:none
}
img{
    max-width:100%;
    height:auto
}
.slider{
    display:none
}
.slider.slick-initialized{
    display:block
}
.slick-track{
    margin-left:0;
    margin-right:0
}
.js-single-product-gallery{
    border-radius:.375rem;
    overflow:hidden
}
.js-single-product-gallery footer{
    padding:.5rem 1rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.js-single-product-gallery .next-arrow,.js-single-product-gallery .prev-arrow{
    width:2.5rem;
    height:2.5rem;
    -ms-flex-negative:0;
    flex-shrink:0;
    border:.125rem solid #ee6b2d;
    border-radius:3.125rem;
    font-size:0;
    color:transparent;
    cursor:pointer;
    z-index:99
}
.js-single-product-gallery .next-arrow.slick-disabled,.js-single-product-gallery .prev-arrow.slick-disabled{
    border-color:#e6e5e8;
    cursor:default
}
.js-single-product-gallery .prev-arrow{
    margin-right:.5rem;
    background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.654 15.5c.274 0 .495-.11.664-.332a.827.827 0 00.176-.625.805.805 0 00-.313-.566L2.741 7.98l7.401-5.957a.805.805 0 00.313-.566.827.827 0 00-.176-.625.805.805 0 00-.566-.312.827.827 0 00-.625.175L.846 7.316a.797.797 0 00-.332.664c0 .274.11.495.332.665l8.261 6.66a.88.88 0 00.547.195z' fill='%23110821' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat .75rem/auto
}
.js-single-product-gallery .prev-arrow.slick-disabled{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.64 15.5a.88.88 0 01-.546-.195L.832 8.645A.797.797 0 01.5 7.98c0-.273.11-.494.332-.664L9.074.696A.827.827 0 019.7.52c.235.026.423.13.567.312.143.182.201.39.175.625a.805.805 0 01-.312.566L2.727 7.98l7.441 5.997a.805.805 0 01.312.566.827.827 0 01-.175.625.797.797 0 01-.664.332z' fill='%23B7B5BC' fill-rule='nonzero'/%3E%3C/svg%3E")
}
.js-single-product-gallery .next-arrow{
    margin-left:.4rem;
    background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.36 15.5a.88.88 0 00.546-.195l8.262-6.66a.797.797 0 00.332-.665.797.797 0 00-.332-.664L1.926.696A.827.827 0 001.3.52a.805.805 0 00-.567.312.827.827 0 00-.175.625c.026.234.13.423.312.566L8.273 7.98.832 13.977a.805.805 0 00-.312.566.827.827 0 00.175.625c.17.221.39.332.664.332z' fill='%23110821' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat .875rem/auto
}
.js-single-product-gallery .next-arrow.slick-disabled{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.346 15.5a.797.797 0 01-.664-.332.827.827 0 01-.176-.625.805.805 0 01.313-.566l7.44-5.997L.859 2.023a.805.805 0 01-.313-.566.827.827 0 01.176-.625.805.805 0 01.566-.312.827.827 0 01.625.175l8.242 6.621c.222.17.332.391.332.664 0 .274-.11.495-.332.665l-8.261 6.66a.88.88 0 01-.547.195z' fill='%23B7B5BC' fill-rule='nonzero'/%3E%3C/svg%3E")
}
body{
    font-family:Mali,sans-serif;
    font-size:1rem;
    font-weight:500;
    line-height:1.5rem;
    color:#706b7a
}
form [type=email],form [type=number],form [type=password],form [type=tel],form [type=text],form textarea{
    width:100%
}
h1,h2,h3,h4,h5,h6{
    font-weight:600;
    color:#110821
}
h1{
    font-size:3.75rem;
    line-height:3.75rem
}
h2{
    font-size:3rem;
    line-height:3.5rem
}
h3{
    font-size:2.5rem;
    line-height:3rem
}
h4{
    font-size:2rem;
    line-height:2.375rem
}
h5{
    font-size:1.5rem;
    line-height:1.75rem
}
h6{
    font-size:1.25rem;
    line-height:1.5rem
}
hr{
    height:1px;
    margin:1rem 0;
    background-color:#d8d8d8;
    border:0
}
@media (min-width:768px){
    hr{
        margin:2.5rem 0
    }
}
input,textarea{
    padding:.375rem .5rem;
    border-radius:.375rem;
    border:1px solid #e6e5e8;
    font-size:1rem;
    font-family:Mali,sans-serif;
    font-weight:400;
    color:#706b7a;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color:#b7b5bc
}
input::-moz-placeholder,textarea::-moz-placeholder{
    color:#b7b5bc
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{
    color:#b7b5bc
}
input::-ms-input-placeholder,textarea::-ms-input-placeholder{
    color:#b7b5bc
}
input::placeholder,textarea::placeholder{
    color:#b7b5bc
}
input:focus,textarea:focus{
    outline:none;
    border-color:#7a57ba;
    -webkit-box-shadow:0 0 2px 0 rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);
    box-shadow:0 0 2px 0 rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2)
}
input{
    min-height:2.5rem
}
input[type=email],input[type=number],input[type=password],input[type=submit],input[type=text],textarea{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
textarea{
    height:none!important;
    min-height:5rem;
    resize:vertical
}
select{
    padding:.5rem 1rem;
    min-height:3rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-radius:.375rem;
    border:1px solid #e6e5e8;
    font-size:1.125rem;
    font-family:Mali,sans-serif;
    font-weight:400;
    color:#706b7a;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    outline:none;
    background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='%23472487' d='M.742 1.078a.38.38 0 01-.068-.44.384.384 0 01.38-.243h7.891c.183 0 .31.08.381.244a.38.38 0 01-.068.44L5.303 5.853A.398.398 0 014.99 6a.398.398 0 01-.312-.146L.742 1.078z'/%3E%3C/svg%3E") no-repeat calc(100% - 1rem) 50%/auto
}
label{
    margin-bottom:.25rem;
    font-size:1rem;
    font-weight:500;
    line-height:1.5rem;
    color:#110821
}
label span{
    color:#ee6b2d
}
strong{
    font-weight:500
}
small{
    font-size:1rem
}
address{
    font-style:normal
}
.o-accordion-item article{
    display:none
}
.o-accordion-item.js-active article{
    display:block
}
.o-accordion-item.js-active header{
    margin-bottom:2rem
}
@media (min-width:768px){
    .o-accordion-item.js-active header{
        margin-bottom:2.5rem
    }
}
.o-accordion-item.js-active header:after{
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.o-accordion-item{
    padding:1rem 0;
    border-bottom:1px solid #b7b5bc
}
@media (min-width:768px){
    .o-accordion-item{
        padding:2.5rem 0
    }
}
.o-accordion-item header{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    cursor:pointer
}
.o-accordion-item header:after{
    position:relative;
    top:2px;
    width:1.5rem;
    height:1.5rem;
    margin-left:auto;
    background:url(img/icon/down-orange-circle.svg) no-repeat 50%/contain;
    -ms-flex-negative:0;
    flex-shrink:0;
    content:""
}
@media (min-width:768px){
    .o-accordion-item header:after{
        width:2.5rem;
        height:2.5rem
    }
}
.o-accordion-item header h2{
    font-size:1.125rem;
    line-height:1.5
}
@media (min-width:768px){
    .o-accordion-item header h2{
        font-size:2rem
    }
}
.o-bg-dark{
    background:rgb(0,100,200);
    color:#fff
}
.o-box{
    padding:2.5rem;
    background-color:#fff;
    -webkit-box-shadow:0 0 4px 0 rgba(0,0,0,.14);
    box-shadow:0 0 4px 0 rgba(0,0,0,.14);
    border-radius:.375rem
}
.o-brand-grid{
    margin:0 -.5rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
@media (min-width:768px) and (max-width:1023px){
    .o-brand-grid{
        margin:0 -1rem
    }
}
@media (min-width:1024px){
    .o-brand-grid{
        margin:0 -1rem
    }
}
.o-brand-grid .c-brand{
    width:50%;
    padding:.5rem
}
@media (min-width:768px) and (max-width:1023px){
    .o-brand-grid .c-brand{
        width:25%;
        padding:1rem
    }
}
@media (min-width:1024px){
    .o-brand-grid .c-brand{
        width:16.66%;
        padding:1rem
    }
    .o-brand-grid .c-brand:hover a{
        background:#fff;
        -webkit-box-shadow:0 0 11px 0 rgba(0,0,0,.14),0 2px 8px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.2);
        box-shadow:0 0 11px 0 rgba(0,0,0,.14),0 2px 8px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.2);
        border-radius:6px
    }
}
.o-brand-grid .c-brand a{
    margin-bottom:1rem;
    -webkit-box-shadow:0 0 2px 0 rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);
    box-shadow:0 0 2px 0 rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.o-container{
    width:100%;
    max-width:1280px;
    margin:0 auto;
    padding:0 1.5rem
}
@media (min-width:1280px){
    .o-container{
        padding:0 1rem
    }
}
.o-container.is-small{
    max-width:784px
}
.o-container.is-medium{
    max-width:928px
}
.o-container.is-large{
    max-width:1140px
}
.o-footer{
    margin-top:1rem;
    text-align:center
}
@media (min-width:768px){
    .o-footer{
        margin-top:2rem
    }
}
@media (min-width:768px){
    .o-grid{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        margin:0 -1rem
    }
}
.o-grid-item{
    width:100%;
    padding:0 1rem;
    display:block
}
.o-grid-item:first-child{
    padding-top:0
}
.o-grid-item:last-child{
    padding-bottom:0
}
@media (min-width:768px){
    .o-grid-item.is-v-center{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
@media (min-width:768px){
    .o-grid-item.is-stretch,.o-grid-item.is-v-center{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .o-grid-item.is-stretch{
        height:100%;
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start
    }
}
.o-grid-item.has-bottom-margin{
    margin-bottom:2rem
}
.o-grid.is-one-half{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
@media (min-width:768px){
    .o-grid.is-one-half .o-grid-item{
        width:50%
    }
}
.o-grid.is-one-third{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
@media (min-width:768px){
    .o-grid.is-one-third .o-grid-item{
        width:33.33%
    }
}
.o-grid.is-one-quarter{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
@media (min-width:768px){
    .o-grid.is-one-quarter .o-grid-item{
        width:25%
    }
}
.o-grid.is-one-fifth{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
@media (min-width:768px){
    .o-grid.is-one-fifth .o-grid-item{
        width:20%
    }
}
.o-grid.is-gapless .o-grid-item{
    padding:0
}
.o-header{
    padding:0 0 2.5rem;
    text-align:center
}
.o-header .u-h1,.o-header .u-h2,.o-header .u-h3,.o-header .u-h4,.o-header .u-h5{
    margin-bottom:0
}
@media (min-width:768px){
    .o-header.is-narrow{
        max-width:30rem;
        margin:0 auto
    }
}
@media (min-width:768px){
    .o-header.is-wide{
        max-width:45rem;
        margin:0 auto
    }
}
.o-hero{
    padding:2.5rem 0;
    background-color:#faf9fc
}
@media (min-width:768px){
    .o-hero{
        min-height:25rem;
        padding:3rem 0
    }
}
@media (min-width:768px){
    .o-hero.has-breadcrumbs{
        padding-top:1rem
    }
}
.o-hero.has-breadcrumbs .c-breadcrumbs ul{
    height:auto
}
@media (min-width:768px){
    .o-hero.has-breadcrumbs .c-breadcrumbs{
        margin-bottom:3.75rem
    }
}
.o-hero.is-stretch{
    flex-direction:column
}
.o-hero.is-stretch,.o-hero.is-stretch .o-hero-content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column
}
.o-hero.is-stretch .o-hero-content{
    height:100%;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.o-media{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.o-media-figure{
    margin-right:1rem
}
.o-overlay{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    padding:2.5rem 0;
    display:none;
    background-color:rgba(36,14,76,.9);
    z-index:999;
    overflow-y:scroll
}
@media (min-width:768px){
    .o-overlay{
        padding:0
    }
}
.o-overlay.js-active{
    display:block
}
@media (min-width:768px){
    .o-overlay.js-active{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
}
.o-product-item .c-product-thumbnail{
    margin-bottom:1rem
}
.o-product-item .u-p{
    margin-bottom:.5rem
}
.o-product-item p{
    margin-bottom:1rem;
    font-size:1rem
}
@media (min-width:768px){
    .o-product-item.is-equal-height{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        height:100%
    }
}
@media (min-width:768px){
    .o-product-item.is-equal-height .c-link{
        margin-top:auto
    }
}
.o-section{
    padding:2.5rem 0;
    background-color:#fff
}
@media (min-width:1024px){
    .o-section{
        padding:6.25rem 0
    }
}
.o-section.is-light-bg{
    background-color:#faf9fc
}
.o-section.is-orange-bg{
    background-color:#FFB71B
}
.o-section.is-small{
    padding:2.5rem 0
}
.o-site-header{
    position:absolute;
    top:0;
    left:-100%;
    bottom:0;
    width:80%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    background-color:#fff;
    -webkit-box-shadow:0 0 2px 0 rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);
    box-shadow:0 0 2px 0 rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    z-index:99
}
@media (min-width:1024px){
    .o-site-header{
        position:fixed;
        left:0;
        bottom:auto;
        width:100%;
        display:block
    }
}
.o-site-header .c-btn-close{
    position:absolute;
    top:1rem;
    right:1.5rem
}
@media (min-width:1024px){
    .o-site-header .c-btn-close{
        display:none
    }
}
.o-site-header.js-active{
    left:0;
    height:130vh;
    background-color: rgb(0,100,200)
}
.o-site{
    /*width:100vw;*/
    min-height:100vh;
    padding-top:0.5rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
@media (min-width:1024px){
    .o-site{
        padding-top:2.5rem
    }
}
.o-site-header{
    -webkit-box-flex:0;
    -ms-flex:0;
    flex:0
}
.o-site-content{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.o-site-footer{
    -webkit-box-flex:0;
    -ms-flex:0;
    flex:0
}
.o-tabs-list-item{
    cursor:pointer
}
.o-tabs-content-item{
    display:none
}
.o-tabs-content-item.js-active{
    display:block!important
}
.c-404{
    min-height:50vh;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-align:center
}
@media (min-width:1024px){
    .c-404{
        min-height:25vh
    }
}
.c-accordion-item article{
    display:none
}
.c-accordion-item.js-expanded article{
    display:block
}
.c-accordion-item.js-expanded header{
    margin-bottom:2rem
}
@media (min-width:768px){
    .c-accordion-item.js-expanded header{
        margin-bottom:2.5rem
    }
}
.c-accordion-item.js-expanded header:after{
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.c-accordion-item{
    padding:1rem 0;
    border-bottom:1px solid #b7b5bc
}
@media (min-width:768px){
    .c-accordion-item{
        padding:2.5rem 0
    }
}
.c-accordion-item header{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    cursor:pointer
}
.c-accordion-item header:after{
    position:relative;
    top:2px;
    width:1.5rem;
    height:1.5rem;
    margin-left:auto;
    background:url(img/icon/down-orange-circle.svg) no-repeat 50%/contain;
    -ms-flex-negative:0;
    flex-shrink:0;
    content:""
}
@media (min-width:768px){
    .c-accordion-item header:after{
        width:2.5rem;
        height:2.5rem
    }
}
.c-accordion-item header h2{
    font-size:1.125rem;
    line-height:1.5
}
@media (min-width:768px){
    .c-accordion-item header h2{
        font-size:2rem
    }
}
.c-article-cover{
    margin-bottom:2.5rem;
    border-radius:.375rem;
    position:relative;
    width:100%;
    padding-top:56.25%;
    overflow:hidden
}
@media (max-width:767px){
    .c-article-cover{
        width:calc(100% + 3rem);
        margin:0 -1.5rem 1.5rem;
        border-radius:0
    }
}
.c-article-cover img{
    position:absolute;
    top:0;
    left:0;
    width:100%
}
.c-article-cover.has-orange-badge:after,.c-article-cover.has-purple-badge:after{
    position:absolute;
    top:-8rem;
    right:-8rem;
    width:15rem;
    height:15rem;
    display:block;
    border-radius:100%;
    content:""
}
.c-article-cover.has-purple-badge:after{
    background-color:rgba(71,36,135,.8)
}
.c-article-cover.has-orange-badge:after{
    background-color:rgba(234,95,27,.8)
}
.c-article-badge{
    position:absolute;
    top:0;
    right:0;
    width:5rem;
    height:5rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-size:1.375rem;
    line-height:1.5rem;
    font-weight:500;
    text-align:center;
    color:#fff;
    overflow:hidden;
    z-index:1
}
.c-article-header{
    margin-bottom:1.5rem
}
.c-article-header:after{
    width:3.75rem;
    height:.25rem;
    display:block;
    background-color:#ee6b2d;
    content:""
}
.c-article-header .c-title{
    margin-bottom:1rem;
    font-size:1.5rem;
    line-height:1.75rem
}
@media (min-width:1024px){
    .c-article-header .c-title{
        font-size:2rem;
        line-height:2.375rem
    }
}
.c-article-header .c-subtitle{
    margin-bottom:1.5rem
}
.c-backdrop{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(25,70,141,.85);
    z-index:9
}
.c-brand-features{
    margin-bottom:3.75rem
}
@media (min-width:768px){
    .c-brand-features{
        margin-bottom:6.25rem
    }
}
.c-brand-features h2{
    font-size:1.5rem
}
.c-brand-features .o-wrapper{
    padding:2rem;
    background-color:#faf9fc;
    border-radius:.375rem
}
@media (min-width:320px) and (max-width:767px){
    .c-brand-features .o-wrapper{
        margin:0 -1.5rem
    }
}
@media (min-width:768px){
    .c-brand-features .o-wrapper{
        padding:2rem
    }
}
.c-brand-features-desscription{
    margin-bottom:2.5rem
}
.c-brand-features-desscription p{
    font-size:1rem
}
.c-brand-features-photos figure{
    border-radius:.375rem;
    position:relative;
    width:100%;
    padding-top:66.66667%;
    overflow:hidden
}
.c-brand-features-photos figure img{
    position:absolute;
    top:0;
    left:0;
    width:100%
}
.c-brand-features.has-toggler .c-brand-features-toggler{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex
}
.c-brand-features.is-collapsed .c-brand-features-content{
    position:relative;
    height:4.25rem;
    overflow:hidden
}
.c-brand-features.is-collapsed .c-brand-features-content:after{
    position:absolute;
    bottom:-.25rem;
    right:0;
    background-color:#faf9fc;
    color:#706b7a;
    content:"..."
}
.c-brand-features-toggler{
    margin-top:.5rem;
    display:none;
    text-decoration:underline
}
.c-brand-hero h1,.c-brand-hero h2{
    font-size:1.5rem
}
@media (min-width:768px){
    .c-brand-hero .o-grid-item:first-child{
        width:auto;
        min-width:18rem
    }
}
.c-brand-hero .o-grid-item:first-child figure{
    border-radius:.375rem;
    overflow:hidden;
    text-align:center
}
@media (min-width:320px) and (max-width:767px){
    .c-brand-hero .o-grid-item:first-child figure{
        max-width:30rem;
        margin:0 auto
    }
}
.c-brand-hero .o-grid-item:first-child img{
    border:1px solid #e6e5e8;
    border-radius:.375rem
}
.c-brand-hero .c-show-more{
    margin-bottom:1.5rem
}
.c-brand-hero .c-show-more p{
    font-size:1.063rem
}
.c-brand{
    text-align:center
}
.c-brand a{
    display:block;
    border-radius:.375rem
}
.c-brand a,.c-brand figure{
    position:relative;
    overflow:hidden
}
.c-brand figure{
    width:100%;
    padding-top:100%
}
.c-brand figure img{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.c-brand p{
    font-weight:500;
    line-height:1.5rem
}
.c-brand.is-best-seller .c-brand__best-seller{
    display:block
}
.c-brand__best-seller{
    position:absolute;
    top:-1px;
    right:.375rem;
    display:none;
    padding:0 .5rem;
    background-color:#ee6b2d;
    border-radius:0 0 .375rem .375rem;
    line-height:20px;
    font-size:12px;
    color:#faf9fc;
    z-index:1
}
.c-breadcrumbs{
    display:none;
    overflow:hidden
}
@media (min-width:768px){
    .c-breadcrumbs{
        display:block
    }
}
.c-breadcrumbs ul{
    height:3.5rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.c-breadcrumbs li,.c-breadcrumbs ul{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.c-breadcrumbs li{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -ms-flex-negative:0;
    flex-shrink:0;
    vertical-align:middle;
    font-size:1rem;
    color:#a09ca6
}
.c-breadcrumbs li+li{
    margin-left:.75rem
}
.c-breadcrumbs li+li:before{
    width:.375rem;
    height:.625rem;
    margin-right:.75rem;
    background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.527 9a.51.51 0 01-.41-.2.496.496 0 01-.105-.374.483.483 0 01.187-.34l4.477-3.598L.223.914a.483.483 0 01-.188-.34A.484.484 0 01.146.2.504.504 0 01.492.012c.14-.016.266.02.375.105L5.813 4.09A.489.489 0 016 4.488a.489.489 0 01-.188.399L.845 8.883A.481.481 0 01.527 9z' fill='%23A09CA6' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat 50%/auto;
    content:""
}
.c-breadcrumbs li:last-child{
    color:#706b7a
}
.c-breadcrumbs li a{
    text-decoration:none;
    color:#a09ca6
}
.c-breadcrumbs li a:hover{
    text-decoration:underline;
    color:#472487
}
.c-browse-happy{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    padding:2rem 0;
    display:none;
    background-color:#faf9fc;
    text-align:center;
    z-index:-1
}
.c-browse-happy img{
    margin:1.5rem 0;
    border-radius:.375rem;
    -webkit-box-shadow:0 0 .125rem 0 rgba(0,0,0,.14),0 .125rem .125rem 0 rgba(0,0,0,.12),0 .063rem .188rem 0 rgba(0,0,0,.2);
    box-shadow:0 0 .125rem 0 rgba(0,0,0,.14),0 .125rem .125rem 0 rgba(0,0,0,.12),0 .063rem .188rem 0 rgba(0,0,0,.2)
}
@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){
    .c-browse-happy{
        display:block!important;
        z-index:999999!important
    }
}
.c-btn{
    width:auto;
    min-height:2.5rem;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin:0;
    padding:.5rem 2.5rem;
    border:.125rem solid transparent;
    border-radius:0.5rem;
    font-size:1.125rem;
    font-family:Mali,sans-serif;
    font-weight:500;
    line-height:1;
    text-decoration:none;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    cursor:pointer
}
.c-btn.is-disabled{
    opacity:.3;
    pointer-events:none
}
.c-btn.is-primary{
    background-color:#F58220;
    border-color:#F58220;
    color:#fff
}
.c-btn.is-primary:hover{
    background-color:#d55214;
    border-color:#d55214;
    color:#fff
}
.c-btn.is-primary.has-next-arrow:after{
    width:1rem;
    height:1rem;
    margin-left:8px;
    background:red;
    -ms-flex-negative:0;
    flex-shrink:0;
    background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.041 5.477h10.09L7.334 1.82a.719.719 0 01-.246-.545.79.79 0 01.22-.553.703.703 0 01.536-.238c.21 0 .398.07.562.211l5.168 4.992a.728.728 0 01.246.554.728.728 0 01-.246.554l-5.203 5.01a.754.754 0 01-.527.21.737.737 0 01-.563-.245.714.714 0 01-.22-.545.776.776 0 01.238-.545l3.797-3.657H1.023c-.199 0-.375-.07-.527-.21a.73.73 0 01-.246-.51.748.748 0 01.22-.58.765.765 0 01.571-.246z' fill='%23FAF9FC' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat 50%/auto;
    content:""
}
.c-btn.is-secondary{
    padding-left:3.125rem;
    padding-right:3.125rem;
    background-color:#fff;
    border-color:#ee6b2d;
    color:#110821
}
.c-btn.is-secondary:hover{
    background-color:#d55214;
    border-color:#d55214;
    color:#fff
}
.c-btn.is-large{
    padding:1.063rem 2.5rem
}
.c-btn-close{
    background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M9.313 8.07l5.953 5.977a.838.838 0 01.28.644c0 .258-.089.477-.269.657a.893.893 0 01-.656.27.838.838 0 01-.644-.282L8 9.359l-5.977 5.977a.838.838 0 01-.644.281.893.893 0 01-.656-.27.893.893 0 01-.27-.656c0-.257.094-.472.281-.644L6.688 8.07.734 2.094a.838.838 0 01-.28-.645c0-.258.089-.476.269-.656.18-.18.398-.27.656-.27s.473.094.644.282L8 6.758 13.977.805a.838.838 0 01.644-.282c.258 0 .477.09.656.27.18.18.27.398.27.656a.838.838 0 01-.281.645L9.312 8.07z' id='a'/%3E%3C/defs%3E%3Cg fill-rule='nonzero' fill='none'%3E%3Cuse fill='%23000' xlink:href='%23a'/%3E%3Cuse fill='%23110821' xlink:href='%23a'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50%/auto;
    cursor:pointer
}
.c-btn-close,.c-btn-hamburger{
    width:1.5rem;
    height:1.5rem;
    padding:0;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    border:none;
    font-size:0;
    color:transparent;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.c-btn-hamburger{
    background:url(img/icon/hamburger.svg) no-repeat 50%/auto
}
.c-card{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    text-decoration:none;
    color:#706b7a;
    border-radius:.375rem;
    overflow:hidden;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    cursor:pointer
}
@media (min-width:1024px){
    .c-card:hover{
        -webkit-box-shadow:0 0 11px 0 rgba(0,0,0,.14),0 2px 8px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.2);
        box-shadow:0 0 11px 0 rgba(0,0,0,.14),0 2px 8px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.2)
    }
}
.c-card:hover .c-card-figure{
    border-radius:0
}
.c-card.is-video{
    height:100%
}
.c-card.is-video .c-card-figure{
    position:relative
}
.c-card.is-video .c-card-figure:before{
    position:absolute;
    top:50%;
    left:50%;
    width:3rem;
    height:3rem;
    background:url(img/icon/play-video.svg) no-repeat 50%/auto;
    z-index:1;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    content:""
}
.c-card-body{
    position:relative
}
.c-card-footer{
    padding:1rem .5rem;
    text-align:center
}
.c-card-figure{
    background:#faf9fc;
    border-radius:.375rem;
    position:relative;
    width:100%;
    padding-top:66.66667%;
    overflow:hidden
}
.c-card-figure img{
    width:100%;
    position:absolute;
    top:0;
    left:0
}
.c-card-figure.has-orange-badge:after,.c-card-figure.has-purple-badge:after{
    position:absolute;
    top:-8rem;
    right:-8rem;
    width:15rem;
    height:15rem;
    display:block;
    border-radius:100%;
    content:""
}
.c-card-figure.has-purple-badge:after{
    background-color:rgba(71,36,135,.8)
}
.c-card-figure.has-orange-badge:after{
    background-color:rgba(234,95,27,.8)
}
.c-card-badge{
    position:absolute;
    top:0;
    right:0;
    width:6rem;
    height:6rem;
    padding-top:.5rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-size:1.5rem;
    line-height:1.75rem;
    font-weight:500;
    text-align:center;
    color:#fff;
    overflow:hidden;
    z-index:9
}
.c-card-badge:after{
    position:absolute;
    top:-4rem;
    right:-4rem;
    width:10rem;
    height:10rem;
    display:block;
    border-radius:100%;
    background-color:rgba(71,36,135,.8);
    z-index:-1;
    content:""
}
@media (max-width:767px){
    .c-career-grid .o-grid-item{
        padding:0
    }
}
.c-career-item{
    height:100%;
    padding:2.5rem 1.5rem;
    background-color:#472487;
    border-radius:.375rem;
    text-align:center;
    color:#fff
}
@media (min-width:768px){
    .c-career-item{
        padding:1.5rem;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:stretch;
        -ms-flex-align:stretch;
        align-items:stretch;
        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:flex-end;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
}
@media (min-width:1024px){
    .c-career-item{
        padding:2.5rem
    }
}
.c-career-item p{
    margin:1rem 0 2.5rem;
    font-size:1rem
}
.c-career-item .u-h5{
    margin-bottom:auto;
    text-transform:uppercase;
    color:#fff
}
.c-career-item a.c-btn{
    min-height:auto;
    padding:9px 3.375rem;
    line-height:1;
    text-transform:uppercase;
    cursor:pointer
}
.c-career-grid-header{
    margin-bottom:2.5rem
}
.c-contact-form{
    margin:0 auto 2.5rem;
    padding:2.5rem 1rem
}
@media (min-width:768px){
    .c-contact-form{
        max-width:28rem;
        margin-bottom:0;
        padding:2.5rem 2rem
    }
}
.c-contact-form-header{
    margin-bottom:2.5rem;
    text-align:center
}
.c-contact address{
    margin-bottom:1rem
}
@media (min-width:768px){
    .c-contact address{
        margin-bottom:2.5rem
    }
}
.c-contact-list{
    margin-bottom:2.5rem
}
@media (min-width:1024px){
    .c-contact-list{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.c-contact-item{
    margin-bottom:1rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media (min-width:1024px){
    .c-contact-item{
        width:50%
    }
}
.c-contact-item:before{
    width:1.125rem;
    height:1.125rem;
    margin-right:.5rem;
    background:url(img/icon/call-contact.svg) no-repeat 50%/contain;
    content:""
}
@media (min-width:1024px){
    .c-contact-item:nth-child(3){
        margin-bottom:0
    }
}
.c-contact-item:nth-child(3):before{
    background-image:url(img/icon/email-purple.svg)
}
@media (min-width:1024px){
    .c-contact-item:nth-child(4){
        margin-bottom:0
    }
}
@media (max-width:767px){
    .c-contact-item:last-child{
        margin-bottom:0
    }
}
.c-contact-item:last-child:before{
    display:none
}
.c-contact-item:last-child a{
    margin-left:.5rem;
    text-decoration:underline;
    color:#517BBE
}
.c-contact-item a{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-decoration:none;
    color:#706b7a
}

.c-contact-item-social{
    margin-bottom:1rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media (min-width:1024px){
    .c-contact-item-social{
        width:50%
    }
}
.c-contact-item-social:before{
    width:2rem;
    height:2rem;
    margin-right:.5rem;
    background:url(img/icon/twitter-logo.png) no-repeat 50%/contain;
    content:""
}
@media (min-width:1024px){
    .c-contact-item-social:nth-child(3){
        margin-bottom:0
    }
}
.c-contact-item-social:nth-child(1):before{
    background-image:url(img/icon/fb-logo.png)
}
.c-contact-item-social:nth-child(2):before{
    background-image:url(img/icon/ig-logo.png)
}
.c-contact-item-social:nth-child(3):before{
    background-image:url(img/icon/tiktok-logo.png)
}
@media (min-width:1024px){
    .c-contact-item-social:nth-child(4){
        margin-bottom:0
    }
}
@media (max-width:767px){
    .c-contact-item-social:last-child{
        margin-bottom:0
    }
}
.c-contact-item-social:last-child a{
    text-decoration:underline;
    color:#517BBE
}
.c-contact-item-social:first-child a{
    text-decoration:underline;
    color:#517BBE
}
.c-contact-item-social:nth-child(1) a{
    text-decoration:underline;
    color:#517BBE
}
.c-contact-item-social:nth-child(2) a{
    text-decoration:underline;
    color:#517BBE
}
.c-contact-item-social:nth-child(3) a{
    text-decoration:underline;
    color:#517BBE
}

.c-contact-item-social a{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-decoration:none;
    color:#706b7a
}


.c-contact-map{
    -webkit-box-shadow:0 0 2px 0 rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);
    box-shadow:0 0 2px 0 rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);
    border-radius:.375rem;
    overflow:hidden
}
@media (min-width:768px){
    .c-contact-map{
        /*max-width:28rem*/
    }
}
.c-contact-map img{
    width:100%;
    height:auto;
    display:block
}

.c-contact-line{
    -webkit-box-shadow:0 0 2px 0 rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);
    box-shadow:0 0 2px 0 rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);
    border-radius:.375rem;
    overflow:hidden;
    margin: 0px auto 40px auto;
}
@media (min-width:768px){
    .c-contact-line{
        max-width:15rem;
        margin-bottom: 40px;
    }
}
.c-contact-line img{
    width:100%;
    height:auto;
    display:block
}

@media (min-width:768px){
    .c-conversion-thx-list{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.c-conversion-thx-item{
    width:100%;
    height:14.625rem;
    background:#eee;
    border-radius:.375rem;
    overflow:hidden
}
@media (min-width:768px){
    .c-conversion-thx-item{
        width:50%;
        max-width:22rem
    }
}
.c-conversion-thx-item:first-child{
    margin-bottom:2rem;
    background:url(img/bg/conversion-thx-a.jpg) no-repeat 50%/cover
}
@media (min-width:768px){
    .c-conversion-thx-item:first-child{
        margin:0 1rem 0 0
    }
}
.c-conversion-thx-item:last-child{
    background:url(img/bg/conversion-thx-b.jpg) no-repeat 50%/cover
}
@media (min-width:768px){
    .c-conversion-thx-item:last-child{
        margin:0 0 0 1rem
    }
}
.c-conversion-thx-item a{
    width:100%;
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:1.5rem;
    font-weight:500;
    text-decoration:none;
    text-align:center;
    color:#fff
}
.c-copyrights{
    margin-top:2.5rem;
    text-align:center
}
@media (min-width:768px){
    .c-copyrights{
        margin-top:5rem;
        text-align:left
    }
}
.c-copyrights a,.c-copyrights small{
    font-size:.875rem;
    color:#cbb8e8
}
@media (max-width:319px){
    .c-copyrights a,.c-copyrights small{
        margin-left:auto;
        padding:0;
        display:block
    }
}
.c-copyrights small{
    margin-right:.5rem
}
@media (min-width:768px){
    .c-copyrights small{
        margin-right:1.25rem
    }
}
.c-copyrights a{
    margin-left:.5rem;
    word-break:break-all;
    text-decoration:none
}
@media (min-width:768px){
    .c-copyrights a{
        margin-left:1.25rem
    }
}
.c-copyrights a:hover{
    text-decoration:none
}
.c-cover{
    position:relative
}
.c-cover img{
    position:absolute;
    top:0;
    left:0;
    width:100%
}
.c-cover.is-3-2{
    position:relative;
    width:100%;
    padding-top:66.66667%;
    overflow:hidden
}
.c-cover.has-border-radius{
    border-radius:.375rem;
    overflow:hidden
}
.c-cover.has-bottom-margin{
    margin-bottom:2rem
}
.c-footer-contact{
    padding-bottom:2.5rem;
    position:relative;
    background-color:#edebf1
}
@media (min-width:768px){
    .c-footer-contact{
        padding-bottom:5rem
    }
}
.c-footer-contact:after{
    position:absolute;
    top:0;
    left:0;
    right:0;
    width:100%;
    height:18rem;
    background-color:#fff;
    content:""
}
@media (min-width:768px){
    .c-footer-contact:after{
        height:9.5rem
    }
}
@media (min-width:768px){
    .c-footer-contact .o-container{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
}
.c-footer-contact .c-contact-form{
    position:relative;
    z-index:9
}
@media (min-width:768px){
    .c-footer-contact .c-contact-form{
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2
    }
}
.c-footer-contact-banner{
    z-index:9
}
@media (min-width:768px){
    .c-footer-contact-banner{
        width:50%;
        padding-right:1rem;
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1
    }
}
.c-footer-contact-banner .u-h4:after{
    width:3.75rem;
    height:.25rem;
    display:block;
    margin-top:1.25rem;
    background-color:#F58220;
    border-radius:.25rem;
    content:""
}
@media (min-width:768px){
    .c-footer-contact-banner__content{
        max-width:28rem;
        margin-left:auto
    }
}
.c-footer-contact-banner_figure{
    margin-bottom:1rem;
    border-radius:.375rem;
    position:relative;
    width:100%;
    padding-top:66.66667%;
    overflow:hidden
}
.c-footer-contact-banner_figure img{
    position:absolute;
    top:0;
    left:0;
    width:100%
}
.c-footer-nav{
    padding:2.5rem 0 1.25rem
}
@media (min-width:768px){
    .c-footer-nav{
        padding:2.5rem 0 0.5rem
    }
}
.c-footer-nav .o-grid-item:first-child{
    display:none
}
@media (min-width:768px){
    .c-footer-nav .o-grid-item:first-child{
        display:block
    }
}
.c-footer-nav .o-grid-item:nth-child(2){
    display:none
}
@media (min-width:768px){
    .c-footer-nav .o-grid-item:nth-child(2){
        display:block
    }
}
@media (min-width:768px){
    .c-footer-nav .o-grid-item:nth-child(3){
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2
    }
}
@media (min-width:768px){
    .c-footer-nav .o-grid-item:nth-child(4){
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1
    }
}
.c-footer-nav .o-grid-item:nth-child(5){
    display:none
}
@media (min-width:768px){
    .c-footer-nav .o-grid-item:nth-child(5){
        display:block
    }
}
.c-footer-nav-content header{
    margin-bottom:1rem;
    font-weight:500
}
.c-footer-nav-content address{
    font-size:1rem
}
.c-footer-nav-content a{
    line-height:2;
    font-size:1rem;
    text-decoration:none;
    color:#fff
}
.c-footer-nav-content a:hover{
    color:#fff
}
.c-footer-nav-content.is-contact{
    text-align:center
}
@media (min-width:768px){
    .c-footer-nav-content.is-contact{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:start;
        -ms-flex-pack:start;
        justify-content:flex-start;
        text-align:left
    }
}
.c-footer-nav-content.is-address{
    max-width:21rem;
    margin:0 auto;
    text-align:center
}
@media (min-width:768px){
    .c-footer-nav-content.is-address{
        max-width:12rem;
        margin:0;
        text-align:left
    }
}
.c-footer-nav-social{
    margin-bottom:2.5rem
}
@media (min-width:768px){
    .c-footer-nav-social{
        margin-bottom:0;
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2
    }
}
.c-footer-nav-social .c-social-link{
    margin:0.3rem .3rem
}
@media (min-width:768px){
    .c-footer-nav-social .c-social-link:first-of-type{
        margin-left:0
    }
}
.c-footer-nav-contact{
    max-width:19rem;
    margin:0 auto
}
@media (min-width:768px){
    .c-footer-nav-contact{
        margin:0 0 2rem
    }
}
.c-footer-nav-contact li{
    margin:0 .5rem;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex
}
@media (min-width:768px){
    .c-footer-nav-contact li{
        display:block;
        margin:0;
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1
    }
}
.c-form{
    padding:2.5rem 1rem
}
@media (min-width:768px){
    .c-form{
        padding:2.5rem 2rem
    }
}
.c-form.has-shadow{
    background-color:#fff;
    border-radius:.375rem;
    -webkit-box-shadow:0 0 .125rem 0 rgba(0,0,0,.14),0 .125rem .125rem 0 rgba(0,0,0,.12),0 .063rem .188rem 0 rgba(0,0,0,.2);
    box-shadow:0 0 .125rem 0 rgba(0,0,0,.14),0 .125rem .125rem 0 rgba(0,0,0,.12),0 .063rem .188rem 0 rgba(0,0,0,.2)
}
.c-form-header{
    text-align:center;
    margin-bottom:2.5rem
}
.c-form-body{
    text-align:left;
    margin-bottom:2.5rem
}
.c-form-footer{
    text-align:center
}
.c-field label{
    display:block;
    margin-bottom:.5rem
}
.c-field label.is-required:after{
    margin-left:.25rem;
    color:#ee6b2d;
    content:"*"
}
.c-field:not(:last-child){
    margin-bottom:2rem
}
@media (min-width:768px){
    .c-field:not(:last-child){
        margin-bottom:2.5rem
    }
}
@media (min-width:768px){
    .c-field.is-horizontal{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
}
.c-field__group{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
@media (max-width:767px){
    .c-field__group{
        margin-bottom:1.5rem
    }
}
@media (min-width:768px){
    .c-field__group:not(:last-child){
        margin-right:2rem
    }
}
.c-field input.error{
    border-color:#fd5c5e
}
.c-field label.error{
    margin:.5rem 0 0;
    font-size:.875rem;
    font-weight:400;
    color:#fd5c5e
}
.c-service-price{
    background-color:#faf9fc;
    border-radius:.375rem;
    overflow:hidden
}
.c-service-price .header{
    padding:1rem;
    text-align:center;
    font-size:1.125rem;
    color:#fff
}
.c-service-price .body{
    padding:1.5rem 1rem;
    text-align:center;
    font-size:2rem;
    color:#110821
}
.c-service-price .body span{
    display:block;
    font-size:1rem;
    color:#706b7a
}
.c-service-price.is-option-a .header{
    background-color:#917cb7
}
.c-service-price.is-option-b .header{
    background-color:#6c509f
}
.c-service-price.is-option-c .header{
    background-color:#472487
}
.c-service-price.is-option-d .header{
    background-color:#3b1c73
}
.c-service-price .body{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media (min-width:768px){
    .c-service-price .body{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
@media (min-width:768px){
    .c-service-price.is-alt .header span{
        display:block
    }
}
@media (min-width:768px){
    .c-service-price.is-alt .body{
        -webkit-box-orient:vertical;
        -webkit-box-direction:reverse;
        -ms-flex-direction:column-reverse;
        flex-direction:column-reverse
    }
}
.c-header-cta{
    /*margin-left:auto;*/
    display:none;
    overflow:hidden
}
@media (min-width:1024px){
    .c-header-cta{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:flex-end
    }
}
.c-header-cta .c-link{
    height:2.5rem;
    font-size:1rem;
    text-decoration:none
}
.c-header-cta .c-btn{
    height:2.5rem;
    margin:0 0 0 2rem;
    padding-left:1.125rem;
    padding-right:1.125rem;
    font-size:1.2rem;
    -webkit-transition:all 1.5s ease-in-out;
    transition:all 1.5s ease-in-out
}
.c-header-cta .c-btn.js-active{
    margin-right:0
}
[name=hello-again],[name=hello]{
    position:absolute;
    left:-100%;
    opacity:0
}
.c-home-hero{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    overflow:hidden
}
@media (min-width:1024px){
    .c-home-hero{
        min-height:33.75rem
    }
}
@media (min-width:1024px){
    .c-home-hero .u-h5{
        margin-bottom:2rem
    }
}
.c-home-hero .c-btn{
    padding:.5rem 1.75rem
}
@media (min-width:1024px){
    .c-home-hero .c-btn{
        padding:.75rem 1.75rem
    }
}
.c-home-hero__content{
    position:relative;
    max-width:37rem;
    z-index:9
}
.c-home-hero__content:after{
    position:absolute;
    top:0;
    left:30%;
    width:55rem;
    height:100%;
    background:url(img/bg-home-hero.jpg) no-repeat 50%/contain;
    opacity:.2;
    z-index:-1;
    content:""
}
@media (min-width:1024px){
    .c-home-hero__content:after{
        left:calc(100% + 3rem);
        opacity:1
    }
}
.c-home-products-grid{
    padding:1.25rem 0 2.5rem
}
@media (min-width:768px){
    .c-home-products-grid{
        padding:2rem 0 6.25rem
    }
}
.c-home-products-grid-lst{
    margin:0 -.5rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
@media (min-width:768px){
    .c-home-products-grid-lst{
        margin:0 -1rem
    }
}
.c-home-products-grid-itm{
    height:9.5rem;
    padding:.5rem
}
@media (min-width:325px){
    .c-home-products-grid-itm{
        height:auto;
        padding:1rem
    }
}
@media (min-width:768px){
    .c-home-products-grid-itm{
        height:auto;
        padding:1rem
    }
}
@media (min-width:1024px){
    .c-home-products-grid-itm{
        height:auto;
        padding:1rem
    }
}
.c-home-products-grid-itm a{
    font-size:1rem
}

/* ----- UBS ----- */

.c-home-products-grid-itm:first-child.has-overlay{
    position:relative
}
@media (min-width:1024px){
    .c-home-products-grid-itm.has-overlay:hover .c-home-products-grid-itmt:first-child{
        visibility:visible;
        opacity:1
    }
}
.c-home-products-grid-itm__overlay:first-child.has-overlay{
    position:relative
}
@media (min-width:1024px){
    .c-home-products-grid-itm__overlay.has-overlay:hover .c-home-products-grid-itm__overlay:first-child{
        visibility:visible;
        opacity:1
    }
}
.c-home-products-grid-itm__overlay:first-child{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    padding:1rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    background-color:rgba(71,36,135,.9);
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:.875rem;
    font-weight:500;
    text-align:center;
    line-height:1.5;
    visibility:hidden;
    opacity:0;
    color:#fff;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}



/* ----- UBS ----- */


.c-home-products-grid-itm:first-child{
    width:100%
}
@media (min-width:768px){
    .c-home-products-grid-itm:first-child{
        width:50%
    }
}
.c-home-products-grid-itm:first-child a{
    -webkit-box-align:end;
    -ms-flex-align:end;
    /*background:url(img/dbi.jpg) no-repeat center 25%/60%;
    box-shadow: inset 0 0 0 1000px rgba(25,70,140,.8);*/
}
@media (min-width:320px) and (max-width:767px){
    .c-home-products-grid-itm:first-child a{
        background-size:cover
    }
}
@media (min-width:768px) and (max-width:1023px){
    .c-home-products-grid-itm:first-child a{
        background-size:cover
    }
}
@media (min-width:1024px){
    .c-home-products-grid-itm:first-child a{
        background-size:cover
    }
}
.c-home-products-grid-itm:first-child a span{

}
@media (min-width:768px){
    .c-home-products-grid-itm:first-child a span{

    }
}
.c-home-products-grid-itm:nth-child(2){
    width:100%
}
@media (min-width:768px){
    .c-home-products-grid-itm:nth-child(2){
        width:50%
    }
}
.c-home-products-grid-itm:nth-child(2) a{
    -webkit-box-align:end;
    -ms-flex-align:end;
}
@media (min-width:320px) and (max-width:767px){
    .c-home-products-grid-itm:nth-child(2) a{
        background-size:cover
    }
}
@media (min-width:768px) and (max-width:1023px){
    .c-home-products-grid-itm:nth-child(2) a{
        background-size:cover
    }
}
@media (min-width:1024px){
    .c-home-products-grid-itm:nth-child(2) a{
        background-size:cover
    }
}
.c-home-products-grid-itm:nth-child(2) a span{
    margin-right:15%
}
@media (min-width:320px) and (max-width:767px){
    .c-home-products-grid-itm:nth-child(2) a span{
        margin-right:25%
    }
}
.c-home-products-grid-itm:nth-child(3){
    width:100%
}
@media (min-width:768px){
    .c-home-products-grid-itm:nth-child(3){
        width:50%
    }
}
.c-home-products-grid-itm:nth-child(3) a{
    -webkit-box-align:end;
    -ms-flex-align:end;
}
@media (min-width:320px) and (max-width:767px){
    .c-home-products-grid-itm:nth-child(3) a{
        background-size:cover
    }
}
@media (min-width:768px) and (max-width:1023px){
    .c-home-products-grid-itm:nth-child(3) a{
        background-size:cover
    }
}
@media (min-width:1024px){
    .c-home-products-grid-itm:nth-child(3) a{
        background-size:cover
    }
}
.c-home-products-grid-itm:nth-child(4){
    width:100%
}
@media (min-width:768px){
    .c-home-products-grid-itm:nth-child(4){
        width:50%
    }
}
.c-home-products-grid-itm:nth-child(4) a{
    -webkit-box-align:end;
    -ms-flex-align:end;
}
@media (min-width:320px) and (max-width:767px){
    .c-home-products-grid-itm:nth-child(4) a{
        background-size:cover
    }
}
@media (min-width:768px) and (max-width:1023px){
    .c-home-products-grid-itm:nth-child(4) a{
        background-size:cover
    }
}
@media (min-width:1024px){
    .c-home-products-grid-itm:nth-child(4) a{
        background-size:cover
    }
}
.c-home-products-grid-itm:nth-child(4) a span{
    margin-top:1rem
}
.c-home-products-grid-itm:nth-child(5){
    width:100%
}
@media (min-width:768px){
    .c-home-products-grid-itm:nth-child(5){
        width:100%
    }
}
.c-home-products-grid-itm:nth-child(5) a{
    -webkit-box-align:end;
    -ms-flex-align:end;
}
@media (min-width:320px) and (max-width:767px){
    .c-home-products-grid-itm:nth-child(5) a{
        background-size:cover
    }
}
@media (min-width:768px) and (max-width:1023px){
    .c-home-products-grid-itm:nth-child(5) a{
        background-size:cover
    }
}
@media (min-width:1024px){
    .c-home-products-grid-itm:nth-child(5) a{
        background-size:cover
    }
}
.c-home-products-grid-itm:nth-child(5) a span{
    margin-bottom:1rem
}
@media (min-width:768px){
    .c-home-products-grid-itm:nth-child(5) a span{
        margin-bottom:2rem
    }
}
.c-home-products-grid-itm__content{
    position:relative;
    width:100%;
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    border-radius:.25rem;
    text-decoration:none;
    text-align:center;
    color:#fff;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
@media (min-width:768px){
    .c-home-products-grid-itm__content{
        border-radius:.375rem
    }
}
@media (min-width:1024px){
    .c-home-products-grid-itm__content:hover{
        -webkit-box-shadow:0 0 11px 0 rgba(0,0,0,.14),0 2px 8px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.2);
        box-shadow:0 0 11px 0 rgba(0,0,0,.14),0 2px 8px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.2);
        background-color: rgba(245,130,32,.8);
    }
}
.c-home-what-we-do{
    color:#fff
}
.c-home-what-we-do .o-container{
    padding-top:1rem;
    padding-bottom:1rem
}
@media (min-width:768px){
    .c-home-what-we-do .o-container{
        padding-top:0;
        padding-bottom:0
    }
}
.c-home-what-we-do .o-header{
    padding:3rem 0 0
}
@media (min-width:768px){
    .c-home-what-we-do .o-header{
        padding:4.25rem 0 0
    }
}
.c-home-what-we-do .u-h1,.c-home-what-we-do .u-h2,.c-home-what-we-do .u-h4{
    color:#fff
}
.c-home-what-we-do .u-h1{
    display:block;
    margin-bottom:0
}
@media (min-width:768px){
    .c-home-what-we-do .u-h1{
        margin-right:1rem;
        display:inline
    }
}
.c-home-what-we-do .u-h4:after{
    width:3.75rem;
    height:.25rem;
    display:block;
    margin-top:1.25rem;
    background-color:#F58220;
    border-radius:.25rem;
    content:""
}
.c-home-what-we-do.is-inspection{
    /* background:url(img/bg/homepage-bg.jpg) */
}
.c-home-what-we-do.is-inspection .o-container{
    background:url() no-repeat 0 100%/auto 100%
}
@media (min-width:768px){
    .c-home-what-we-do.is-inspection .o-container{
        background-position:-30% bottom
    }
}
.c-home-what-we-do.is-inspection .c-home-what-we-do-content{
    margin-left:auto
}
@media (min-width:1024px){
    .c-home-what-we-do.is-inspection .c-home-what-we-do-content{
        padding-left:7rem
    }
}
.c-home-what-we-do.is-personalized{
    background-color:#110821
}
.c-home-what-we-do.is-personalized .o-container{
    background:url(img/bg-home-what-we-do--personalized.jpg) no-repeat 100% 100%/auto 100%
}
@media (min-width:1024px){
    .c-home-what-we-do.is-personalized .c-home-what-we-do-content{
        padding-right:7rem
    }
}
.c-home-what-we-do.is-installation{
    background-color:rgb(255, 174, 0)
}
@media (min-width:768px){
    .c-home-what-we-do.is-installation .o-container{
        /*background:url(img/bg-home-what-we-do--installation.jpg) no-repeat -280px bottom/auto 100%*/
    }
}
@media (min-width:1024px) and (max-width:1279px){
    .c-home-what-we-do.is-installation .o-container{
        background-position:-6.25rem bottom
    }
}
@media (min-width:1280px){
    .c-home-what-we-do.is-installation .o-container{
        background-position:-3.75rem bottom
    }
}
.c-home-what-we-do.is-installation .c-home-what-we-do-content{
    /*margin-left:auto*/
    text-align: center;
}
@media (min-width:1024px){
    .c-home-what-we-do.is-installation .c-home-what-we-do-content{
        /*padding-left:7rem*/
    }
}
.c-home-what-we-do.is-installation .u-h4:after{
    background-color:#fff
}
.c-home-what-we-do.is-gauranteed{
    background-color:#110821
}
.c-home-what-we-do.is-gauranteed .o-container{
    background:url(img/bg-home-what-we-do--gauranteed.jpg) no-repeat 100% 100%/auto 100%
}
@media (min-width:1024px){
    .c-home-what-we-do.is-gauranteed .c-home-what-we-do-content{
        padding-right:7rem
    }
}
.c-home-what-we-do-content{
    min-height:20rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
@media (min-width:768px){
    .c-home-what-we-do-content{
        width:50%
    }
}
.c-line-account{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.c-line-account:before{
    width:1.25rem;
    height:1.25rem;
    margin-right:.5rem;
    background:url(img/icon/line.svg) no-repeat 50%/auto;
    content:""
}
.c-link{
    color:#ee6b2d;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    word-break:break-all
}
.c-link:hover{
    color:#d55214
}
.c-link[class*=has-icon-]{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.c-link[class*=has-icon-]:before{
    width:1.5rem;
    height:1.5rem;
    margin-right:.5rem;
    background-repeat:no-repeat;
    background-origin:center;
    background-size:contain;
    -ms-flex-negative:0;
    flex-shrink:0;
    content:""
}
.c-link.is-sm:before{
    width:1rem;
    height:1rem
}
.c-link.is-md:before{
    width:1.5rem;
    height:1.5rem
}
.c-link.is-lg:before{
    width:2rem;
    height:2rem
}
.c-link.is-xl:before{
    width:3rem;
    height:3rem
}
.c-link.has-icon-call:before{
    background-image:url(img/icon/call.svg)
}
.c-link.has-icon-call-orange:before{
    background-image:url(img/icon/apply-orange.svg)
}
.c-link.has-icon-email:before{
    background-image:url(img/icon/email.svg)
}
.c-link.has-icon-line:before{
    background-image:url(img/icon/line.svg)
}
.c-link.has-icon-next-orange:before{
    display:none
}
.c-link.has-icon-next-orange:after{
    width:.875rem;
    height:.75rem;
    margin-left:.5rem;
    -ms-flex-negative:0;
    flex-shrink:0;
    content:"";
    background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.041 5.477h10.09L7.334 1.82a.719.719 0 01-.246-.545.79.79 0 01.22-.553.703.703 0 01.536-.238c.21 0 .398.07.562.211l5.168 4.992a.728.728 0 01.246.554.728.728 0 01-.246.554l-5.203 5.01a.754.754 0 01-.527.21.737.737 0 01-.563-.245.714.714 0 01-.22-.545.776.776 0 01.238-.545l3.797-3.657H1.023c-.199 0-.375-.07-.527-.21a.73.73 0 01-.246-.51.748.748 0 01.22-.58.765.765 0 01.571-.246z' fill='%23EE6B2D' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat 50%/auto
}
.c-load-more{
    padding:1rem 0;
    text-align:center
}
.c-load-more.js-hidden{
    display:none
}
.c-main-navigation{
    background-color: rgb(0,100,200);
    padding:1.5rem 0;
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1
}
@media (min-width:1024px){
    .c-main-navigation{
        padding:0
    }
}
@media (min-width:1024px){
    .c-main-navigation .o-container{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
}
.c-main-navigation .c-site-branding{
    margin-bottom:1.5rem
}
@media (min-width:1024px){
    .c-main-navigation .c-site-branding{
        margin:0 auto 0 0
    }
}
@media (min-width:1024px){
    .c-primary-menu .menu{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
}
@media (min-width:1024px){
    .c-primary-menu .menu-item+.menu-item{
        margin-left:2rem;
    }
}
.c-primary-menu .menu-item a{
    min-height:3rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:1rem;
    font-weight:600;
    text-decoration:none;
    text-transform:uppercase;
    color:#ffffff
}
@media (min-width:1024px){
    .c-primary-menu .menu-item a{
        min-height:5rem
    }
}
.c-primary-menu .menu-item-has-children.js-expanded .sub-menu{
    display:block!important
}
.c-primary-menu .menu-item-has-children.js-expanded>a:after{
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.c-primary-menu .menu-item-has-children>a{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.c-primary-menu .menu-item-has-children>a:after{
    width:.625rem;
    height:.625rem;
    margin-left:auto;
    background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='%23472487' d='M.742 1.078a.38.38 0 01-.068-.44.384.384 0 01.38-.243h7.891c.183 0 .31.08.381.244a.38.38 0 01-.068.44L5.303 5.853A.398.398 0 014.99 6a.398.398 0 01-.312-.146L.742 1.078z'/%3E%3C/svg%3E") no-repeat 50%/auto;
    content:""
}
@media (min-width:1024px){
    .c-primary-menu .menu-item-has-children>a:after{
        margin-left:.25rem
    }
}
.c-primary-menu .sub-menu{
    margin:0 -1.25rem;
    padding:0 1.25rem;
    display:none;
    background-color:#faf9fc
}
@media (min-width:1024px){
    .c-primary-menu .sub-menu{
        position:absolute;
        margin:-1rem 0 0 -1rem;
        padding:0;
        background-color:#fff;
        -webkit-box-shadow:0 0 2px 0 rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);
        box-shadow:0 0 2px 0 rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);
        border-radius:.375rem
    }
}
.c-primary-menu .sub-menu .menu-item{
    margin-left:0
}
@media (min-width:768px){
    .c-primary-menu .sub-menu .menu-item{
        margin-right:0
    }
}
.c-primary-menu .sub-menu .menu-item:hover a{
    background-color:#faf9fc;
    color:#472487;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.c-primary-menu .sub-menu .menu-item a{
    min-height:48px;
    text-transform:none
}
@media (min-width:1024px){
    .c-primary-menu .sub-menu .menu-item a{
        padding:.75rem 1rem
    }
}
.c-modal-form{
    background-color:#fff;
    border-radius:.375rem;
    -webkit-box-shadow:0 0 2px 0 rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);
    box-shadow:0 0 2px 0 rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);
    overflow:hidden
}
.c-modal-form__header{
    position:relative;
    padding:2.5rem 1rem 1.25rem
}
@media (min-width:768px){
    .c-modal-form__header{
        padding:2.5rem 2rem 1.25rem
    }
}
.c-modal-form__header .c-btn-close{
    position:absolute;
    top:1.5rem;
    right:1.5rem
}
.c-modal-form__body{
    padding:1.25rem 1rem
}
@media (min-width:768px){
    .c-modal-form__body{
        padding:1.25rem 2rem
    }
}
.c-modal-form__body .u-text-bold+.u-text-bold{
    margin-top:.5rem
}
.c-modal-form__footer{
    padding:1.25rem 0 0
}
@media (max-width:767px){
    .c-modal-form__footer .c-btn{
        width:100%;
        padding:.5rem 1rem;
        border-radius:0
    }
}
@media (min-width:768px){
    .c-modal-form__footer{
        padding:1.25rem 2rem 2.5rem
    }
}
.c-not-found{
    min-height:10rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    background-color:#faf9fc
}
.c-not-found p{
    margin:0
}
.c-page-description{
    margin-bottom:1rem
}
@media (min-width:768px){
    .c-page-description{
        margin-bottom:3rem
    }
}
.c-pagination{
    margin:2rem -.25rem
}
.c-pagination,.c-pagination .page-numbers{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.c-pagination .page-numbers{
    width:3rem;
    height:3rem;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin:0 .25rem;
    border-radius:.375rem;
    font-size:1.125rem;
    text-decoration:none;
    color:#706b7a
}
.c-pagination .page-numbers:hover{
    color: #F58220
}
.c-pagination .page-numbers.next,.c-pagination .page-numbers.prev{
    border:2px solid #F58220;
    -ms-flex-negative:0;
    flex-shrink:0
}
.c-pagination .page-numbers.prev{
    background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.028 5.477H2.938L6.735 1.82a.719.719 0 00.246-.545.79.79 0 00-.22-.553.703.703 0 00-.536-.238.84.84 0 00-.562.211L.495 5.687a.728.728 0 00-.246.554c0 .217.082.402.246.554l5.203 5.01c.152.14.328.21.527.21.223 0 .41-.081.563-.245a.714.714 0 00.22-.545.776.776 0 00-.238-.545L2.973 7.023h10.073c.199 0 .375-.07.527-.21a.73.73 0 00.246-.51.748.748 0 00-.22-.58.765.765 0 00-.57-.246z' fill='%23110821' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat 50%/auto
}
.c-pagination .page-numbers.next{
    background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.041 5.477h10.09L7.334 1.82a.719.719 0 01-.246-.545.79.79 0 01.22-.553.703.703 0 01.536-.238c.21 0 .398.07.562.211l5.168 4.992a.728.728 0 01.246.554.728.728 0 01-.246.554l-5.203 5.01a.754.754 0 01-.527.21.737.737 0 01-.563-.245.714.714 0 01-.22-.545.776.776 0 01.238-.545l3.797-3.657H1.023c-.199 0-.375-.07-.527-.21a.73.73 0 01-.246-.51.748.748 0 01.22-.58.765.765 0 01.571-.246z' fill='%23110821' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat 50%/auto
}
.c-pagination .page-numbers.current{
    border:2px solid #F58220;
    background-color:#F58220;
    color:#fff
}
@media (max-width:767px){
    .c-pagination{
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
@media (max-width:767px){
    .c-pagination .page-numbers{
        display:none
    }
}
@media (max-width:767px){
    .c-pagination .page-numbers.current,.c-pagination .page-numbers.next,.c-pagination .page-numbers.prev{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
}
@media (max-width:767px){
    .c-pagination .page-numbers.current{
        width:100%;
        background-color:transparent;
        border:none;
        color:#706b7a
    }
}
.c-product-detail-tabs{
    font-size:1rem;
    margin-bottom:2.5rem
}
@media (min-width:768px){
    .c-product-detail-tabs{
        margin-bottom:0
    }
}
.c-product-detail-tabs .o-tabs-list{
    display:none;
    border-bottom:1px solid #d8d8d8
}
@media (min-width:768px){
    .c-product-detail-tabs .o-tabs-list{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
}
.c-product-detail-tabs .o-tabs-list-item{
    padding:.5rem 1.25rem
}
.c-product-detail-tabs .o-tabs-list-item.js-active{
    position:relative;
    color:#F58220
}
.c-product-detail-tabs .o-tabs-list-item.js-active:after{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:4px;
    background-color:#ee6b2d;
    content:""
}
@media (max-width:767px){
    .c-product-detail-tabs .o-tabs-content{
        margin-top:2.5rem
    }
}
.c-product-detail-tabs .o-tabs-content-item{
    display:block
}
@media (max-width:767px){
    .c-product-detail-tabs .o-tabs-content-item{
        padding:1rem 0;
        border-top:1px solid #b7b5bc
    }
}
@media (min-width:768px){
    .c-product-detail-tabs .o-tabs-content-item{
        min-height:10rem;
        padding:2rem 1.5rem;
        display:none
    }
}
@media (max-width:767px){
    .c-product-detail-tabs .o-tabs-content-item:last-child{
        border-bottom:1px solid #b7b5bc
    }
}
.c-product-detail-tabs .o-tabs-content-item header{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:1.125rem;
    font-weight:500;
    color:#323e46
}
.c-product-detail-tabs .o-tabs-content-item header:after{
    width:1.5rem;
    height:1.5rem;
    margin-left:auto;
    background:url(img/icon/down-orange-circle.svg) no-repeat 50%/auto;
    content:""
}
@media (min-width:768px){
    .c-product-detail-tabs .o-tabs-content-item header{
        display:none
    }
}
.c-product-detail-tabs .o-tabs-content-item.js-active header{
    margin-bottom:2rem
}
.c-product-detail-tabs .o-tabs-content-item.js-active header:after{
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
@media (max-width:767px){
    .c-product-detail-tabs .o-tabs-content-item.js-active .c-product-detail-tabs__body{
        display:block
    }
}
@media (max-width:767px){
    .c-product-detail-tabs__body{
        display:none
    }
}
@media (min-width:768px){
    .c-product-detail-tabs__body .o-grid-item{
        padding-bottom:2rem
    }
}
.c-product-detail{
    overflow:hidden
}
@media (max-width:767px){
    .c-product-detail{
        padding-top:0
    }
}
@media (max-width:767px){
    .c-product-detail .o-grid{
        margin:0 -24px
    }
}
@media (max-width:767px){
    .c-product-detail .o-grid-item:nth-child(2){
        padding:0 1.5rem
    }
}
.c-product-detail-photo{
    border:1px solid #e6e5e8;
    border-radius:.375rem;
    position:relative;
    width:100%;
    padding-top:66.66667%;
    overflow:hidden
}
@media (max-width:767px){
    .c-product-detail-photo{
        border-radius:0;
        border-top:none;
        border-left:none;
        border-right:none
    }
}
.c-product-detail-photo img{
    position:absolute;
    top:0;
    left:0;
    width:100%
}
@media (max-width:767px){
    .c-modal-form__body .c-product-detail-photo{
        border:1px solid #e6e5e8;
        border-radius:.375rem
    }
}
.c-product-detail-gallery{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:1rem -.5rem .5rem
}
@media (max-width:767px){
    .c-product-detail-gallery{
        padding:0 1.5rem
    }
}
.c-product-detail-gallery__item{
    width:20%;
    padding:.5rem;
    cursor:pointer
}
.c-product-detail-gallery__item figure{
    border:1px solid #e6e5e8;
    border-radius:.375rem;
    font-size:0;
    position:relative;
    width:100%;
    padding-top:66.66667%;
    overflow:hidden
}
.c-product-detail-gallery__item figure img{
    position:absolute;
    top:0;
    left:0;
    height:100%
}
.c-product-detail-gallery__item.is-active figure{
    border:2px solid #472487
}
.c-product-detail-highlight .s-cms-content{
    margin-bottom:2.5rem
}
.c-product-detail-highlight .s-cms-content ul{
    font-size:1rem
}
@media (min-width:768px){
    .c-product-detail-highlight .s-cms-content ul{
        -webkit-column-count:2;
        -moz-column-count:2;
        column-count:2;
        -webkit-column-gap:3rem;
        -moz-column-gap:3rem;
        column-gap:3rem
    }
}
@media (min-width:1024px){
    .c-product-detail-highlight .s-cms-content ul{
        -webkit-column-gap:5rem;
        -moz-column-gap:5rem;
        column-gap:5rem
    }
}
@media (min-width:768px){
    .c-product-detail-highlight .u-text-center{
        text-align:left
    }
}
@media (max-width:767px){
    .c-product-detail-highlight .c-btn{
        max-height:3rem
    }
}
.c-product-detail-pdf a{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.c-product-detail-pdf a:before{
    width:22px;
    height:26px;
    margin-right:.5rem;
    background:url(img/icon/pdf.svg) no-repeat 50%/auto;
    content:""
}
.c-product-selection{
    position:relative;
    display:block;
    z-index:1
}
@media (min-width:768px){
    .c-product-selection{
        display:none
    }
}
.c-product-selection.js-active .c-product-selection__select:after{
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.c-product-selection.js-active .c-product-selection__option{
    display:block
}
.c-product-selection__select{
    padding:.688rem 1rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:#fff;
    border:1px solid #e6e5e8;
    border-radius:.375rem
}
.c-product-selection__select:after{
    width:.625rem;
    height:.625rem;
    margin-left:auto;
    background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='%23472487' d='M.742 1.078a.38.38 0 01-.068-.44.384.384 0 01.38-.243h7.891c.183 0 .31.08.381.244a.38.38 0 01-.068.44L5.303 5.853A.398.398 0 014.99 6a.398.398 0 01-.312-.146L.742 1.078z'/%3E%3C/svg%3E") no-repeat 50%/auto;
    content:""
}
.c-product-selection__option{
    position:absolute;
    top:3.375rem;
    left:0;
    right:0;
    height:calc(100vh - 11rem);
    display:none;
    border-radius:.375rem;
    overflow-x:hidden;
    overflow-y:scroll;
    background:#fff;
    -webkit-box-shadow:0 0 2px 0 rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);
    box-shadow:0 0 2px 0 rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2)
}
.c-product-selection__option a{
    padding:1rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    background-color:#fff;
    font-size:1rem;
    text-decoration:none;
    color:#706b7a
}
.c-product-selection__option a:first-child{
    background-color:#faf9fc
}
.c-product-selection__option .o-media{
    width:100%
}
.c-product-selection__option .o-media-figure figure{
    width:auto;
    height:4rem
}
.c-product-selection__option .o-media-figure img{
    width:auto;
    height:100%
}
.c-product-selection__option .o-media-content{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
@media (max-width:767px){
    .c-product-slider-a{
        display:none
    }
}
.c-product-slider-a a{
    display:block
}
.c-product-slider-a .slider{
    overflow:hidden
}
.c-product-slider-a .slick-list{
    margin:0 -1rem
}
.c-product-slider-a .slick-slide{
    margin:0 1rem;
    outline:none
}
.c-product-slider-a{
    position:relative
}
.c-product-slider-a .next-arrow,.c-product-slider-a .prev-arrow{
    position:absolute;
    top:50%;
    width:3rem;
    height:3rem;
    border:2px solid #ee6b2d;
    border-radius:.375rem;
    background-color:#fff;
    font-size:0;
    color:transparent;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    cursor:pointer
}
.c-product-slider-a .next-arrow a,.c-product-slider-a .prev-arrow a{
    display:block;
    height:100%
}
.c-product-slider-a .next-arrow.slick-disabled,.c-product-slider-a .prev-arrow.slick-disabled{
    border-color:#e6e5e8;
    cursor:default
}
.c-product-slider-a .next-arrow.slick-disabled a,.c-product-slider-a .prev-arrow.slick-disabled a{
    opacity:.2
}
.c-product-slider-a .prev-arrow{
    left:-5rem
}
.c-product-slider-a .prev-arrow a{
    background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.028 5.477c.223 0 .413.082.571.246a.748.748 0 01.22.58.73.73 0 01-.246.51.754.754 0 01-.527.21H2.973L6.77 10.68a.776.776 0 01.238.545.714.714 0 01-.22.545.737.737 0 01-.563.246c-.199 0-.375-.07-.527-.211L.495 6.795a.728.728 0 01-.246-.554c0-.217.082-.401.246-.553L5.663.694a.84.84 0 01.562-.21c.211 0 .39.078.536.237a.79.79 0 01.22.553c0 .211-.082.393-.246.545L2.938 5.477h10.09z' fill='%23110821' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat 50%/auto
}
.c-product-slider-a .next-arrow{
    right:-5rem
}
.c-product-slider-a .next-arrow a{
    background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.041 5.477h10.09L7.334 1.82a.719.719 0 01-.246-.545.79.79 0 01.22-.553.703.703 0 01.536-.238c.21 0 .398.07.562.211l5.168 4.992a.728.728 0 01.246.554.728.728 0 01-.246.554l-5.203 5.01a.754.754 0 01-.527.21.737.737 0 01-.563-.245.714.714 0 01-.22-.545.776.776 0 01.238-.545l3.797-3.657H1.023c-.199 0-.375-.07-.527-.21a.73.73 0 01-.246-.51.748.748 0 01.22-.58.765.765 0 01.571-.246z' fill='%23110821' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat 50%/auto
}
.c-product-slider-b a{
    display:block
}
.c-product-slider-b .slider{
    overflow:hidden
}
.c-product-slider-b .slick-list{
    margin:0 -.875rem 0 -1rem
}
.c-product-slider-b .slick-slide{
    margin:0 1rem;
    outline:none
}
.c-product-slider-b header{
    margin-bottom:1rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media (min-width:768px){
    .c-product-slider-b header{
        margin-bottom:1.75rem
    }
}
.c-product-slider-b header .u-h4{
    margin-bottom:0
}
.c-product-slider-b .next-arrow,.c-product-slider-b .prev-arrow{
    width:2.5rem;
    height:2.5rem;
    -ms-flex-negative:0;
    flex-shrink:0;
    border:.125rem solid #F58220;
    border-radius:3.125rem;
    font-size:0;
    color:transparent;
    cursor:pointer
}
.c-product-slider-b .next-arrow.slick-disabled,.c-product-slider-b .prev-arrow.slick-disabled{
    border-color:#e6e5e8;
    cursor:default
}
.c-product-slider-b .prev-arrow{
    margin:0 .75rem 0 auto;
    background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.654 15.5c.274 0 .495-.11.664-.332a.827.827 0 00.176-.625.805.805 0 00-.313-.566L2.741 7.98l7.401-5.957a.805.805 0 00.313-.566.827.827 0 00-.176-.625.805.805 0 00-.566-.312.827.827 0 00-.625.175L.846 7.316a.797.797 0 00-.332.664c0 .274.11.495.332.665l8.261 6.66a.88.88 0 00.547.195z' fill='%23110821' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat .75rem/auto
}
@media (min-width:768px){
    .c-product-slider-b .prev-arrow{
        margin:0 1rem 0 auto
    }
}
.c-product-slider-b .prev-arrow.slick-disabled{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.64 15.5a.88.88 0 01-.546-.195L.832 8.645A.797.797 0 01.5 7.98c0-.273.11-.494.332-.664L9.074.696A.827.827 0 019.7.52c.235.026.423.13.567.312.143.182.201.39.175.625a.805.805 0 01-.312.566L2.727 7.98l7.441 5.997a.805.805 0 01.312.566.827.827 0 01-.175.625.797.797 0 01-.664.332z' fill='%23B7B5BC' fill-rule='nonzero'/%3E%3C/svg%3E")
}
.c-product-slider-b .next-arrow{
    background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.36 15.5a.88.88 0 00.546-.195l8.262-6.66a.797.797 0 00.332-.665.797.797 0 00-.332-.664L1.926.696A.827.827 0 001.3.52a.805.805 0 00-.567.312.827.827 0 00-.175.625c.026.234.13.423.312.566L8.273 7.98.832 13.977a.805.805 0 00-.312.566.827.827 0 00.175.625c.17.221.39.332.664.332z' fill='%23110821' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat .875rem/auto
}
.c-product-slider-b .next-arrow.slick-disabled{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.346 15.5a.797.797 0 01-.664-.332.827.827 0 01-.176-.625.805.805 0 01.313-.566l7.44-5.997L.859 2.023a.805.805 0 01-.313-.566.827.827 0 01.176-.625.805.805 0 01.566-.312.827.827 0 01.625.175l8.242 6.621c.222.17.332.391.332.664 0 .274-.11.495-.332.665l-8.261 6.66a.88.88 0 01-.547.195z' fill='%23B7B5BC' fill-rule='nonzero'/%3E%3C/svg%3E")
}
.c-product-slider-b .c-product-thumbnail{
    -webkit-box-shadow:none;
    box-shadow:none;
    border:1px solid #e6e5e8
}
.c-product-thumbnail{
    -webkit-box-shadow:0 0 2px 0 rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);
    box-shadow:0 0 2px 0 rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);
    border-radius:.375rem;
    background-color:#fff;
    position:relative;
    width:100%;
    padding-top:66.66667%;
    overflow:hidden
}
.c-product-thumbnail img{
    position:absolute;
    top:0;
    left:0;
    width:100%
}
.c-product-thumbnail.has-overlay{
    position:relative
}
@media (min-width:1024px){
    .c-product-thumbnail.has-overlay:hover .c-product-thumbnail__overlay{
        visibility:visible;
        opacity:1
    }
}
.c-product-thumbnail__overlay{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    padding:1rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    background-color:rgba(71,36,135,.9);
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:.875rem;
    font-weight:500;
    text-align:center;
    line-height:1.5;
    visibility:hidden;
    opacity:0;
    color:#fff;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.c-product-type-item{
    padding:2rem 0
}
@media (min-width:320px) and (max-width:767px){
    .c-product-type-item{
        display:block
    }
}
.c-product-type-item+.c-product-type-item{
    border-top:1px solid #b7b5bc
}
@media (min-width:320px) and (max-width:767px){
    .c-product-type-item .o-media-figure{
        margin:0 0 1rem
    }
}
@media (min-width:768px){
    .c-product-type-item .o-media-figure{
        min-width:14rem;
        margin-right:32px
    }
}
@media (min-width:1024px){
    .c-product-type-item .o-media-figure{
        min-width:22rem
    }
}
.c-product-type-item .o-media-figure figure{
    -webkit-box-shadow:0 0 2px 0 rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);
    box-shadow:0 0 2px 0 rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);
    border-radius:.375rem;
    position:relative;
    width:100%;
    padding-top:66.66667%;
    overflow:hidden
}
.c-product-type-item .o-media-figure figure img{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.c-product-type-item .o-media-content .u-p{
    margin-bottom:.5rem
}
.c-product-type-item .o-media-content .u-p+p{
    font-size:1rem;
    margin-bottom:1rem
}
.c-product-type-tabs h3{
    font-size:1.5rem
}
.c-product-type-tabs .o-tabs-select{
    margin-bottom:.5rem
}
@media (min-width:1024px){
    .c-product-type-tabs .o-tabs-select{
        display:none
    }
}
.c-product-type-tabs .o-tabs-select h3{
    margin-bottom:1rem
}
.c-product-type-tabs .o-tabs-select select{
    width:100%
}
.c-product-type-tabs{
    display:block
}
@media (min-width:1024px){
    .c-product-type-tabs{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
}
.c-product-type-tabs .o-tabs-list{
    width:auto;
    min-width:16rem;
    display:none;
    -ms-flex-item-align:start;
    align-self:flex-start;
    -webkit-box-shadow:0 0 2px 0 rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);
    box-shadow:0 0 2px 0 rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);
    border-radius:6px;
    overflow:hidden
}
@media (min-width:1024px){
    .c-product-type-tabs .o-tabs-list{
        display:block
    }
}
.c-product-type-tabs .o-tabs-list-item{
    height:56px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:1rem;
    border:1px solid transparent;
    cursor:pointer
}
.c-product-type-tabs .o-tabs-list-item.js-active{
    background-color:#ee6b2d;
    color:#fff;
    cursor:auto
}
@media (min-width:1024px){
    .c-product-type-tabs .o-tabs-content{
        width:100%;
        padding-left:2rem
    }
}
@media (min-width:320px) and (max-width:767px){
    .c-product-type-tabs .o-tabs-content-item h3{
        display:none
    }
}
.c-product-type-tabs .o-media-content h3{
    display:block;
    font-size:1.125rem
}
.c-references-grid .o-grid-item:nth-child(n+7){
    display:none
}
.c-references-grid.js-show-all .o-grid-item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.c-references-grid.js-show-all .o-footer{
    display:none
}
.c-references-item{
    margin-bottom:2rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.c-references-item .c-link{
    margin-top:auto
}
.c-references-item__cover{
    margin-bottom:1rem;
    background-color:#faf9fc;
    border-radius:.375rem;
    position:relative;
    width:100%;
    padding-top:66.66667%;
    overflow:hidden
}
.c-references-item__cover img{
    position:absolute;
    top:0;
    left:0;
    width:100%
}
.c-references-item__avatar{
    width:2.5rem;
    height:2.5rem;
    background-color:#faf9fc;
    border-radius:100%;
    overflow:hidden;
    -ms-flex-negative:0;
    flex-shrink:0
}
@media (min-width:768px){
    .c-references-item__avatar{
        width:3.5rem;
        height:3.5rem
    }
}
.c-references-item__title{
    font-size:1.125rem;
    line-height:1.5rem
}
.c-references-item__excerpt{
    margin:.5rem 0
}
.c-references-item__excerpt p{
    font-style:italic
}
.c-references-item__excerpt p:before{
    display:inline-block;
    content:"\201D"
}
.c-references-item__excerpt p:after{
    display:inline-block;
    content:"..."
}
.c-related-products{
    margin-top:1rem
}
.c-related-products header{
    margin-bottom:1rem
}
.c-series-header{
    padding:2.5rem 0;
    background-color:#472487
}
@media (min-width:768px){
    .c-series-header{
        padding:1rem 0 2.5rem;
        overflow:hidden
    }
}
.c-series-header .o-container{
    width:100%
}
.c-series-header .o-media{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.c-series-header .u-h5{
    margin-bottom:0;
    color:#fff
}
.c-series-header .c-breadcrumbs{
    margin-bottom:40px
}
.c-series-header .c-breadcrumbs li{
    color:#cbb8e8
}
.c-series-header .c-breadcrumbs li:last-child{
    color:#faf9fc
}
.c-series-header .c-breadcrumbs li a{
    text-decoration:none;
    color:#cbb8e8
}
.c-series-header .c-breadcrumbs li a:hover{
    text-decoration:underline
}
.c-series-header__logo figure{
    width:3.625rem;
    height:3.625rem;
    border-radius:.125rem;
    overflow:hidden
}
.c-series-header__logo figure img{
    width:100%
}
.c-series-products header{
    margin-bottom:2.5rem
}
@media (min-width:768px){
    .c-series-products header{
        margin-bottom:2rem
    }
}
.c-series-products header h2{
    margin-bottom:0
}
@media (max-width:767px){
    .c-series-products .o-grid-item{
        padding:2rem 0 0
    }
}
@media (max-width:767px){
    .c-series-products .o-grid-item:first-child{
        padding-top:0
    }
}
@media (max-width:767px){
    .c-series-products .o-grid-item+.o-grid-item{
        border-top:1px solid #b7b5bc
    }
}
.c-service-detail-list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:0 -.5rem
}
@media (min-width:768px) and (max-width:1023px){
    .c-service-detail-list{
        margin:0 -.5rem
    }
}
@media (min-width:1024px){
    .c-service-detail-list{
        margin:0 -1rem
    }
}
@media (min-width:768px){
    .c-service-detail-list.is-type-a .c-service-detail-item{
        width:50%
    }
}
@media (min-width:768px){
    .c-service-detail-list.is-type-b .c-service-detail-item{
        width:33.33%
    }
}
.c-service-detail-item{
    width:50%;
    margin-bottom:1rem
}
@media (min-width:768px){
    .c-service-detail-item{
        width:25%
    }
}
.c-service-detail-item label{
    position:relative;
    margin:0 .5rem;
    padding:.25rem;
    min-height:3.75rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    border:1px solid #b7b5bc;
    border-radius:.375rem;
    font-weight:400;
    text-align:center;
    line-height:1;
    color:#706b7a;
    cursor:pointer
}
@media (min-width:768px) and (max-width:1023px){
    .c-service-detail-item label{
        margin:0 .5rem
    }
}
@media (min-width:1024px){
    .c-service-detail-item label{
        margin:0 1rem
    }
}
.c-service-detail-item input[type=checkbox],.c-service-detail-item input[type=radio]{
    position:absolute;
    opacity:0
}
.c-service-detail-item[class*=has-icon] label{
    min-height:7.5rem
}
.c-service-detail-item[class*=has-icon] label:before{
    width:3rem;
    height:3rem;
    margin-bottom:1rem;
    -ms-flex-negative:0;
    flex-shrink:0;
    background-repeat:no-repeat;
    background-position:50%;
    background-size:auto;
    content:""
}
.c-service-detail-item.js-active label{
    border:2px solid #472487;
    color:#472487
}
.c-service-detail-item.has-icon-event label:before{
    background-image:url(img/icon/event.svg)
}
.c-service-detail-item.has-icon-event.js-active label:before{
    background-image:url(img/icon/event-active.svg)
}
.c-service-detail-item.has-icon-concert label:before{
    background-image:url(img/icon/concert.svg)
}
.c-service-detail-item.has-icon-concert.js-active label:before{
    background-image:url(img/icon/concert-active.svg)
}
.c-service-detail-item.has-icon-construction label:before{
    background-image:url(img/icon/construction.svg)
}
.c-service-detail-item.has-icon-construction.js-active label:before{
    background-image:url(img/icon/construction-active.svg)
}
.c-service-detail-item.has-icon-aircon label:before{
    background-image:url(img/icon/aircon.svg)
}
.c-service-detail-item.has-icon-aircon.js-active label:before{
    background-image:url(img/icon/aircon-active.svg)
}
.c-service-detail-item.has-icon-calendar label:before{
    background-image:url(img/icon/calendar.svg)
}
.c-service-detail-item.has-icon-calendar.js-active label:before{
    background-image:url(img/icon/calendar-active.svg)
}
.c-service-detail-item.has-icon-fixing label:before{
    background-image:url(img/icon/fixing.svg)
}
.c-service-detail-item.has-icon-fixing.js-active label:before{
    background-image:url(img/icon/fixing-active.svg)
}
.c-service-detail-item.has-icon-other label:before{
    background-image:url(img/icon/other.svg)
}
.c-service-detail-item.has-icon-other.js-active label:before{
    background-image:url(img/icon/other-active.svg)
}
.c-service-detail-item.has-icon-cctv label:before{
    background-image:url(img/icon/cctv.svg)
}
.c-service-detail-item.has-icon-cctv.js-active label:before{
    background-image:url(img/icon/cctv-active.svg)
}
.c-service-detail-item.has-icon-sound label:before{
    background-image:url(img/icon/sound.svg)
}
.c-service-detail-item.has-icon-sound.js-active label:before{
    background-image:url(img/icon/sound-active.svg)
}
.c-service-detail-item.has-icon-phone label:before{
    background-image:url(img/icon/phone.svg)
}
.c-service-detail-item.has-icon-phone.js-active label:before{
    background-image:url(img/icon/phone-active.svg)
}
@media (max-width:767px){
    #service-detail-modal{
        padding-bottom:0
    }
}
@media (max-width:767px){
    #service-detail-modal .c-form-footer{
        margin:0 -1rem
    }
}
@media (max-width:767px){
    #service-detail-modal .c-btn{
        width:100%;
        border-top-left-radius:0;
        border-top-right-radius:0;
        border-bottom-right-radius:.375rem;
        border-bottom-left-radius:.375rem
    }
}
#service-detail-form.js-inactive{
    display:none
}
.c-service-detail-success{
    min-height:70vh;
    display:none;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-align:center
}
.c-service-detail-success.js-active{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
@media (max-width:767px){
    .c-service-detail-success{
        margin:0 -1rem
    }
}
.c-service-detail-success figure{
    margin:auto 0 2.5rem;
    max-width:5rem;
    max-height:5rem
}
@media (min-width:768px){
    .c-service-detail-success figure{
        max-width:7.5rem;
        max-height:7.5rem
    }
}
.c-service-detail-success .u-h4,.c-service-detail-success p{
    width:80%;
    max-width:28rem
}
.c-service-detail-success .c-btn{
    margin-top:auto
}
@media (min-width:768px){
    .c-service-detail-success .c-btn{
        min-width:11.625rem
    }
}
.c-related-series{
    padding:2.5rem 0 3.5rem
}
@media (min-width:768px){
    .c-related-series{
        padding-bottom:6.25rem
    }
}
.c-show-more{
    position:relative
}
.c-show-more.has-toggler{
    padding:0 2.5rem 1rem 0
}
.c-show-more.has-toggler .c-show-more-toggler{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex
}
.c-show-more.is-collapsed{
    height:4.5rem;
    overflow:hidden
}
.c-show-more.is-collapsed .c-show-more-toggler:before{
    display:block
}
.c-show-more-toggler{
    position:absolute;
    bottom:0;
    right:0;
    display:none;
    padding-left:.5rem;
    color:#b7b5bc;
    z-index:1
}
.c-show-more-toggler:before{
    margin-right:.25rem;
    display:none;
    color:#706b7a;
    content:"..."
}
.c-show-more-toggler span{
    text-decoration:underline
}
.c-site-header-mobile{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:3.5rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    background-color:#fff;
    -webkit-box-shadow:0 0 2px 0 rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);
    box-shadow:0 0 2px 0 rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);
    z-index:99
}
@media (min-width:1024px){
    .c-site-header-mobile{
        display:none
    }
}
.c-site-header-mobile .o-container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.c-site-header-mobile .c-link,.c-site-title a{
    font-size:0;
    color:transparent
}
.c-site-title a{
    width:5rem;
    height:2rem;
    display:block;
    background:url(img/cat-logo.png) no-repeat 50%/contain
}
@media (min-width:1024px){
    .c-site-title a{
        width:9rem;
        height:5rem
    }
}
a.c-social-link{
    width:2rem;
    height:2rem;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    vertical-align:middle;
    background-repeat:no-repeat;
    background-origin:center;
    background-size:contain;
    font-size:0;
    color:transparent
}
a.c-social-link.has-icon-fb{
    background-image:url(img/icon/fb-ubs.svg)
}
a.c-social-link.has-icon-line{
    background-image:url(img/icon/line-ubs.svg)
}
a.c-social-link.has-icon-twitter{
    background-image:url(img/icon/twitter-ubs.svg)
}
a.c-social-link.has-icon-tiktok{
    background-image:url(img/icon/tiktok-ubs.svg)
}
a.c-social-link.has-icon-ig{
    background-image:url(img/icon/ig-ubs.svg)
}
.c-sub-navigation{
    height:100%;
    min-height:2.5rem;
    padding:1.5rem .5rem;
    background-color:#472487;
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2
}
@media (min-width:1024px){
    .c-sub-navigation{
        height:auto;
        padding:0
    }
}
.c-secondary-menu{
    width:100%
}
@media (min-width:1024px){
    .c-secondary-menu .menu{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
}
@media (min-width:1024px){
    .c-secondary-menu .menu-item+.menu-item{
        margin-left:2.5rem
    }
}
.c-secondary-menu .menu-item.c-line-account{
    margin-top:1.5rem;
    padding-top:1.5rem;
    border-top:1px solid #fff
}
.c-secondary-menu .menu-item.c-line-account:before{
    width:1.5rem;
    height:1.5rem;
    background-size:contain
}
@media (min-width:1024px){
    .c-secondary-menu .menu-item.c-line-account{
        margin-top:0;
        margin-left:auto;
        padding-top:0;
        border:none
    }
}
.c-secondary-menu .menu-item a{
    min-height:3rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:1rem;
    font-weight:400;
    text-decoration:none;
    text-transform:uppercase;
    color:#fff
}
@media (min-width:1024px){
    .c-secondary-menu .menu-item a{
        min-height:2.5rem;
        font-size:.875rem
    }
}
@media (min-width:1024px){
    .c-sub-navigation .o-container{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
}
.c-tabs{
    margin:2.5rem 0
}
.c-tabs-select{
    display:block
}
@media (min-width:1024px){
    .c-tabs-select{
        display:none
    }
}
.c-tabs-select select{
    width:100%
}
.c-tabs-list{
    display:none;
    border-bottom:1px solid #d8d8d8
}
@media (min-width:1024px){
    .c-tabs-list{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
}
.c-tabs-list-item{
    padding:.5rem 1rem
}
.c-tabs-list-item.js-active{
    position:relative;
    color:#ee6b2d
}
.c-tabs-list-item.js-active:after{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:4px;
    background-color:#ee6b2d;
    content:""
}
.c-tabs-list-item.js-active a{
    color:#ee6b2d
}
.c-tabs-list-item a{
    display:block;
    text-decoration:none;
    color:#706b7a
}
@media (min-width:768px){
    .c-terms{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start;
        padding-bottom:8rem
    }
}
@media (min-width:768px){
    .c-terms.js-fixed .c-terms-nav{
        position:fixed;
        top:2rem
    }
}
.c-terms.js-fixed .c-terms-content{
    width:100%
}
@media (min-width:768px) and (max-width:1023px){
    .c-terms.js-fixed .c-terms-content{
        padding-left:20rem
    }
}
@media (min-width:1024px){
    .c-terms.js-fixed .c-terms-content{
        padding-left:26rem
    }
}
@media (min-width:768px){
    .c-terms.js-invisible .c-terms-nav{
        visibility:hidden;
        opacity:0
    }
}
.c-terms-nav{
    width:16rem;
    display:none;
    background:#fff;
    -webkit-box-shadow:0 0 2px 0 rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);
    box-shadow:0 0 2px 0 rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);
    border-radius:.375rem;
    -ms-flex-negative:0;
    flex-shrink:0;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
@media (min-width:768px){
    .c-terms-nav{
        display:block
    }
}
.c-terms-nav li.active a{
    background-color:#ee6b2d;
    color:#fff
}
.c-terms-nav li a{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-decoration:none;
    padding:1rem;
    color:#706b7a
}
@media (min-width:768px) and (max-width:1023px){
    .c-terms-content{
        width:100%;
        padding-left:4rem
    }
}
@media (min-width:1024px){
    .c-terms-content{
        width:100%;
        padding-left:10rem
    }
}
.c-terms-content h1,.c-terms-content h2,.c-terms-content h3,.c-terms-content h4,.c-terms-content h5,.c-terms-content h6{
    font-size:24px;
    color:#ee6b2d
}
.c-terms-content article{
    margin-bottom:5rem
}
.c-terms-content article p:not(:last-child){
    margin-bottom:1rem
}
.c-terms-content article span{
    margin-bottom:6.25rem;
    display:block
}
.c-testimonial-company{
    padding:0 0 2rem;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-style:italic;
}
@media (min-width:768px){
    .c-testimonial-company{
        display:block;
        text-align:center;
    }
}
@media (min-width:1024px){
    .c-testimonial-company{
        padding:2rem;
        text-align:center
    }
}
.c-testimonial-company__figure{
    max-width:10rem;
    height:auto;
    margin-right:1rem;
    overflow:hidden
}
@media (min-width:768px){
    .c-testimonial-company__figure{
        margin:0 auto 1rem
    }
}
.c-usp-list{
    padding:2.5rem 0
}
@media (min-width:768px){
    .c-usp-list{
        padding:3rem 0;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.c-usp-list.is-type-a{
    padding:0
}
@media (min-width:768px){
    .c-usp-list.is-type-a{
        padding:1rem 0
    }
}
@media (min-width:1024px){
    .c-usp-list.is-type-a .c-usp__item{
        width:33.33%
    }
}
@media (min-width:768px){
    .c-usp-list.is-type-a .c-usp__item:before{
        width:2rem;
        height:2rem
    }
}
@media (min-width:768px){
    .c-usp-list.is-type-b{
        display:block
    }
}
.c-usp-list.is-type-b .c-usp__item{
    width:100%
}
@media (min-width:768px){
    .c-usp-list.is-type-b .c-usp__item:not(:last-child){
        margin-bottom:2.5rem
    }
}
@media (min-width:768px){
    .c-usp-list.is-type-c .c-usp__item{
        width:50%
    }
}
@media (min-width:768px){
    .c-usp-list.is-type-c .c-usp__item:nth-child(-n+2){
        margin-bottom:2.5rem
    }
}
.c-usp__item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media (max-width:767px){
    .c-usp__item:not(:last-child){
        margin-bottom:1.5rem
    }
}
@media (min-width:768px) and (max-width:1023px){
    .c-usp__item:nth-child(-n+2){
        margin-bottom:1.5rem
    }
}
@media (min-width:768px) and (max-width:1023px){
    .c-usp__item{
        width:50%;
        padding-right:1rem
    }
}
@media (min-width:1024px){
    .c-usp__item{
        width:25%;
        padding-right:1rem
    }
}
.c-usp__item:before{
    width:2rem;
    height:2rem;
    margin-right:.5rem;
    background:#472487 no-repeat 50%/contain;
    border-radius:100%;
    -ms-flex-negative:0;
    flex-shrink:0;
    content:""
}
@media (min-width:768px){
    .c-usp__item:before{
        width:3rem;
        height:3rem
    }
}
.c-usp__item.has-icon-work:before{
    background-image:url(img/icon/usp-work.svg)
}
.c-usp__item.has-icon-tool:before{
    background-image:url(img/icon/usp-tool.svg)
}
.c-usp__item.has-icon-globe:before{
    background-image:url(img/icon/usp-globe.svg)
}
.c-usp__item.has-icon-price:before{
    background-image:url(img/icon/usp-price.svg)
}
.c-usp__item.has-icon-check:before{
    background-image:url(img/icon/usp-check.svg)
}
@media (max-width:767px){
    .c-usp{
        padding:1rem 0
    }
}
@media (max-width:767px){
    .c-usp .c-usp-list{
        padding:1rem 0 1.5rem
    }
}
.c-usp-toggler{
    display:none;
    text-decoration:underline;
    color:#ee6b2d
}
.c-usp-toggler:after{
    width:1rem;
    height:1rem;
    margin-left:.25rem;
    background:url(img/icon/down-orange.svg) no-repeat 50%/auto;
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
    content:""
}
.c-usp.has-toggler .c-usp-toggler{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.c-usp.is-collapsed .c-usp-list{
    height:0;
    padding:0;
    margin:0;
    overflow:hidden
}
.c-usp.is-collapsed .c-usp-toggler:after{
    -webkit-transform:rotate(0);
    transform:rotate(0)
}
#video-modal{
    width:80%;
    max-width:none;
    height:0;
    padding:0 0 45%;
    position:relative
}
@media (min-width:1024px){
    #video-modal{
        max-width:45rem;
        padding-bottom:25.375rem
    }
}
#video-modal embed,#video-modal iframe,#video-modal object{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0
}
@media (min-width:768px){
    .c-why-das-we-care{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.c-why-das-we-care-item{
    margin-bottom:2rem
}
@media (min-width:768px){
    .c-why-das-we-care-item{
        width:50%;
        margin-bottom:2.5rem
    }
}
@media (min-width:768px){
    .c-why-das-we-care-item:nth-child(odd){
        padding-right:3rem
    }
}
@media (min-width:768px){
    .c-why-das-we-care-item:nth-child(2n+2){
        padding-left:48px
    }
}
.c-why-das-we-care-figure{
    margin-bottom:.5rem;
    background-color:#472487;
    border-radius:.375rem;
    position:relative;
    width:100%;
    padding-top:57.14286%;
    overflow:hidden
}
.c-why-das-we-care-figure.is-light-bg{
    background-color:#faf9fc
}
.c-why-das-we-care-figure.is-orange-bg{
    background-color:#ee6b2d
}
.c-why-das-we-care-figure img{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    max-width:80%
}
.c-why-das-we-care-item h3{
    font-size:1.5rem
}
@media (min-width:768px){
    .c-why-das-team-a,.c-why-das-team-b{
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
}
.c-why-das-team-b{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.c-why-das-team-b>.o-grid-item:first-child{
    width:50%
}
@media (min-width:768px){
    .c-why-das-team-b>.o-grid-item:first-child{
        width:33.33%;
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2
    }
}
.c-why-das-team-b>.o-grid-item:nth-child(2){
    width:50%
}
@media (min-width:768px){
    .c-why-das-team-b>.o-grid-item:nth-child(2){
        width:33.33%;
        -webkit-box-ordinal-group:4;
        -ms-flex-order:3;
        order:3
    }
}
.c-why-das-team-b>.o-grid-item:last-child{
    width:100%
}
@media (min-width:768px){
    .c-why-das-team-b>.o-grid-item:last-child{
        width:33.33%;
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1
    }
}
.c-why-das-team-figure-a,.c-why-das-team-figure-b{
    position:relative;
    border-radius:.375rem;
    overflow:hidden
}
.c-why-das-team-figure-a img,.c-why-das-team-figure-b img{
    position:absolute;
    top:0;
    left:0;
    width:100%
}
.c-why-das-team-figure-a{
    position:relative;
    width:100%;
    padding-top:66.66667%;
    overflow:hidden
}
.c-why-das-team-figure-b{
    width:50%;
    position:relative;
    width:100%;
    padding-top:100%;
    overflow:hidden
}
.c-why-das-msg{
    position:relative;
    min-height:25rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.c-why-das-msg:after{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:none;
    background:url(img/bg/bg-why-das-msg.jpg) no-repeat 0/auto;
    opacity:1;
    content:""
}
@media (min-width:768px){
    .c-why-das-msg:after{
        display:block
    }
}
.c-why-das-msg-content{
    position:relative;
    max-width:27rem;
    margin-left:auto;
    z-index:1
}
.c-why-das-msg-content .u-h4,.c-why-das-msg-content .u-p{
    color:#fff
}
.c-language-switcher{
    position:relative;
    font-size:.875rem;
    color:#fff;
    cursor:pointer
}
@media (min-width:1024px){
    .c-language-switcher{
        margin-left:auto;
        padding-left:1.5rem;
        display:-webkit-inline-box;
        display:-ms-inline-flexbox;
        display:inline-flex
    }
}
.c-language-switcher li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.c-language-switcher img{
    margin-right:.5rem;
    -ms-flex-negative:0;
    flex-shrink:0
}
.c-language-switcher a{
    text-decoration:none;
    text-transform:uppercase;
    font-size:.875rem;
    color:#fff
}
.c-language-switcher_current{
    display:none
}
.c-language-switcher_current:after{
    width:.5rem;
    height:.5rem;
    background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.125.732a.387.387 0 01-.078-.47C.129.086.274 0 .483 0h9.034c.209 0 .354.087.436.261a.387.387 0 01-.078.47L5.347 5.844A.469.469 0 014.989 6a.469.469 0 01-.358-.157L.125.732z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat 50%/auto;
    content:""
}
@media (min-width:1024px){
    .c-language-switcher_current{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
}
.c-language-switcher.js-active .c-language-switcher_current:after{
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
@media (min-width:1024px){
    .c-language-switcher.js-active .sub-menu{
        display:block
    }
}
@media (min-width:1024px){
    .c-language-switcher .sub-menu{
        position:absolute;
        top:calc(100% + .5rem);
        right:0;
        display:none;
        border-radius:.375rem;
        background-color:#fff;
        -webkit-box-shadow:0 0 .125rem 0 rgba(0,0,0,.14),0 .125rem .125rem 0 rgba(0,0,0,.12),0 .063rem .188rem 0 rgba(0,0,0,.2);
        box-shadow:0 0 .125rem 0 rgba(0,0,0,.14),0 .125rem .125rem 0 rgba(0,0,0,.12),0 .063rem .188rem 0 rgba(0,0,0,.2)
    }
}
.c-language-switcher .sub-menu li{
    min-width:8rem;
    padding:.5rem 0;
    color:#fff
}
@media (min-width:1024px){
    .c-language-switcher .sub-menu li{
        padding:.5rem 1rem;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        color:#706b7a
    }
}
@media (min-width:1024px){
    .c-language-switcher .sub-menu a{
        color:#472487
    }
}
.js-freeze .o-site{
    height:100vh;
    overflow-y:hidden
}
.js-freeze .c-site-header-mobile{
    position:absolute;
    z-index:auto
}
body.js-prevent-scrolling{
    overflow-y:hidden
}
.u-h1,.u-h2,.u-h3,.u-h4,.u-h5{
    margin-bottom:1rem
}
.u-h1 span,.u-h2 span,.u-h3 span,.u-h4 span,.u-h5 span{
    color:#F58220
}
.u-h1{
    font-size:3rem;
    line-height:3.5rem
}
@media (min-width:1024px){
    .u-h1{
        font-size:3.75rem;
        line-height:3.75rem
    }
}
.u-h2{
    font-size:2rem;
    line-height:2.375rem
}
@media (min-width:1024px){
    .u-h2{
        font-size:3rem;
        line-height:3.5rem
    }
}
.u-h3{
    font-size:2rem;
    line-height:2.375rem
}
@media (min-width:1024px){
    .u-h3{
        font-size:2.5rem;
        line-height:3rem
    }
}
.u-h4{
    font-size:1.5rem;
    line-height:1.75rem
}
@media (min-width:1024px){
    .u-h4{
        font-size:2rem;
        line-height:2.375rem
    }
}
.u-h5{
    font-size:1.125rem;
    line-height:1.5rem
}
@media (min-width:1024px){
    .u-h5{
        font-size:1.5rem;
        line-height:1.75rem
    }
}
.u-h1.has-underline:after,.u-h2.has-underline:after,.u-h3.has-underline:after,.u-h4.has-underline:after,.u-h5.has-underline:after,.u-h6.has-underline:after{
    width:3.75rem;
    height:.125rem;
    display:block;
    margin:1.5rem 0;
    background-color:#F58220;
    border-radius:.25rem;
    content:""
}
body.page-careers .o-hero{
    background:url(img/bg/bg-careers.jpg) no-repeat calc(100% + 20rem) 50%/auto 100%
}
@media (min-width:768px){
    body.page-careers .o-hero{
        background-position:calc(100% + 22rem) top;
        background-size:auto
    }
}
@media (min-width:1280px){
    body.page-careers .o-hero{
        background-position:100% 0
    }
}
body.page-careers .o-hero .archive-description{
    max-width:34rem
}
body.page-careers .o-hero .archive-description p:not(:last-child){
    margin-bottom:1.5rem
}
body.page-careers .wpcf7-form .c-field.is-center{
    max-width:432px;
    margin:0 auto
}
body.page-careers .wpcf7-form .c-field.is-center label{
    text-align:center
}
body.page-aircon-services .o-hero,body.page-cctv-rental-service .o-hero{
    min-height:30rem
}
body.page-cctv-rental-service .o-hero:after{
    background-image:url(img/bg/cctv-rental-service.jpg)
}
body.page-aircon-services .o-hero:after{
    background-image:url(img/bg/aircon-services.jpg)
}
body.page-aircon-services .o-hero,body.page-cctv-rental-service .o-hero{
    position:relative;
    background:none
}
body.page-aircon-services .o-hero:after,body.page-cctv-rental-service .o-hero:after{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#f9f8fb;
    background-repeat:no-repeat;
    background-position:100% 0;
    background-size:auto 100%;
    z-index:-1;
    opacity:.1;
    content:""
}
@media (min-width:1024px){
    body.page-aircon-services .o-hero:after,body.page-cctv-rental-service .o-hero:after{
        opacity:1
    }
}
body.page-aircon-services .c-page-description,body.page-cctv-rental-service .c-page-description{
    margin-bottom:0
}
@media (min-width:768px){
    body.page-aircon-services .c-page-description,body.page-cctv-rental-service .c-page-description{
        max-width:22rem
    }
}
@media (min-width:768px){
    body.page-aircon-services #service-form,body.page-cctv-rental-service #service-form{
        width:100%;
        max-width:28rem;
        margin-left:auto
    }
}
body.page-aircon-services #service-form .c-form-header,body.page-cctv-rental-service #service-form .c-form-header{
    margin-bottom:2.5rem
}
body.page-aircon-services #service-form .c-form-body,body.page-cctv-rental-service #service-form .c-form-body{
    margin-bottom:2rem
}
body.page-aircon-services .note{
    margin-bottom:1rem
}
body.page-aircon-services .o-offset-main-content,body.page-cctv-rental-service .o-offset-main-content{
    position:relative;
    margin-top:-31em;
    padding:4rem 0 2rem
}
@media (min-width:768px){
    body.page-aircon-services .o-offset-main-content,body.page-cctv-rental-service .o-offset-main-content{
        margin-top:-28rem
    }
}
body.page-aircon-services .o-offset-main-content+.o-section,body.page-cctv-rental-service .o-offset-main-content+.o-section{
    padding-top:2rem
}
@media (min-width:768px){
    body.page-contact-us .o-section{
        padding-top:0;
        background:#faf9fc url(img/bg-contact-us.jpg) no-repeat right 1px/auto 100%
    }
}
body.page-contact-us .c-breadcrumbs{
    margin-bottom:3.75rem
}
body.page-conversion-thank-you .o-hero{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:#fff
}
body.page-conversion-thank-you .o-hero .o-container{
    max-width:28rem;
    text-align:center
}
body.page-conversion-thank-you .c-thank-you figure{
    margin-bottom:40px
}
@media (max-width:767px){
    body.page-conversion-thank-you .c-thank-you img{
        max-width:5rem
    }
}
@media (min-width:1280px){
    body.page-conversion .c-page-description{
        max-width:26rem
    }
}
body.page-conversion .c-usp-icon{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:1rem -1rem
}
body.page-conversion .c-usp-icon img{
    margin:.5rem 1rem
}
body.page-conversion .c-usp-bullet{
    padding-left:1.5rem;
    list-style-position:inside;
    color:#472487;
    list-style:disc;
    text-align:left
}
body.page-conversion .o-site-footer{
    display:none
}
body.page-conversion .o-grid-item{
    text-align:center
}
@media (min-width:768px){
    body.page-conversion .o-grid-item{
        text-align:left
    }
}
body.page-home .c-footer-contact:after{
    background-color:#faf9fc
}
body.page-references .o-hero,body.post-type-archive-references .o-hero{
    min-height:25rem
}
@media (max-width:767px){
    body.page-references .o-hero,body.post-type-archive-references .o-hero{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
body.page-references .o-hero:after,body.post-type-archive-references .o-hero:after{
    background-image:url(img/bg/bg-references.jpg)
}
body.page-references .o-hero,body.post-type-archive-references .o-hero{
    position:relative;
    background:none
}
body.page-references .o-hero:after,body.post-type-archive-references .o-hero:after{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#fbfbfd;
    background-repeat:no-repeat;
    background-position:100% 0;
    background-size:auto 100%;
    opacity:.1;
    content:""
}
@media (min-width:768px){
    body.page-references .o-hero:after,body.post-type-archive-references .o-hero:after{
        z-index:-1
    }
}
@media (min-width:1024px){
    body.page-references .o-hero:after,body.post-type-archive-references .o-hero:after{
        opacity:1
    }
}
body.page-references .archive-description,body.post-type-archive-references .archive-description{
    max-width:23rem
}
@media (min-width:768px){
    body.page-stories .o-section,body.post-type-archive-stories .o-section{
        padding-top:3rem
    }
}
body.page-terms-of-services .o-site{
    padding-top:0
}
body.page-terms-of-services .c-site-header-mobile{
    position:relative
}
@media (min-width:1024px){
    body.page-terms-of-services .o-site-header{
        position:relative
    }
}
body.page-terms-of-services .c-breadcrumbs{
    margin-top:1rem;
    display:none
}
@media (min-width:1024px){
    body.page-terms-of-services .c-breadcrumbs{
        display:block
    }
}
body.page-terms-of-services .o-section{
    padding-top:2.5rem
}
@media (min-width:1024px){
    body.page-terms-of-services .o-section{
        padding-top:5rem
    }
}
body.page-terms-of-services .u-h3{
    margin-bottom:0
}
body.page-terms-of-services .u-h3+p{
    margin-bottom:40px
}
body.page-why-das .o-hero{
    min-height:30rem
}
@media (max-width:767px){
    body.page-why-das .o-hero{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
body.page-why-das .o-hero:after{
    background-image:url(img/bg/bg-why-das.jpg)
}
body.page-why-das .page-header{
    max-width:28rem
}
body.page-why-das .o-hero{
    position:relative;
    background:none
}
body.page-why-das .o-hero:after{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#fbfbfd;
    background-repeat:no-repeat;
    background-position:100% 0;
    background-size:auto 100%;
    opacity:.1;
    content:""
}
@media (min-width:768px){
    body.page-why-das .o-hero:after{
        z-index:-1
    }
}
@media (min-width:1024px){
    body.page-why-das .o-hero:after{
        opacity:1
    }
}
body.tax-product_category .o-hero{
    background-repeat:no-repeat;
    background-position:calc(100% + 18rem) top;
    background-size:100%
}
@media (min-width:768px){
    body.tax-product_category .o-hero{
        background-position:calc(100% + 22rem) top;
        background-size:auto
    }
}
@media (min-width:1280px){
    body.tax-product_category .o-hero{
        background-position:100% 0
    }
}
body.tax-product_category .o-hero h1{
    color:#ee6b2d
}
body.tax-product_category .o-hero h1 span{
    color:#110821
}
body.tax-product_category .o-hero .archive-description{
    max-width:46rem
}
body.tax-product_category .o-section{
    padding:2.5rem 0
}
body.single-product .c-footer-contact{
    padding-top:2.5rem;
    background-color:#edebf1
}
@media (min-width:768px){
    body.single-product .c-footer-contact{
        padding-top:5rem
    }
}
body.single-product .c-footer-contact:after{
    background-color:#edebf1
}
@media (min-width:768px){
    body.page-promotions .o-section,body.post-type-archive-promotions .o-section,body.tax-promotions_category .o-section{
        padding-top:3rem
    }
}
@media (max-width:767px){
    body.single-promotions .o-section:not(.is-light-bg){
        padding-top:0
    }
}
body.single-promotions .c-footer-contact{
    padding-top:2rem
}
@media (min-width:768px){
    body.single-promotions .c-footer-contact{
        padding-top:4rem
    }
}
body.single-promotions .c-footer-contact:after{
    background-color:#faf9fc
}
body.single-promotions .slick-list{
    padding:.5rem
}
@media (min-width:768px){
    body.page-blog .o-section,body.post-type-archive-blog .o-section,body.tax-blog_category .o-section{
        padding-top:3rem
    }
}
@media (max-width:767px){
    body.single-blog .o-section:not(.is-light-bg){
        padding-top:0
    }
}
body.single-blog .c-footer-contact{
    padding-top:2rem
}
@media (min-width:768px){
    body.single-blog .c-footer-contact{
        padding-top:4rem
    }
}
body.single-blog .c-footer-contact:after{
    background-color:#faf9fc
}
body.single-blog .slick-list{
    padding:.5rem
}
body.single-references .c-article-header:after{
    margin-top:1rem
}
@media (min-width:768px){
    body.single-references .c-article-header:after{
        margin-top:2rem
    }
}
body.single-references .slick-slide,body.single-references .slick-track{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
body.single-references .slick-slide{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    height:auto
}
.u-text-bold{
    font-weight:500
}
.u-text-black{
    color:#110821
}
.u-text-orange{
    color:#ee6b2d
}
.u-text-gray{
    color:#706b7a
}
.u-text-white{
    color:#fff
}
.u-text-center{
    text-align:center
}
.u-p{
    font-size:1.125rem;
    line-height:1.5rem
}
.u-p.has-bottom-margin{
    margin-bottom:1rem
}
.u-small{
    font-size:1rem;
    line-height:1.5rem
}
