body {



    font-size: 15px;



    font-family: 'Raleway', sans-serif;



}







img {



    max-width: 100%;



}











p {



    font-size: 18px;



    line-height: 27px;



}







strong,



b {



    font-weight: 700;



}







/*



.header-bg {



    position: absolute;



    left: 0;



    right: 0;



    margin: auto;



    display: block;



    max-width: 380px;



    top: 20px;



}



*/











.proImg {



    position: absolute;



    bottom: 0;



    width: auto;



    right: 120px;



    z-index: 0;



}







.banner {



    background: url(../../images/index/hero.jpg) no-repeat center ;



    background-size: cover;



    color: #fff;



    padding: 25px 0 30px;



}







ul.bannerList {



    list-style: none;



    margin: 25px 0 35px;



    /*    max-width: 530px;*/



    padding-left: 25px;



}







ul.bannerList li {



    position: relative;



    font-size: 18px;



    padding-bottom: 30px;padding-left: 15px;



}







ul.bannerList li:after {



    content: '';



    position: absolute;



    left: -30px;



    top: 0px;



    background: url(../../images/index/check.png) no-repeat;



    width: 26px;



    background-size: 100%;



    height: 26px;



}







ul.bannerList li:last-child {



    padding-bottom: 0px;



}







.btn-site-cta {



    width: 100%;



    max-width: 600px;



    color: #fff;



    font-size: 24px;



    line-height: 14px;



    background: #29ABE2;



    border-radius: 10px;



    outline: none;



    border: 0;



    font-family: 'Roboto', sans-serif;



    font-weight: 700;



    letter-spacing: 0.5px;



    margin: 30px auto 20px;



    padding: 24px 10px 24px;



    white-space: normal;



    -webkit-transition: all 0.5s;



    transition: all 0.5s;



}

.btn-site-cta:hover{background: #1890c3;}





.banner h2 {



    font-weight: 700;



    padding-top:0px;



    margin-bottom: 16px;



    font-size: 40px;



}







.yllwTxt {



    color: #fff;font-weight: 700;font-size: 18px;



}



.yllwTxt span{color: #FEC41E;}



.banner h4 {



    font-size: 24px;



    font-weight: 700;



    padding-top: 10px;



}







.blueStrip {



    background: #29ABE2;



    padding: 24px 0px;



}



.blueStrip h5{font-size: 25px;}



.proton-image-sec h3{font-size: 18px;text-align: center;color: #333;padding: 30px 0;}



.iconWrapper {



    min-height: 60px;



    margin: auto;



}







.proLayer {



    margin-bottom: 0px;



}











.redTxt{



    color: red;



}











/*



.icon{



	width: 120px;



}



*/







/*



img.icon.icon1, img.icon.icon3 {



    max-width: 35px;



    height: 82px;



}



*/







.three-features {



    padding: 65px 0px 30px 0px;



}







.three-features .icon {



    margin: 0 auto 20px;



    display: block;



}







.three-features h3 {



    font-weight: 700;



    font-size: 32px;



    line-height: 32px;



    max-width: 360px;



    margin: auto;



    padding-bottom: 10px;



}







.three-features .col-md-4 p {







    margin-bottom: 0;



    font-size: 24px;



    line-height: 36px;



    max-width: 280px;



    padding: 0;



    margin: auto;



}







.desktop-none {



    display: none;



}







.reviews {



font-family: 'Raleway', sans-serif;



}







.rating {



    font-size: 4.2em;



    margin-top: 10px;



    font-weight: 600;



}







.author {



    color: #494B4D;



    margin-bottom: 0px;



    font-size: 24px;



}







.author + .yellow-stars {



    margin: 15px 0px;



}







/*



.review {



    color: #898989;



    letter-spacing: 0.5px;



    font-size: 1.1em;



    line-height: 180%;



}



*/







.stars {



    color: #fab73b;



    font-size: 1.5em;



    margin-top: -12px;



}







.yellow-stars {



    color: #fab73b;



    font-size: 1.4em;



    margin-bottom: 7px;



}



.yellow-stars .grey-stars{color: #BFBFBF;}



.percentage {



    color: #3f3f3f;



    font-family: 'Raleway', sans-serif;



    font-size: 0.8em !important;



    font-weight: 700;



}







.progress {



    height: 12px !important;



    border-radius: 10px !important;



    box-shadow: none;



    -webkit-box-shadow: none;



    margin: 8px 15px 25px 0 !important



}







.progress-bar {



    background: #fab73b !important;



}







.pro-focus h2 {



    font-weight: 700;



    line-height: 50px;



    font-size: 42px;



    font-family: 'Raleway', sans-serif;color: #333;



}



.pro-focus p{color: #333;}



.pro-focus {



    position: relative;



    overflow: hidden;



    background: #fff;



    



}







.pro-focus.rt {



    padding: 50px 0px 40px 0px;



    color: #fff;



}







/*



.pro-focus.rt::before {



    content: "";



background: -webkit-gradient(linear,  left top, right top,  from(rgba(73,75,77,0.29)),to(rgba(0,0,0,0)));



background: linear-gradient(to right,  rgba(73,75,77,0.29) 0%,rgba(0,0,0,0) 100%); 



filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494b4d', endColorstr='#00000000',GradientType=1 );











    position: absolute;



    right: calc(50% - 16px);



    width: 100px;



    height: 100%;



    z-index: 999;



    top: 0px;



}



*/







.pro-focus.rt::after {



    content: "";



    background: url(../../images/index/rightBack.png);



    position: absolute;



    width: calc(50% - 50px);



    height: 100%;



    right: 0;



    top: 0;



    background-size: cover;



    background-repeat: no-repeat;



    background-position: center left;



}







.pro-focus.lt h5 {



    font-weight: 500;



    color: #494B4D;



    font-size: 40px;



}



.pro-focus.lt h6{font-weight: 700;font-size: 18px;}



.pro-focus.lt p {



    padding-bottom: 20px;



}







.pro-focus.lt p:last-child {



    padding-bottom: 0px;



}



.proton-hepa-sec{background: url(../../images/index/protons-bg.jpg) no-repeat center; background-size: cover;padding: 50px 0;}



.proton-hepa-text p{font-size: 18px; text-align: center;color: #333;padding: 20px 0;



    margin-bottom: 0;}



.pro-focus.lt::before {



    content: "";



    background-image: url(../../images/index/leftBack.jpg);



    position: absolute;



    left: 0;



    top: 60px;



    width: calc(50% - 50px);



    height: 100%;



    background-size: cover;



    background-repeat: no-repeat;



    background-position: center;



}







.banner-bottom {



    background: url(../../images/index/hero.jpg) no-repeat center top ;



    background-size: cover;



    color: #fff;



    padding: 30px 0 0px;



}







.banner-bottom h2 {



    font-size: 40px;



    line-height: 40px;



    padding-bottom: 10px;font-weight: 700;



    font-family: 'Raleway', sans-serif;



}







.bg-grey {



    background: #F8F8F8;



    padding: 60px 0px 0;



}



.blue-head h4{color: #29ABE2;font-size: 33px; font-weight: 700;}



.blue-head p{color: #333;font-size: 18px; font-weight: 400;padding: 30px 0;}



.white-bg{padding: 70px 0;}



.white-bg h3{color: #333333; font-weight: 700;font-size: 40px;margin:40px 0;}



.white-bg ul li{position: relative;list-style: none;padding-left: 40px;}



.white-bg ul li:after{content: "";background: url(../../images/index/Vector.png) no-repeat;width: 24px;



    height: 25px;



    position: absolute;



    top: 7px;



    left: 0;}



.white-bg ul li p{font-size: 18px; font-weight: 400; color: #333;}



.white-bg ul li p strong{display: block;}











.pink-bg{background: #FFF1DA; padding: 40px 90px;}







.slider-sec{background: #193D44;padding: 50px 0;}



#slider-area .owl-controls .owl-page {



    background: #fff;



    width: 10px;



    height: 10px;



    display: inline-block;



    margin: 0 5px;



    border-radius: 100%;



	 border:1px solid #fff;



}



#slider-area .owl-controls .owl-page.active{background:none;}



#slider-area .owl-controls{ display:block; text-align:center;}











#slider-area .slider-text{ color: #333;



    text-align: center;



    padding: 45px 20px;}



#slider-area .slider-text h1{ margin-top:0;}



.our_customer h2 {



    font-size: 40px;



    font-weight: 400;



    color: #494B4D;



        font-family: 'Raleway', sans-serif;



}



.rev-name {



    margin-top: 20px;



}



.rev-name h3{margin-bottom: 0;}



.rev-name h5{color: #00C249;font-weight: 700;font-size: 17px;}



.our_customer .btn-site-cta {



    max-width: 620px;



}







.progressHolder {



    width: calc(100% - 174px);



}







h4.rating {



    color: #494B4D;font-family: 'Roboto', sans-serif;



}







p.average {



    color: #494B4D;



}







p.review {



    color: #494B4D;



}







.percentage-inactive,



.percentage {



    color: #333;



    font-size: 24px !important;font-family: 'Roboto', sans-serif;



}



/* 21.06.23 starts */





@media (max-width:991px) and (min-width:575px){

    .reviews .progressHolder .progress{

        margin-bottom: 23px !important;

    }

}



/* 21.06.23 ends */



@media (max-width:1199px) and (min-width:992px){



.banner-bottom{padding: 30px 0 54px;}   







    



}







@media(max-width:991px) {







    .yellow-stars {



        margin-bottom: 2px;



    }







    ul.bannerList li {



        font-size: 16px;



        padding-bottom: 20px;



    }







    .our_customer .btn-site-cta {



        font-size: 12px;



    }







    .author + .yellow-stars {



        margin: 5px 0px;



    }







    p {



        font-size: 16px;



        line-height: normal;



    }







    .banner h2,



    .our_customer h2,



    .banner-bottom h2 {



        font-size: 24px;



    }







    h4.rating {



        font-size: 36px;



    }







    .stars {



        font-size: 10px;



    }











    .three-features h3 {



        font-size: 24px;



    }







    .three-features p {



        font-size: 18px;



        line-height: 26px;



        max-width: 100%;



    }







    .banner-bottom h2{padding-bottom: 0 !important;}



   .pro-focus.lt, .pro-focus.rt{



        padding-top: 805px;



    }



    



    .pro-focus.lt{



        margin-top: 50px;



    }



    .btn-site-cta{font-size: 17px;}



    .banner-bottom{padding: 30px 0 55px}







    



    .pro-focus.lt::before, .pro-focus.rt::after{



        width:100%;



        height: 798px;



/*        background-size: contain;*/



        top: 0px;



        right: auto;



        left: 50%;



        -webkit-transform: translateX(-50%);



        transform: translateX(-50%);



        max-width: 100%;



    }







    focus.rt::after {



        background-position: top right;



    }







    .desc {



        padding-top: 40px;



        max-width: 100%;



        margin: auto;



    }











    .pro-focus.rt::before {



        /*



        right: auto;



        width: 100px;



        height: 70vh;



        z-index: 999;



        top: 0px;



        left: 0;



*/



        display: none;



    }







    .bg-grey {



        padding: 60px 0px 30px;



    }



    .banner{

        background-position: 90%;

    }



}







@media(max-width:767px) {





    .banner h4 {



        font-size: 20px;



    }







    .proLayer {



        margin-bottom: 0px;



        margin: auto;



        max-width: 160px;



    }







    .rating {



        font-size: 24px;



    }







    .desc {



        padding-top: 40px;



    }







    .bg-grey {



        padding-bottom: 40px;



    }







    .three-features {



        padding: 30px 0px;



    }











    .three-features h3 {



        font-size: 22px;



        line-height: 22px;



    }











    .three-features p {



        font-size: 18px;



        line-height: 26px;



    }







    .pro-focus h2 {



        line-height: 40px;



        font-size: 30px;



    }







}











@media(max-width:575px) {







    .banner-bottom {



        padding: 30px 0 30px;



    }







    



    .pro-focus.lt, .pro-focus.rt {



        padding-top: 435px;



    }



    .pink-bg{padding: 40px 20px;}



    .desc {



        padding-top: 20px;



        max-width: 100%;



    }



    .white-bg h3{font-size: 27px;}



.blueStrip h4 {



    font-size: 26px;



    line-height: 34px;



}



.pro-focus.lt {



    margin-top: 0;



}



    .pro-focus.lt h5{font-size: 26px;}



    .proton-hepa-text p, .white-bg p, #slider-area .slider-text p, p.review, .blue-head p, .our_customer p, .proton-image-sec h3, .pro-focus p{font-size: 18px; line-height: 29px;}



    #slider-area .slider-text{padding: 0;}



    .blue-head h4{font-size: 26px;}



    .pro-focus.lt::before, .pro-focus.rt::after {



        width: 100%;



        height: 420px;



    }



 







    .yellow-stars {



        margin-bottom: 14px;



    }







    .yellow-stars,



    .percentage-inactive,



    .percentage {



        font-size: 14px !important;



    }







    .progressHolder {



        width: calc(100% - 114px);



    }







    .progress {



        margin: 8px 15px 20px 0 !important;



    }







    .author {



        font-size: 22px;



    }







    .banner-bottom h2 {



        padding-bottom: 0px;



        padding-top: 0px !important;



    }







    .pro-focus.lt p {



        padding-bottom: 10px;font-size: 18px;line-height: 29px;



    }



    .banner{

        background-position: 60%;

    }



}