@charset "utf-8";
/* CSS Document */

body { font-size:16px; line-height:22px; color:#676767; font-family: 'Raleway', sans-serif; margin:0; padding:0; }

.section-title{ font-family: 'Montserrat', sans-serif; font-size:30px; font-weight:400; color:#525d62; margin-bottom:60px; position:relative; }
.grey-title-bg{ position:relative; }
.grey-title-bg::before{ width:61px; height:2px; background:#d0d0d0; position:absolute; left:0; bottom:-38px; content:""; }
.green-title-bg{ position:relative; }
.green-title-bg::before {background:#5ebd2e; bottom:-35px; content: ""; height:2px; left:47%; position:absolute; width:61px; }
.darkgrey-title-bg{ position:relative; }
.darkgrey-title-bg::before{ width:61px; height:2px; background:#8d8d8d; position:absolute; left:32px; bottom:-30px; content:""; }
.section-mini-title{ font-family: 'Montserrat', sans-serif; font-size:20px; font-weight:400; color:#575757; }

.inner-section-title{ font-family: 'Montserrat', sans-serif; font-size:27px; font-weight:400; color:#5a5f65; margin-bottom:22px; }



.white{ color:#fff; }
p.green-txt{ font-size:18px; color:#69ac00; display:block; margin-bottom: 35px; }


.green-btn {
    background: #79bc0f none repeat scroll 0 0;
    border-radius: 50px;
    color: #ffffff;
    display: inline-block;
    font-family: "Montserrat",sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
    padding: 13px 58px;
    text-align: center;
    text-shadow: 0 1px 1px #3d9e00;
    box-shadow:0 -1px 0 #42ab00 inset;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
}
.green-btn:hover{ background:#5c8c0f; color:#fff; text-shadow:0 1px 1px #5c8c0f; box-shadow:0 -1px 0 #5c8c0f inset; }


a{ color: #969c9e; outline: medium none; text-decoration: none; transition: all 0.5s ease 0s; }
a:hover{ color:#79bc0f; }
a:focus{ outline:none; }


/***** Custom Header *****/
.custom-header-inner { padding-top:60px; position:relative; background: url(../img/inner-header-bg.jpg) center top no-repeat; background-size:cover; min-height:703px; overflow:hidden; }


.headerRightlist { float: right; }
.headerRightlist ul{ margin:0; padding:16px 0 0 0; list-style:none; text-align:right; float:left; }
.headerRightlist ul li{ display:inline-block; margin-right:18px; position:relative;  }
.headerRightlist ul li:last-child{ margin-right:0; }
.headerRightlist ul li a{ color:#fff; font-family: 'Montserrat', sans-serif; font-size:11px; text-transform:uppercase; text-align:left; display:block; letter-spacing: 1px; }
.headerRightlist ul li a:hover{ color:#bfff5b; }

.custom-menu {
    cursor: pointer;
    float: left;
    margin-left: 28px;
    margin-top: 19px;
}

.trigger {
    display:block;
    float:right;
}
span.line {
    background:#FFFFFF;
    width:19px;
    height:2px;
    margin:2px 0;
    float:left;
    clear:both;
}
.toogle_content {
    background:#79bc0f;
    position:absolute;
    top:46px;
    right:56px;
    width:200px;
    display:none;
    z-index:99;

}
.toogle_content ul { text-align:left; padding:0px 0; }
.toogle_content ul li {
    border-bottom: 1px dotted #343434;
    color: #fff;
    line-height: 22px;
    margin: 0;
    opacity: 1;
    text-shadow: none !important;
    width: 100%;
}
.toogle_content ul li:hover {
    background:#272421;
}
.toogle_content ul li:hover a {
    color:#fff;
}
.toogle_content ul li:last-child {
    border:none;
}
.toogle_content ul li a {
    font-size:13px;
    color:#FFFFFF; padding:5px 15px; display:block;
    letter-spacing:1px; text-transform:uppercase;
}

.my-cart { float: left; padding:16px 0 0 32px; position: relative; }
.my-cart a { background: rgba(0, 0, 0, 0) url("../img/sprite.png") no-repeat scroll 0 -178px; display: block; height: 23px; width: 25px; }
.my-cart a span {
    background: #79bc0f none repeat scroll 0 0;
    border-radius: 100%;
    color: #fff;
    display: block;
    font-size: 8px;
    height: 14px;
    left: -4px;
    line-height: 14px;
    position: relative;
    text-align: center;
    top: -4px;
    width: 14px;
}

.top-cont-inner{ padding-top:10px; clear:both;  }
.header-left-cont { float: left; padding-top: 110px; width: 37%; margin-left:-30px; }
.header-left-cont p.head-green{ font-size:16px; color:#90cf2d; font-weight:500; line-height:30px; padding-top:30px; margin:0; }


.header-mid { float: left; width: 24%; text-align:center; padding-top: 210px; }
.header-rating{ padding-top:40px; text-align:center; }

.header-right-cont { float: right; width: 40%; }

.headerHeadingnew{ color:#fff; font-size:32px; font-family: 'Montserrat', sans-serif; text-shadow:0 1px 1px #7f7f7f; font-weight:200; }
.headerHeadingnew p{ display:block; font-size:17px; padding-top:38px; text-transform:uppercase; font-weight:400; letter-spacing: 2px; color:#fff; }
.headerContentWrapnew{ overflow: hidden; padding-top: 45px; }
.headerContentWrapnew span{ font-size:16px; color:#90cf2d; font-weight:500; text-align:left; display:block; margin-top:10px; }
.headerContentWrapnew .topContactNumber{ display:inline-block; padding-top: 13px; text-align: center; margin-left:20px; }
.topContactNumber a {
    background: rgba(0, 0, 0, 0) url("../img/sprite.png") no-repeat scroll 0 3px;
    color: #fff;
    display: block;
    font-family: "Montserrat",sans-serif;
    font-size: 24px;
    letter-spacing: 2px;
    padding-left: 32px;
    text-shadow: 0 1px 1px #000;
}
.topContactNumber a:hover{ background: rgba(0, 0, 0, 0) url("../img/sprite.png") no-repeat scroll 0 -56px; color:#bfff5b; }



.header-snoring-img img { }
.header-right-cont ul{ list-style:none; margin:0 56px 0 0; padding:0 0 20px; float:right; }
.header-right-cont ul li{ margin-right:30px; float:left; }
.header-right-cont ul li:last-child { margin-right:0; }


ul.Samelist{ margin:0; padding:0; list-style:none; display:inline-block; text-align:center; width:100%; }
ul.Samelist li{ background:url(../img/sprite.png) 0 -125px no-repeat; margin-right:44px; display:inline-block; font-family: "Montserrat",sans-serif; color:#fff; text-transform:uppercase; letter-spacing:2px; font-size:14px; font-weight:700; padding-left: 32px; }
ul.Samelist li:last-child{ margin-right:0; }

/***** Custom Header *****/




/***** Custom Testimonial And Video Section *****/
.inner-mid-section{  margin:0px 0 40px; }
.innerproofVideo .inner-section-title{ font-size:25px; font-weight:400; text-align:center; }
.innerproofVideo p{ text-align:center; color:#676767; font-size:12px; padding-top:18px; font-weight:400; }
.innerproofVideo { float: left; width: 35%; }
.innerproofVideoimg{ margin-left: -90px; margin-top: -22px; position: relative; z-index: 9; }
.innerproofVideoimg .video{     margin-left: 21px;
    width: 543px; background:#79bc0f; padding:5px;  }

.inner-custom-testimonial{ float: right; margin-top:60px; width: 58%; }
.inner-custom-testimonial .inner-section-title{ text-align:center; padding-top:55px; margin-bottom:16px; position:relative; }
.inner-custom-testimonial .inner-section-title::before{ background:url("../img/sprite.png") no-repeat scroll center -470px; width:100%; height:32px; position:absolute; left:0px; top:0px; content:""; }
.inner-custom-testimonial span{ color:#7dc500; font-family: "Montserrat",sans-serif; font-size:17px; font-weight:400; text-align:center; text-transform:uppercase; display:block; letter-spacing:2px; }
.inner-testi-wrapper { box-sizing: border-box; margin: 0 auto; max-width: 100%; padding:0 50px; text-align: center; margin-top:20px; }
.inner-testi-wrapper p{ line-height:32px; color:#9a9a9a; font-size:15px; }
.inner-testi-wrapper p strong{ color:#5e5e5e; }

.inner-testi-wrapper .owl-theme .owl-controls { margin-top: 0; text-align: center; }


.inner-testi-wrapper .owl-buttons{ position: relative; }
.inner-testi-wrapper .owl-buttons div{ background:url(../img/inner-arrow.png) 0 0 no-repeat; width:13px; height:28px; display:block; font-size:0px; position: absolute; top:-150px; }

.inner-testi-wrapper .owl-buttons .owl-prev{ background-position:0 0px; left:-30px; transition: all 0.5s ease 0s; }
.inner-testi-wrapper .owl-buttons .owl-prev:hover{ background-position:0 -50px; }

.inner-testi-wrapper .owl-buttons .owl-next{ background-position:-44px 0px; right:-30px; transition: all 0.5s ease 0s; }
.inner-testi-wrapper .owl-buttons .owl-next:hover{ background-position:-44px -50px; }

.inner-testi-wrapper .owl-theme .owl-controls .owl-page span{
    display: block;
    width:7px;
    height:7px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #c4cfd5;
}

/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */
.owl-carousel{
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
    float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
    cursor: pointer;
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}

/* Styling Next and Prev buttons */

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
    text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
    display: block;
    width:8px;
    height:8px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #c4cfd5;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    background:#7dc500;
    opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

/* preloading images1 */
.owl-item.loading{
    min-height: 150px;
    background: url(AjaxLoader.gif) no-repeat center center
}

/***** Custom Testimonial And Video Section *****/

/***** Proof Zyppah Section *****/
.proof-zyppahsec{ background:url(../img/Proof-Zyppah-img.jpg) center top no-repeat; background-size:cover; min-height:939px; padding-top:114px; }
.proof-zyppahsec p.green-txt{ margin-bottom:65px; line-height:35px; }
.proof-zyppahsec .section-title{ }
.proof-zyppahsec span.green-txt { width: 93%; }
.proof-zyppahVideo { float: left; width:100%; position:relative; }
.proof-zyppahVideo p{ text-align:center; color:#676767; font-size:12px; padding-top:18px; }
.prodBox { overflow:hidden; margin-bottom:20px;}
.prodBox img{ width:214px; float:left; margin-right:20px; }
.prodBox h3 {color:#79bc0f; font-size:22px; margin-bottom:15px;     font-weight: 600;}
.prodBox .price{margin-bottom: 15px;}
.prodBox .price span.red{ font-size:24px; color:#c05340; }
.prodBox .price span.cutPr{ color: #3c3c3c;     font-size: 18px;    text-decoration: line-through;}
/***** Proof Zyppah Section *****/

/***** Custom Video *****/
.custom-video{ background:url(../img/video-bg.jpg) center top no-repeat; background-size:cover; padding:200px 0 0; min-height:650px; text-align:center; margin-bottom:0px; }
.custom-video .section-title{ margin-bottom:40px; }
.play-button{ margin:0 auto 40px; width:111px; height:111px; }
.custom-video span{ font-family: "Montserrat",sans-serif; color:#fff; text-transform:uppercase; letter-spacing:2px; font-size:18px; font-weight:400; }

.custom-video .play-button a{ background:url(../img/sprite.png) -9px -1185px no-repeat; width:111px; height:111px; display:block; }

@media all {
    .featherlight { display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:2147483647; text-align:center; white-space:nowrap; cursor:pointer; background:#333; background:rgba(0, 0, 0, 0); }
    .featherlight:last-of-type { background:rgba(0, 0, 0, .8); }
    .featherlight:before { content:''; display:inline-block; height:100%; vertical-align:middle; margin-right:-.25em }
    .featherlight-iframe .featherlight-content{ min-width:70%!important; max-height:100%!important;}

    .featherlight .featherlight-content{ position:relative; text-align:left; vertical-align:middle; display:inline-block; padding:25px;  min-width:30%; max-height:70%; background:#fff; cursor:auto; white-space:normal }
    .featherlight .featherlight-inner { display:block }

    .featherlight .featherlight-close-icon {
        background: #79bc0f none repeat scroll 0 0;
        border-radius: 100%;
        color: #fff;
        cursor: pointer;
        font-family: Arial,sans-serif;
        line-height: 30px;
        position:absolute;
        right:-10px;
        text-align: center;
        top:-10px;
        width: 30px;
        z-index: 9999;
    }
    .featherlight .featherlight-close-icon:hover{ background:#fff; color:#000; }
    .featherlight .featherlight-image { width:100% }
    .featherlight-iframe .featherlight-content {  }
    .featherlight iframe { border:0 }

}
@media only screen and (max-width:1024px) {
    .featherlight .featherlight-content {
        margin-left:5px;
        margin-right:5px;
        max-height:98%;
        padding:10px 10px 0;
        border-bottom:10px solid transparent
    }
}

/***** Custom Video *****/

/***** Custom About Us *****/
.custom-about{ background:url(../img/snoring-image-2.jpg) center top no-repeat; margin:140px 0 20px; min-height:625px;  }
.custom-about p.green-txt{ line-height:35px; }
.custom-about p.para-txt{ line-height:35px; }
.custom-about ul{ list-style:none; margin:50px 0 0 0; padding:0; }
.custom-about ul li{ display:inline-block; margin-right:30px; }
.custom-about ul li:last-child{ margin-right:0px; }
/***** Custom About Us *****/

/***** custom-how-it-works *****/
.custom-how-it-works{ background:url(../img/how-it-works-img.jpg) center top no-repeat; background-size:cover; padding:145px 0 0 0; min-height:940px; overflow:hidden; }
.custom-how-it-works .section-title{ text-align:center; font-size:40px; }

.moniter-sec{ background:url(../img/zyppah-img.png) center top no-repeat; position:relative; height:419px; margin:150px auto 100px; max-width:426px; }
.popup-area {
    float: left;
    height: 56px;
    left: auto;
    position: absolute;
    right: auto;
    width: auto;
}
.popup-area .tick{ width:56px; height:56px; float:left;}
.popup-area .tick i{ float:left; position:absolute; z-index:1;}
.popup-area .tick i a.plus-icon{ background:url(../img/sprite.png) 0 -235px no-repeat; width:56px; height:56px; display:block; font-size:0; transition: none 0s ease 0s ; }
.popup-area.open .tick i a.plus-icon{ background:url(../img/sprite.png) 0 -360px no-repeat; }


.popup{
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    left: -270px;
    padding:24px 30px;
    position: relative;
    top: 25px;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 300px;
    text-align: left;
}


.ps1 .popup { left: -288px; top:-70px; }
.ps3 .popup{ left: -287px; top:-11px; z-index: 9; }
.ps3 .tick i{ z-index:99; }
.ps2 .popup-right { left: 50px; top: -79px; }
.ps4 .popup-right { left: 56px; top:-8px; z-index: 9; }
.ps5 .popup { left: -282px; top: -42px; }
.ps4 .tick i{ z-index:99; }

.popup.in {
    transform: scale(1.1);
    transition: all 0.5s ease 0s;
    visibility: visible;
}


.popup-right{
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    right: -38px;
    padding:20px 35px;
    position: relative;
    text-align: left;
    top: 25px;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 300px;
    text-align: left;
}


.popup-right.in {
    transform: scale(1.1);
    transition: all 0.5s ease 0s;
    visibility: visible;
}


.popup .how-title{ font-size:16px; font-weight:700; text-transform:uppercase; color:#fff; padding-bottom:4px; font-family: "Montserrat",sans-serif; line-height:27px; letter-spacing:2px; }
.popup p{ font-family: "Montserrat",sans-serif; font-size:16px; font-weight:400; color:#5ebd2e; line-height:27px; text-transform:none; margin:0;}

.popup-right .how-title{ font-size:16px; font-weight:700; text-transform:uppercase; color:#fff; padding-bottom:4px; font-family: "Montserrat",sans-serif; line-height:27px;  letter-spacing:2px;}
.popup-right p{ font-family: "Montserrat",sans-serif; font-size:16px; font-weight:400; color:#5ebd2e; line-height:27px; text-transform:none; margin:0;}

.ps1{ left:124px; top:33px; }
.ps2{ right:18px; top:54px; }
.ps3{ left:20px; top:85px; }
.ps4{ right:0; top:284px; }
.ps5 { bottom:60px; left:277px; }
/***** custom-how-it-works *****/







/***** Custom Footer Section *****/
.custom-footer-sec{ background:url(../img/snorring-footer-bg.jpg) center top no-repeat; background-size:cover; min-height:860px; position:relative; padding-top:200px; }
.custom-footer-sec .section-title{ font-size:38px; padding-left:34px; }
.custom-footer-sec .section-title p{ color:#79bc0f; text-transform:uppercase; font-size:16px; padding-top:25px; letter-spacing:2px; }

.stop-snoring-sec{ margin-top:50px; overflow:hidden; }
.snoring-content{ margin-top:15px; }
.snoring-img img { max-width: 100%; }
.snoring-content ul{ list-style:none; margin:0; padding:0; }
.snoring-content ul li{ background:url(../img/sprite.png) 10px -125px no-repeat; display:inline-block; width:100%; font-family: "Montserrat",sans-serif; font-size:14px; font-weight:400; color:#fff; margin-bottom:20px; padding:0 0 0 45px; text-transform:uppercase; letter-spacing:2px; }
.snoring-content span{ display:block; margin-top:20px; font-family: "Montserrat",sans-serif; font-size:35px; font-weight:400; color:#fff; margin-bottom:30px; padding-left: 10px; }
.snoring-content span strike{ font-size:18px; color:#818180; }


.custom-footer-bottom{ background:#fff; padding:18px 0 8px; position:relative; left:0px; bottom:0px; width:100%; }
.custom-footer-bottom p{ font-size:13px; color:#8b8e8f; }
.custom-footer-bottom a.ft-call{ background:url(../img/sprite.png) 0 -629px no-repeat; color:#969c9e; font-family: "Montserrat",sans-serif; font-size:16px; font-weight:400; letter-spacing:2px; display:block; padding:0 0 0 22px; margin:0 auto; width: 180px; }
.custom-footer-bottom a.ft-call:hover{ background:url(../img/sprite.png) 0 -668px no-repeat; color:#79bc0f; line-height:20px; }

.custom-footer-bottom ul{ list-style:none; margin:0; padding:0; float:right; }
.custom-footer-bottom ul li { float: left; margin-right: 14px; }
.custom-footer-bottom ul li:last-child { margin-right: 0; }
.custom-footer-bottom ul li a { background: rgba(0, 0, 0, 0) url("../img/sprite.png") no-repeat scroll 0 0;  display: block; height: 17px;  width: 16px; font-size:0px; }


.custom-footer-bottom ul li.fb{ margin-right:8px; }
.custom-footer-bottom ul li.fb a { background-position: 0 -745px; }
.custom-footer-bottom ul li.fb a:hover { background-position: 0 -777px; }

.custom-footer-bottom ul li.tw a { background-position: -25px -745px; }
.custom-footer-bottom ul li.tw a:hover { background-position: -25px -777px; }

.custom-footer-bottom ul li.youtube a { background-position: -56px -743px; }
.custom-footer-bottom ul li.youtube a:hover { background-position: -56px -775px; }

.custom-footer-bottom ul li.gplus a { background-position: -88px -745px; }
.custom-footer-bottom ul li.gplus a:hover { background-position: -88px -777px; }

.custom-footer-bottom ul li.pin a { background-position: -115px -744px; }
.custom-footer-bottom ul li.pin a:hover { background-position: -115px -776px; }


/***** Custom Footer Section *****/