/*
 Theme Name:   Kleanity Child
 Theme URI:    https://htmlly.com
 Description:  Goodlayers Kleanity Child Theme
 Author:       htmlly.com
 Author URI:   https://htmlly.com
 Template:     kleanity
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         christopher lisle
 Text Domain:  kleanity-child

 START YOUR CHILD THEME CSS HERE
*/

@font-face {
    font-family: 'Metropolis';
    src: url('fonts/Metropolis-Medium.woff2') format('woff2'),
        url('fonts/Metropolis-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis';
    src: url('fonts/Metropolis-SemiBold.woff2') format('woff2'),
        url('fonts/Metropolis-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis';
    src: url('fonts/Metropolis-Bold.woff2') format('woff2'),
        url('fonts/Metropolis-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis';
    src: url('fonts/Metropolis-BoldItalic.woff2') format('woff2'),
        url('fonts/Metropolis-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis';
    src: url('fonts/Metropolis-RegularItalic.woff2') format('woff2'),
        url('fonts/Metropolis-RegularItalic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis';
    src: url('fonts/Metropolis-Regular.woff2') format('woff2'),
        url('fonts/Metropolis-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}



#accordion-slider-2{
    display: none !important;
}
.accordion-clone{
    display: block;
    cursor: default;
}
.accordion-clone .accordion-item{
    position: relative;
    color: #fff;
}
.accordion-clone .main-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.accordion-clone .main-bg img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-position: top center;
}
.accordion-clone .main-cnt, .accordion-clone .main-tmb{
    position: relative;
    z-index: 2;
}
.accordion-clone .main-cnt{
    padding: 30px 20px;
}
.accordion-clone p{
    font-size: 0.8em;
    line-height: 1.5em;
    margin-bottom: 20px;
}
.accordion-clone .mcti .mc{
    padding-top: 20px;
}
.accordion-clone .mc div>img{
    display: inline-block;
    margin-bottom: 20px;
    max-width: 100%;
    height: auto;
}
.main-title{
    display: grid;
    grid-template-columns: 25px 1fr;
    gap: 15px;
}
.accordion-clone h1{
    font-size: 1.1em;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0;
}
.accordion-clone .arrw{
    width: 25px;
    height: 25px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top left;
}
.accordion-clone h5 {
    font-size: 14px;
    color: #fff;
}
.accordion-clone h4{
    display: none !important;
}
.accordion-clone .text-center{
    display: block;
    text-align: center;
    padding-top: 10px;
}
.accordion-clone .oc-demo{
    display: inline-block;
    font-family: "Montserrat", sans-serif;
    color: #B0E80D;
    font-weight: 600;
    padding: 10px 30px;
    background-color: #05202D;
    border: 1px solid #000;
    border-radius: 8px;
    text-transform: uppercase;
}
.accordion-clone .oc-demo:hover {
    opacity: 0.8;
    color: #fff;
}
.accordion-clone .tb{
    display: none;
}
.accordion-clone .tb-m{
    display: none;
    width: 100%;
    height: auto;
}

.accordion-item.item-1 h1,
.accordion-item.item-3 h1{
    color: #383838;
}

/** ADDITIONAL QBONS **/
.clearfix:after,
.clear{clear: both;display: block;height: 0;width: 100%;float: none !important;}
.footer-widget{
        padding: 55px 0 80px;
        background: #232323;
        font-family: 'Metropolis';
        font-weight: 500;
}
.footer-widget .rowflex{
        justify-content: space-between;
}
.footer-widget .qcol{
        flex: 12%;
        max-width: 12%;
}
.footer-widget .qcol:first-child{
        max-width: 18%;
        flex: 18%;
}
.footer-widget .qcol:last-child{
        flex: 25%;
        max-width: 25%;
}
.kleanity-body .footer-widget .widget_subs h3,
.kleanity-body .footer-widget .widget-title{
        color: #fff;
        font-weight: 700;
        line-height: 130%;
        margin: 0 0 15px;
        font-size: 16px;
}
.kleanity-body .footer-widget .widget_subs h3{
        font-size: 20px;
        text-align: center;
        margin: 0 0 30px;
}
.footer-widget ul{
        padding: 0;
        margin: 0;
}
.footer-widget li{
        display: block;
        line-height: 160%;
        margin: 10px 0 0;
}
.footer-widget li:first-child{
        margin: 0;
}
.footer-widget li a{
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        transition:color 0.2s ease-in;
}
.footer-widget li a:hover{
        color: #49a3e9;
}
.widget_subs input[type="email"]{
        -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	border-radius: 5px;
	display: block;
	width: 100%;
	background: #fff;
	color: #2b2b2b;
	border: none;
	font-size: 14px;
	font-family: 'Metropolis';
	font-weight: 400;
	height: 48px;
	padding: 0 20px;
        margin: 0 0 20px;
}
.kleanity-body .widget_subs input[type='submit'],
.kleanity-body .widget_subs .qbtn.qbtn-blue{
        display: block;
        width: 100%;
}
.tribute{
        background: #2b2b2b;
        padding: 20px 0;
        font-family: 'Metropolis';
        font-weight: 400;
}
.tribute .copy{
        float: left;
        line-height: 130%;
        color: #aaa;
        font-size: 14px;
}
.tribute .copy p{
        margin: 0;
        line-height: 160%;
}
.tribute .copy i{
        display: inline-block;
        vertical-align: middle;
        width: 2px;
        height: 2px;
        border-radius: 50%;
        background: #aaa;
        margin: 0 3px;
}
.tribute .social{
        float: right;
}
.tribute .social a{
        display: inline-block;
        vertical-align: middle;
        width: 32px;
        height: 33px;
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        opacity: 1;
        transition:opacity 0.2s ease-in;
}
.tribute .social a:hover{
        opacity: .7;
}
.tribute .social a.in{
        background-image: url(icon/in.png);
        margin-right: 12px;
}
.tribute .social a.yb{
        background-image: url(icon/yb.png);
}
.sf-menu .btn-blue,
.sf-menu .btn-blue a{
        border: 1px solid #49a2e9;
        background: #49a2e9;
        color: #fff;
}
#menu-main-navigation-1>li.btn-login a{
        min-width: 130px;
        text-align: center;
}
.page-template-page-product-detail .kleanity-page-title-container,
.page-template-page-homepage2 .kleanity-page-title-container{
        display: none;
}

.inner-prod{
        font-family: 'Metropolis';
        font-weight: 500;
}
.wrapper{
        width: 100%;
        max-width: 1380px;
        margin: 0 auto;
}
.rowflex{
        display: flex;
        flex-wrap: wrap;
}
.rowflex > *{
        flex: 1;
}
.qhero,
.qcta,
.qbanner{
        padding: 80px 0;
        color: #fff;
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-image: url(icon/gradient.jpg);
        text-align: center;
}
.qcta{
        padding: 120px 0;
}
.qcta .pusher,
.qbanner .pusher{
        max-width: 800px;
        margin: 0 auto;
}
.qcta .pusher{
        max-width: 900px;
}
.qbanner b{
        display: block;
        line-height: 100%;
        font-size: 20px;
        text-transform: uppercase;
        margin: 0 0 20px;
        letter-spacing: 2px;
        font-weight: 700;
}
.kleanity-body .qhero h2,
.kleanity-body .qcta h2,
.kleanity-body .qbanner h2{
        color: #fff;
        font-size: 46px;
        line-height: 130%;
        font-weight: 700;
        margin: 0 0 25px;
}
.kleanity-body .qcta h2{
        font-size: 40px;
        margin: 0 0 40px;
}
.qbanner .txt{
        font-size: 18px;
        line-height: 160%;
        max-width: 600px;
        margin: 0 auto 40px;
}
.kleanity-body .widget_subs input[type='submit'],
.kleanity-body .qbtn{
        display: inline-block;
        font-size: 14px;
        font-weight: 700;
        height: 48px;
        line-height: 48px;
        border-radius: 5px;
        padding: 0 35px;
        letter-spacing: 1px;
        transition:all 0.2s ease-in;
        background: #fff;
        color: #000;
        text-transform: uppercase;
}
.kleanity-body .qbtn:hover{
        background: #f4f4f4;
        color: #000;
}
.qbrand{
        text-align: center;
        padding: 90px 0;
}
.kleanity-body .qbrand h2{
        color: #333;
        font-size: 20px;
        letter-spacing: 1px;
        font-weight: 700;
        line-height: 130%;
        margin: 0 0 60px;
        text-transform: uppercase;
}
.qbrand figure{
        text-align: center;
}
.qbrand figure img{
        max-width: 170px;
        width: 100%;
        display: inline-block;
}
.qlist{
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4f7fa+0,f4f8fa+4,f6f7fc+4,f4f8fa+4,f4f7fa+7,f6f9fc+7,f4f7fa+7,f4f7fa+8,f6f9fb+8,f4f7fa+8,f6f8fc+9,f4f8fa+9,f6f8fc+9,f4f8fa+9,f4f7fa+10,f6f7fc+10,f4f7fa+10,f6f8fc+10,f4f7fa+10,f6f7fc+10,f5f7fa+10,f5f9fc+11,f4f7fa+11,f6f9fb+11,f6f7fa+15,f6f9fc+15,f5f7fa+16,f6f9fc+16,f5f8fa+17,f7f9fc+17,f5f8fa+17,f7f8fc+17,f5f8fa+18,f7f9fc+18,f7f8fc+19,f5f8fa+19,f7f8fc+19,f5f9fa+19,f7f8fc+19,f5f8fb+20,f7fafc+20,f7f8fa+20,f7f9fc+22,f5f9fa+22,f7f8fc+22,f6f8fb+28,f7fafd+28,f6f9fb+28,f8f9fd+29,f6f9fb+29,f7fafd+29,f6f8fb+29,f8f9fd+30,f6f9fb+30,f8f9fd+31,f6fafb+31,f8f9fd+33,f6fafb+33,f8f9fd+33,f7fafb+36,f9fafd+36,f7f9fb+37,f9fbfd+37,f7fafb+37,f8f9fb+38,f9fbfd+38,f7f9fb+39,f9fafd+39,f7fafb+39,f9fafd+39,f7fafc+41,f9fcfd+41,f7fafc+41,f9fcfd+42,f8fbfc+44,fafafe+45,f8fafc+45,f8fbfc+47,fafcfe+47,f9fafc+47,f8fbfc+47,fafafe+47,fafafe+49,fafdfc+51,fbfbfe+51,f9fcfc+52,fbfbfe+52,f9fbfc+52,fbfbfe+52,f9fbfc+53,fbfbfe+55,f9fcfc+55,fbfbfe+55,fbfbfe+56,f9fcfc+56,fbfbfe+56,fafcfd+60,fcfcff+60,fafcfd+60,fcfcff+62,fafdfd+62,fcfcff+62,fafcfd+64,fcfcff+64,fafdfd+64,fcfcfd+66,fcfeff+66,fcfcfd+66,fdfcfd+67,fcfeff+68,fcfcfd+68,fcfdff+69,fbfbfd+69,fdfdff+69,fbfdfd+69,fdfdff+70,fbfdfd+70,fdfdff+70,fbfdfe+73,fefeff+73,fbfefe+74,fdfdff+74,fcfefc+74,fdfdff+75,fffdfe+76,fcfefe+77,fffdff+77,fcfeff+77,fffdfe+78,fcfeff+78,fffdff+78,fcfefe+78,fefcfe+80,fcfefe+80,fffdff+80,fcfefe+80,fcfefe+81,fffdff+81,fcfefe+81,fffdfe+82,fcfeff+82,fffdfe+82,fcffff+83,fdfdfd+84,feffff+84,fdffff+87,fffdfd+87,fdffff+87,fffdfe+88,fdffff+88,fdffff+91,ffffff+92,fffdfd+92,fdffff+93,fffffd+93,fdffff+93,fffdfd+93,fdffff+93,fffffd+95,ffffff+100 */
        background: linear-gradient(to bottom,  rgba(244,247,250,1) 0%,rgba(244,248,250,1) 4%,rgba(246,247,252,1) 4%,rgba(244,248,250,1) 4%,rgba(244,247,250,1) 7%,rgba(246,249,252,1) 7%,rgba(244,247,250,1) 7%,rgba(244,247,250,1) 8%,rgba(246,249,251,1) 8%,rgba(244,247,250,1) 8%,rgba(246,248,252,1) 9%,rgba(244,248,250,1) 9%,rgba(246,248,252,1) 9%,rgba(244,248,250,1) 9%,rgba(244,247,250,1) 10%,rgba(246,247,252,1) 10%,rgba(244,247,250,1) 10%,rgba(246,248,252,1) 10%,rgba(244,247,250,1) 10%,rgba(246,247,252,1) 10%,rgba(245,247,250,1) 10%,rgba(245,249,252,1) 11%,rgba(244,247,250,1) 11%,rgba(246,249,251,1) 11%,rgba(246,247,250,1) 15%,rgba(246,249,252,1) 15%,rgba(245,247,250,1) 16%,rgba(246,249,252,1) 16%,rgba(245,248,250,1) 17%,rgba(247,249,252,1) 17%,rgba(245,248,250,1) 17%,rgba(247,248,252,1) 17%,rgba(245,248,250,1) 18%,rgba(247,249,252,1) 18%,rgba(247,248,252,1) 19%,rgba(245,248,250,1) 19%,rgba(247,248,252,1) 19%,rgba(245,249,250,1) 19%,rgba(247,248,252,1) 19%,rgba(245,248,251,1) 20%,rgba(247,250,252,1) 20%,rgba(247,248,250,1) 20%,rgba(247,249,252,1) 22%,rgba(245,249,250,1) 22%,rgba(247,248,252,1) 22%,rgba(246,248,251,1) 28%,rgba(247,250,253,1) 28%,rgba(246,249,251,1) 28%,rgba(248,249,253,1) 29%,rgba(246,249,251,1) 29%,rgba(247,250,253,1) 29%,rgba(246,248,251,1) 29%,rgba(248,249,253,1) 30%,rgba(246,249,251,1) 30%,rgba(248,249,253,1) 31%,rgba(246,250,251,1) 31%,rgba(248,249,253,1) 33%,rgba(246,250,251,1) 33%,rgba(248,249,253,1) 33%,rgba(247,250,251,1) 36%,rgba(249,250,253,1) 36%,rgba(247,249,251,1) 37%,rgba(249,251,253,1) 37%,rgba(247,250,251,1) 37%,rgba(248,249,251,1) 38%,rgba(249,251,253,1) 38%,rgba(247,249,251,1) 39%,rgba(249,250,253,1) 39%,rgba(247,250,251,1) 39%,rgba(249,250,253,1) 39%,rgba(247,250,252,1) 41%,rgba(249,252,253,1) 41%,rgba(247,250,252,1) 41%,rgba(249,252,253,1) 42%,rgba(248,251,252,1) 44%,rgba(250,250,254,1) 45%,rgba(248,250,252,1) 45%,rgba(248,251,252,1) 47%,rgba(250,252,254,1) 47%,rgba(249,250,252,1) 47%,rgba(248,251,252,1) 47%,rgba(250,250,254,1) 47%,rgba(250,250,254,1) 49%,rgba(250,253,252,1) 51%,rgba(251,251,254,1) 51%,rgba(249,252,252,1) 52%,rgba(251,251,254,1) 52%,rgba(249,251,252,1) 52%,rgba(251,251,254,1) 52%,rgba(249,251,252,1) 53%,rgba(251,251,254,1) 55%,rgba(249,252,252,1) 55%,rgba(251,251,254,1) 55%,rgba(251,251,254,1) 56%,rgba(249,252,252,1) 56%,rgba(251,251,254,1) 56%,rgba(250,252,253,1) 60%,rgba(252,252,255,1) 60%,rgba(250,252,253,1) 60%,rgba(252,252,255,1) 62%,rgba(250,253,253,1) 62%,rgba(252,252,255,1) 62%,rgba(250,252,253,1) 64%,rgba(252,252,255,1) 64%,rgba(250,253,253,1) 64%,rgba(252,252,253,1) 66%,rgba(252,254,255,1) 66%,rgba(252,252,253,1) 66%,rgba(253,252,253,1) 67%,rgba(252,254,255,1) 68%,rgba(252,252,253,1) 68%,rgba(252,253,255,1) 69%,rgba(251,251,253,1) 69%,rgba(253,253,255,1) 69%,rgba(251,253,253,1) 69%,rgba(253,253,255,1) 70%,rgba(251,253,253,1) 70%,rgba(253,253,255,1) 70%,rgba(251,253,254,1) 73%,rgba(254,254,255,1) 73%,rgba(251,254,254,1) 74%,rgba(253,253,255,1) 74%,rgba(252,254,252,1) 74%,rgba(253,253,255,1) 75%,rgba(255,253,254,1) 76%,rgba(252,254,254,1) 77%,rgba(255,253,255,1) 77%,rgba(252,254,255,1) 77%,rgba(255,253,254,1) 78%,rgba(252,254,255,1) 78%,rgba(255,253,255,1) 78%,rgba(252,254,254,1) 78%,rgba(254,252,254,1) 80%,rgba(252,254,254,1) 80%,rgba(255,253,255,1) 80%,rgba(252,254,254,1) 80%,rgba(252,254,254,1) 81%,rgba(255,253,255,1) 81%,rgba(252,254,254,1) 81%,rgba(255,253,254,1) 82%,rgba(252,254,255,1) 82%,rgba(255,253,254,1) 82%,rgba(252,255,255,1) 83%,rgba(253,253,253,1) 84%,rgba(254,255,255,1) 84%,rgba(253,255,255,1) 87%,rgba(255,253,253,1) 87%,rgba(253,255,255,1) 87%,rgba(255,253,254,1) 88%,rgba(253,255,255,1) 88%,rgba(253,255,255,1) 91%,rgba(255,255,255,1) 92%,rgba(255,253,253,1) 92%,rgba(253,255,255,1) 93%,rgba(255,255,253,1) 93%,rgba(253,255,255,1) 93%,rgba(255,253,253,1) 93%,rgba(253,255,255,1) 93%,rgba(255,255,253,1) 95%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        padding: 120px 0;
}
.qlist .item{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin: 150px 0 0;
}
.qlist .item:first-child{
        margin: 0;
}
.qlist .item figure{
        flex: 60%;
        max-width: 60%;
}
.qlist .item.qswitch:nth-child(even) figure,
.qlist .item.qswitch:nth-child(odd) .caption,
.qlist .item:nth-child(odd) figure{
        order: 2;
}
.qlist .item .caption{
        flex: 38%;
        max-width: 38%;
}
.qlist .item.qswitch:nth-child(even) .caption,
.qlist .item.qswitch:nth-child(odd) figure,
.qlist .item:nth-child(odd) .caption{
        order: 1;
}
.kleanity-body .qlist .hentry{
        text-align: center;
        margin: 0 0 100px;
}
.kleanity-body .qlist .hentry h2,
.kleanity-body .qlist .item h2{
        color: #18405c;
        font-weight: 700;
        line-height: 130%;
        margin: 0 0 20px;
        font-size: 32px;
}
.kleanity-body .qlist .hentry h2{
        font-size: 40px;
}
.kleanity-body .qlist .hentry .txt,
.qlist .item .txt{
        color: #333;
        font-size: 18px;
        line-height: 150%;
}
.kleanity-body .qlist .hentry .txt{
        max-width:730px;
        margin: 0 auto;
}
.qpromo{
        position: relative;
        background: #18405c;
        margin: 300px 0 0;
        padding: 150px 0;
}
.qpromo .plank{
        position: relative;
        text-align: right;
        padding: 50px;
        margin-top: -390px;
}
.qpromo .plank img{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 1;
        border-radius: 10px;
}
.qpromo .plank .caption{
        display: inline-block;
        position: relative;
        z-index: 2;
        max-width: 500px;
        text-align: right;
}
.qpromo .plank .hentry{
        margin: 0 0 100px;
}
.qpromo .plank .hentry b{
        display: block;
        line-height: 100%;
        color: #49a2e9;
        font-size: 60px;
        font-weight: 700;
        margin: 0 0 15px;
}
.qpromo .plank .hentry  strong{
        color: #18405c;
        font-size: 34px;
        font-weight: 700;
        line-height: 130%;
}
.qpromo .plank .txt{
        line-height: 100%;
        font-weight: 600;
        color: #18405c;
        font-size: 28px;
}
.qpromo .plank small{
        display: block;
        color: #18405c;
        font-weight: 700;
        font-style: italic;
        font-size: 20px;
        line-height: 100%;
}
.qpromo .copy{
        margin: 150px 0 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        color: #fff;
}
.qpromo .copy figure{
        flex: 50%;
        max-width: 50%;
}
.qpromo .copy figure img{
        border-radius: 10px;
}
.qpromo .copy figure a{
        display: block;
        overflow: hidden;
        border-radius: 10px;
        position: relative;
        border: 1px solid #071016;
}
.qpromo .copy figure a:after{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        content: '';
        background: rgba(19,54,78,.5);
}
.qpromo .copy figure img{
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
}
.qpromo .copy .caption{
        flex: 42%;
        max-width: 42%;
}
.qpromo .copy figure span{
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
        text-align: center;
        z-index: 3;
}
.qpromo .copy figure i{
        display: inline-block;
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-image: url(icon/play.png);
        width: 52px;
        height: 52px;
}
.kleanity-body .qpromo .copy h2{
        font-size: 36px;
        line-height: 130%;
        color: #fff;
        margin: 0 0 20px;
        max-width: 420px;
}
.qpromo .copy .txt{
        font-size: 18px;
        max-width: 500px;
}
.qpromo .copy .qbtn{
        margin: 20px 0 0;
}
.kleanity-body .qhero .act a.qbtn-hollow:before,
.qpromo .copy .qbtn:before{
        display: inline-block;
        vertical-align: middle;
        position: relative;
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-image: url(icon/play.png);
        width: 16px;
        height: 16px;
        content: '';
        margin-right: 10px;
        top: -1px;
}
.kleanity-body .widget_subs input[type='submit'],
.kleanity-body .qbtn.qbtn-blue{
        color: #fff;
        background: #49a2e9;
}
.kleanity-body .widget_subs input[type='submit']:hover,
.kleanity-body .qbtn.qbtn-blue:hover{
        color: #fff;
        background: #1c88e1;
}
.kleanity-body .qbtn.qbtn-hollow{
        background: rgba(255,255,25,0);
        border: 1px solid #fff;
        color: #fff;
        line-height: 46px;
}
.kleanity-body .qbtn.qbtn-hollow:hover{
        background: #1c88e1;
        color: #fff;
        border-color: #1c88e1;
}
.inner-home{
        font-family: 'Metropolis';
        font-weight: 500;
}
.qhero{
        text-align: left;
        color: #fff;
        padding: 100px 0;
}
.qhero .rowflex{
        justify-content: space-between;
        align-items: center;
}
.qhero figure{
        flex: 35%;
        max-width: 35%;
}
.qhero .caption{
        flex: 60%;
        max-width: 60%;
}
.kleanity-body .qhero h2{
        font-size: 40px;
}
.qhero .txt{
        font-size: 18px;
        max-width: 650px;
}
.qhero .act{
        margin: 20px 0 0;
}
.qhero .act a{
        margin: 0 10px 10px 0;
}
.qstat .rowflex{
        justify-content: center;
        margin: 0 -20px;
}
.qstat{
        padding: 0 0 80px;
}
.qstat .item{
        flex: calc(33.333333333333% - 40px);
        max-width: calc(33.333333333333% - 40px);
        margin: 0 20px 35px;
        background: #f5f7fa;
        border-radius: 10px;
        padding: 50px 15px;
        text-align: center;
}
.qstat .item b{
        display: block;
        line-height: 130%;
        margin: 0 0 10px;
        color: #49a2e9;
        font-size: 40px;
        font-weight: 700;
}
.qstat .item p{
        margin: 0;
        color: #232323;
        font-size: 23px;
        font-weight: 600;
}
.qteam{
        padding: 100px 0;
        background: #18405c;
}
.kleanity-body .qplat h2,
.kleanity-body .qteam h2{
        text-align: center;
        font-weight: 700;
        color: #fff;
        font-size: 36px;
        line-height: 130%;
        margin: 0 0 80px;
}
.qteam .rowflex{
        margin: 0 -25px;
}
.qteam .item{
        flex: calc(50% - 50px);
        max-width: calc(50% - 50px);
        margin: 0 25px 50px;
        background: #13364e;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        border-radius: 10px;
        color: #fff;
        align-items: center;
        padding: 50px;
}
.qteam .item figure{
        flex: 25%;
        max-width: 25%;
}
.qteam .item figure img{
        border-radius: 50%;
        border: 1px solid #0a1c28;
}
.qteam .item .caption{
        flex: 70%;
        max-width: 70%;
}
.kleanity-body .qteam .item h3{
        font-size: 23px;
        color: #fff;
        font-weight: 700;
        line-height: 130%;
        margin: 0 0 15px;
}
.qteam .txt{
        font-size: 17px;
        line-height: 160%;
}
.qteam p{
        margin: 0;
        line-height: 160%;
}
.qplat{
        padding: 80px 0 ;
}
.kleanity-body .qplat h2{
        color: #18405c;
        margin: 0 0 60px;
}
.qtab .qhead{
        display: flex;
        justify-content: center;
}
.qtab .qborder{
        height: 1px;
        background: #c0c6d9;
        margin: 0 0 80px;
        width: 100%;
}
.qtab .qhead a{
        padding: 0 10px 10px;
        position: relative;
        color: #18405c;
        font-size: 16px;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-weight: 700;
        flex: auto;
        transition:color 0.2s ease-in;
        text-align: center;
        margin: 0 30px;
}
.qtab .qhead a:hover,
.qtab .qhead a.active{
        color: #49a2e9;
}
.qtab .qhead a:after{
        display: none;
        position: absolute;
        left: 0;
        bottom: -3px;
        height: 5px;
        width: 100%;
        content: '';
        background: #49a2e9;
}
.qtab .qitem.active,
.qtab .qhead a.active:after{
        display: block;
}
.qtab .qitem{
        display: none;
}
.qtab .qitem .rowflex{
        justify-content: space-between;
        align-items: center;
}
.qtab .qitem figure{
        order: 2;
        flex: 60%;
        max-width: 60%;
}
.qtab .qitem .caption{
        order: 1;
        flex: 35%;
        max-width: 35%;
}
.kleanity-body .qtab .qitem h3,
.qtab .qitem span{
        display: block;
        line-height: 100%;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 700;
        color: #18405c;
        margin: 0 0 20px;
}
.kleanity-body .qtab .qitem h3{
        text-transform: none;
        line-height: 130%;
        letter-spacing: 0px;
}
.qtab .qitem .txt{
        line-height: 150%;
        color: #333;
        font-size: 17px;
}
.qtab .qitem .qbtn{
        margin: 10px 0 0;
}
.footer-widget .widget_media_image img{
        width: 184px;
        height: auto;
}
.footer-widget .widget_nav_menu ul li{
        padding: 0;
        border: none;
        margin: 12px 0 0;
}
.footer-widget .widget_nav_menu ul li:first-child{
        margin: 0;
}
.widget_subs .gdlr-core-column-100 p,
.footer-widget .widget_nav_menu ul li:before{
        display: none;
}
.footer-widget .wpcf7-response-output,
.kleanity-body .footer-widget span.wpcf7-not-valid-tip,
.footer-widget .wpcf7 form.invalid .wpcf7-response-output,
.footer-widget .wpcf7 form.unaccepted .wpcf7-response-output,
.footer-widget .wpcf7 form.payment-required .wpcf7-response-output{
        color: #fff;
}
.widget_subs .gdlr-core-column-100{
        position: relative;
}
.widget_subs .wpcf7-spinner{
        position: absolute;
        right: 0;
        top: 12px;
}
@media(max-width: 1439px){
        .wrapper{
                padding-left: 30px;
                padding-right: 30px;
                width: 100%;
        }
        .qtab .qhead{
		flex-wrap: nowrap;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		display: flex;
                justify-content: flex-start;
                border: none;
                padding: 0 0 5px;
                position: relative;
	}
        .qtab .qhead::-webkit-scrollbar {
		width: 0px;
		background: transparent; /* make scrollbar transparent */
	}
       /* .qtab .qhead:after{
                display: block;
                position: absolute;
                left: 0;
                bottom: 3px;
                content: '';
                height: 1px;
                background: #c0c6d9;
                width: 100%;
                z-index: 1;
        }*/
	.qtab .qhead a{
		flex: 0 0 auto;
		margin: 0 50px 0 0;
                position: relative;
                z-index: 2;
	}
}
@media(max-width: 991px){
        .footer-widget .qcol{
                flex: 30%;
                max-width: 30%;
                margin: 40px 0;
        }
        .qhero figure,
        .qhero .caption,
        .footer-widget .qcol:last-child,
        .footer-widget .qcol:first-child{
                flex: 100%;
                max-width: 100%;
                text-align: center;
        }
        .qbrand .rowflex{
                justify-content: center;
        }
        .qbrand figure{
                flex: 33.3333333333%;
                max-width: 33.3333333333%;
                margin: 0 0 20px;
        }
        .qhero figure{
                margin: 50px 0 0;
        }
        .qhero .txt{
                margin: 0 auto 20px;
        }
        .qstat .rowflex{
                margin: 0 -8px;
         }
         .qstat .item {
                flex: calc(50% - 16px);
                max-width: calc(50% - 16px);
                margin: 0 8px 20px;
                padding: 20px 5px;
        }
        
}
@media (max-width: 768px) {
        .footer-widget .qcol,
        .footer-widget .qcol:last-child,
        .footer-widget .qcol:first-child{
                flex: 100%;
                max-width: 100%;
                margin: 0;
        }
        .footer-widget .qcol > *{
               margin-bottom: 30px;
        }
        .footer-widget{
               padding: 40px 0 ;
        }
        .tribute .copy,
        .tribute .social{
               float: none;
               width: 100%;
        }
        .tribute .social{
               margin: 20px 0 0;
        }
        .qcta{
                padding: 80px 0;
        }
        .qplat,
        .qteam,
        .qhero,
        .qlist,
        .qbrand{
               padding: 50px 0;
        }
        .qstat{
                padding: 0 0 50px;
        }
        .qlist .item.qswitch:nth-child(even) figure,
        .qlist .item.qswitch:nth-child(odd) .caption,
        .qlist .item.qswitch:nth-child(even) .caption,
        .qlist .item.qswitch:nth-child(odd) figure,
        .qtab .qitem figure,
        .qtab .qitem .caption,
        .qpromo .copy figure,
        .qpromo .copy .caption,
        .qlist .item:nth-child(odd) figure,
        .qlist .item:nth-child(odd) .caption,
        .qlist .item figure,
        .qlist .item .caption{
               flex: 100%;
               max-width: 100%;
               order: 1;
        }
        .qlist .item.qswitch:nth-child(odd) .caption,
        .qlist .item.qswitch:nth-child(even) .caption,
        .qtab .qitem .caption,
        .qpromo .copy .caption,
        .qlist .item:nth-child(odd) .caption,
        .qlist .item .caption{
               order: 2;
               margin: 30px 0 0;
        }
        .qpromo .copy,
        .qlist .item{
               margin: 60px 0 0;
        }
        .qtab .qborder{
                margin: -21px 0 50px;
        }
        .kleanity-body .qlist .hentry,
        .kleanity-body .qplat h2, .kleanity-body .qteam h2,
        .qpromo .plank .hentry{
               margin: 0 0 50px;
        }
        .qpromo .plank{
               text-align: center;
               padding: 30px;
               margin-top: -350px;
        }
        .qpromo .plank .caption{
               text-align: center;
        }
        .qpromo{
               padding-bottom: 60px;
               margin: 200px 0 0;
        }
         .qhero .act a{
                margin: 0 3px;
                padding: 0 15px !important;
                font-size: 12px;
         }
         .qteam .rowflex,
         .qstat .rowflex{
                margin: 0;
         }
         .qteam .item,
         .qstat .item {
                flex: 100%;
                max-width: 100%;
                margin: 0 0 20px;
        }
        .qteam .item{
                padding: 15px 10px 15px 15px;
        }
        .kleanity-body .qteam .item h3{
              margin: 0 0 8px;
        }
        
        .qteam p{
                line-height: 130%;
        }
        .qtab .qhead a{
                font-size: 14px;
                margin: 0 20px 0 0;
                font-weight: 600;
        }
        .qtab .qhead a:after{
                height: 3px;
        }
         
         .qpromo .plank .hentry b{
                font-size: 40px;
         }
         .kleanity-body .qlist .hentry h2,
         .kleanity-body .qplat h2, .kleanity-body .qteam h2,
         .qstat .item b,
        .kleanity-body .qhero h2,
        .kleanity-body .qpromo .copy h2,
        .kleanity-body .qcta h2, .kleanity-body .qbanner h2{
                font-size: 30px;
        }
        .kleanity-body .qtab .qitem h3,
        .qpromo .plank .hentry strong{
                font-size: 28px;
        }
        .kleanity-body .qlist .item h2{
                font-size: 24px;
        }
        
        .qpromo .plank small,
        .qpromo .plank .txt{
                font-size: 20px;
        }
        .kleanity-body .qteam .item h3{
                font-size: 18px;
        }
        .qstat .item p,
        .qhero .txt,
        .qpromo .copy .txt,
        .qlist .item .txt{
                font-size: 16px;
        }
        .kleanity-body .qlist .hentry .txt,
        .qtab .qitem .txt,
        .qtab .qitem span,
        .kleanity-body .qbrand h2,
        .qbanner b,
        .qbanner .txt{
                font-size: 14px;
        }
        .qteam .txt{
                font-size: 13px;
        }
        
}
/** END OF ADDITIONAL QBONS **/

@media(min-width: 978px){
    .accordion-item{
        display: grid;
        flex-flow: row wrap;
        grid-template-columns: 68% 1fr;
    }
    .accordion-clone .tb{
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top left;
    }

    .accordion-clone h1{
        font-size: 1.8em;
        letter-spacing: 0.1em;
        text-transform: uppercase;
    }
    .accordion-clone p{
        font-size: 16px;
    }
    .accordion-clone h5 {
        font-size: 20px;
    }
    .accordion-clone .arrw{
        position: relative;
        top: 4px;
    }
    .accordion-clone .mcti{
        max-height: 0;
        overflow: hidden;
        transition: all ease-in-out 500ms;
    }
    .accordion-clone .mcti>div{
        opacity: 0;
        transition: all ease-in-out 300ms;
        transition-delay: 100ms;
    }
    .accordion-clone .accordion-item.open .mcti{
        max-height: 100vh;
    }
    .accordion-clone .accordion-item.open .mcti>div{
        opacity: 1;
    }
    .accordion-clone .main-title > *,
    .accordion-clone .main-tmb > * {
        pointer-events: none;
    }
    .accordion-clone .mcti .mc{
        padding-left: 40px;
        padding-right: 40px;
    }
}