.coupon-mainbx .col-sm-4 { display: inline-block; vertical-align: top; padding: 0 10px 35px; position: relative; float: left; width: 100%; }
.coupon-mainbx .col-sm-4 img.wp-post-image { border-style: none; width: 100%; height: 100px; object-fit: contain; margin: 0 auto; display: block; }
.featured-coupon-content { display: block; text-align: center; }
.featured-coupon-content h3 { color: #333; padding: 0; border: 0; font-size: 18px; text-decoration: none; font-weight: 600; }  
.featured-coupon-content .hidden-coupon { display: inline-block; position: relative; border: 3px solid #094768; padding: 8px 11px; font-weight: 700; width: 230px; z-index: 0; text-align: right; font-size: 12px; line-height: 1.8; cursor: pointer; }  
.featured-coupon-content .hidden-coupon .coupon-overlay { position: absolute; width: 194px; left: -3px; text-align: center!important; height: calc(100% + 6px); top: -3px; padding: 11px 6px 11px 12px; background: #094768; color: #fff!important; }
.featured-coupon-content .hidden-coupon .coupon-overlay span { color: #fff; display: block; float: left; width: 100%; font-size: 12px; line-height: 1.8;}
.coupon-mainbx .col-bx { text-decoration: none;color: #333;height: 100%; border: 2px solid #09476b; float: left; padding: 15px; width: 100%; transition: all 0.3s ease 0s;}
.hidden-coupon .peel { background: silver; box-shadow: -1px 1px 3px grey; position: absolute; width: 35px; right: 0; top: -12px; transition: all .3s ease-in-out; height: 46px;
    border-radius: 1px 0 0 1px;
    transform-origin: right center;
    transform-style: preserve-3d;
    transform: rotateY(45deg) rotateZ(-5deg);
    background: silver;
    background: -moz-linear-gradient(right, #404040 0, #fff 3px, silver 100%);
    background: -webkit-gradient(linear, right top, left top, color-stop(0, #404040), color-stop(3px, #fff), color-stop(100%, silver));
    background: -webkit-linear-gradient(right, #404040 0, #fff 3px, silver 100%);
    background: -o-linear-gradient(right, #404040 0, #fff 3px, silver 100%);
    background: -ms-linear-gradient(right, #404040 0, #fff 3px, silver 100%);
}
.product_not {
    text-align: center;
}
.product_use span {
    margin-right: 5px;
	font-weight:600;
}
h4.hidee {
    display: none;
}
.hidden-coupon:hover .peel { right: 12px; width: 35px; transition: all .3s ease-in-out; }
.best-in-class-bx p { float: right; letter-spacing: 2px; font-size: 14px; color: #DAA628; text-transform: uppercase; font-weight: 500; margin: -15px 45px 10px;}
.best-in-class-bx img { height: 44px; object-fit: contain; }

/****** toltip css satrt here *******/
.tooltip { /*position: relative; display: inline-block;*/ }
.tooltip .tooltiptext { visibility: hidden; width: 230px!important; background-color: #dedede;color: #fff; text-align: center;
 border-radius: 6px; padding: 8px 11px; position: absolute; z-index: 1; top: 44px; left: -12px; right: 0; opacity: 0;
      transition: opacity 0.3s;
      font-size: 11px !important;
      line-height: 16px !important;
      font-weight: 500 !important;
      color: #094768 !important;
}
.tooltip .tooltiptext::after { content: ""; position: absolute; bottom: 100%; margin-left: 0; width: 0; height: 0;
 border-left: 10px solid transparent;  border-right: 10px solid transparent; border-bottom: 10px solid #dedede;
}
.tooltip:hover .tooltiptext { visibility: visible; opacity: 1;}
.copy-btn { width: 100%;  float: left; z-index: 99999; position: absolute; clear: both;height: 100%;}

/********** category *******/
.cblog-ctnt .b-title { font-size: 20px; font-weight: bold; color: #094768; cursor: pointer;margin:0;}
.cblog-ctnt .desc { font-size: 16px !important; line-height: 1.3; color: #333;cursor: pointer;}
span.blink { float: right; color: #DAA628;text-decoration: underline; cursor: pointer;}
.bdate { color: #333; font-size:10px;}
.best_brand_home {
    width: 84%;
    z-index: 9;
    position: absolute;
    right: 0;
    left: 0;
    margin: -26px auto 0;
}

/********** category *******/
.single-blog-tile .image img { width: 100%; height: auto; object-fit: contain;}
.topbr .link-wrapper { margin: 15px 0 0; }
.why-support.mo-none { font-family: "Montserrat",sans-serif; font-size: 1.125em; line-height: 1.33333em; color: #4D5D53; margin-bottom: 15px; float: left;
}
.why-support.mo-none a { display: inline-block; transition: all .1s linear; color: #DAA628; text-decoration: none; cursor: pointer; font-weight: 500;
}
.why-support.mo-none h2 { font-size: 1.875em; line-height: 1.25em; color: #094768; font-weight: 500; margin: 0 0 .83333em; }
@media (min-width: 768px) {
.glossary-sort-list { position: fixed; top: 84px; background-color: #fff; padding: 7px 0; margin: 0 0 0 !important; width: 100%; float: left; left: 0; z-index: 999; box-shadow: 1px 1px 6px 0 #dadada; transition: all 0.3s ease 0s; right: 0; }
.glossary-sort-list ul { text-align: center; }
.glossary-sort-list ul li { padding: 0 6px;}
.coupon-mainbx .col-sm-4 { width: 33.33%;}
.coupon-mainbx { float: left; display: flex !important; flex-wrap: wrap;}

/********** category *******/
.category-blog-list>.insert>.single-blog-tile { width: 100% !important; margin: 0 -30px;text-align: left !important;}
.category-blog-list>.insert>.single-blog-tile a { text-align: left !important; font-weight: normal !important; cursor: pointer; }
.single-blog-tile .col-3 { width: 30% !important; float: left; padding: 0 30px; }
.single-blog-tile .col-9 { width: 70% !important; float: left; padding: 0 30px; }
/********** category *******/
.topbr h1 { display: inline-block; }
.topbr .link-wrapper { display: inline-block; float: right; }
.mo-block { display: none !important; }
.blog article.single-blog-tile { width: 100% !important; margin: 0 -30px; text-align: left !important; display: inline-block; vertical-align: top; padding: 25px 0; }
}
@media (max-width: 767px) {
.cblog-ctnt .b-title { font-size: 12px; line-height: 1.4;}
.select2-container {
    width: 100% !important;
    margin-top: 10px !important;
}
.addModal.modal input.form-input, .addModal.modal select.form-input{
	width: 100% !important;
}
span.before-img {
  
    right: 10px !important;
    
}

.cblog-ctnt .desc { display: none; }
span.blink { float: right; display: block; clear: both; width: 100%; text-align: right; }
.mo-none { display: none !important; }
.topbr .link-wrapper a { display: block; text-align: center; text-transform: uppercase; padding: 15px 0;margin: 0 0 10px;}
.blog article.single-blog-tile { display: inline-block; width: 50%; float: left; padding: 18px 18px; text-align: center; }
.blog .recent-posts.home-section { margin: 0 -18px -18px; display: flex; flex-wrap: wrap; }
.page-title.topbr { display: none;}
p.desc ~ div { display: flex; font-size: 14px; padding: 8px 0 0;}
main.main-page-wrapper.home-page article.single-brand-tile { width: 49% !important; }
}
@media (max-width: 450px) {
.home-page-slider>.slick-list>.slick-track>.single-slide-item { max-width: 150px !important;}
main.main-page-wrapper.home-page>.home-section>.home-page-slider>.slick-list>.slick-track>.single-slide-item>a>p { font-size: 14px; line-height: 20px;}
}
@media (min-width:768px) and (max-width:1024px) {
.featured-coupon-content .hidden-coupon .coupon-overlay { width: 145px;}
.featured-coupon-content .hidden-coupon .coupon-overlay span { font-size: 10px; }
.featured-coupon-content .hidden-coupon { width: 177px; }
main.main-page-wrapper .social-sharing { float: left !important; }
} 

/*----------------------------- guru css -------------------------*/

@media screen and (min-width:1201px){header.mobile-header.site-header{display:none!important}header.site-header{display:block!important}}
@media screen and (max-width:1200px){.main-navigation li.active{position:relative}.main-navigation li.active{background:#84a3b3;border:0}.main-navigation li.active>a{border-bottom:1px solid;width:max-content}
.main-navigation ul.sub-menu{padding:10px 0 0 10px!important}a.go-back{position:absolute!important;top:10px!important;left:auto!important;right:50px}
body header.site-header>.inset>.right-side>.header-menu-wrapper>ul.main-navigation>.menu-item.active>a.go-back:before{padding:0 20px!important}
body header.site-header>.inset>.right-side>.header-menu-wrapper>ul.main-navigation>.menu-item.menu-item-has-children>a:after{width:50px!important;text-align:right!important}
a.go-back{padding:0!important;font-size:0!important}.white-logo img{width:100%;padding:1px 0}.white-logo{display:block;width:100%;text-align:center}
a#mobile-active.active i{position:fixed;left:0;top:0;bottom:0;right:0;font-size:0!important;background:#000;opacity:.5}
body header.site-header>.inset>.right-side>.header-menu-wrapper>ul.main-navigation{display:flex!important;opacity:0;overflow:hidden;height:102vh;background:#0c4767;right:0!important;left:auto;padding:5px 0!important;margin:45px 0!important}
ul#menu-main-menu>li{border-top:1px solid #74848d}.sub-menu-wrap{background:#84a3b3!important;transition:none!important}
body header.site-header>.inset>.right-side>.header-menu-wrapper>ul.main-navigation .menu-item>a{color:#fff!important;padding:10px 0!important}
body header.site-header>.inset>.right-side>.header-menu-wrapper>ul.main-navigation>.menu-item>.sub-menu-wrap>.sub-menu>.menu-item>a{padding:5px 0!important;font-size:13px}
.for-body{overflow:hidden!important}.main-navigation{transition:.3s;width:0!important}.for-show{width:60%!important;height:100vh;opacity:1!important;background:#fff}
header.mobile-header.site-header{display:flex!important;align-items:center;justify-content:space-between}body header.site-header>.inset{padding:0 20px;background:#0e4869}
.mob-logo{text-align:center}.mob-logo img{width:75%;padding:3px 0}body header.site-header>.inset>.right-side{padding:15px 0 15px;max-width:100%!important}
body header.site-header>.inset>.right-side>.header-menu-wrapper #mobile-active{color:#fff}input#s{padding:10px;background:#fff!important;border:1px solid #0c4668;width:150px;}
input#go{background:#0c4668;color:#fff;border:1px solid #0c4668}header.site-header{display:none!important}span.search-bar{margin:0 auto;text-align:center;position:absolute;width:80%!important;top:10px !important;left:0;z-index:999;right:0}
img.close-icon{top:10px !important;left:0;z-index:999;padding:10px;position:absolute}}.new-section p:empty{display:none}.new-section{padding:15px 0}
.new-section h2{color:#094768;font-weight:700;text-transform:capitalize;font-size:30px;margin:1.25em 0 .5em;line-height:1.1em}.new-section p{font-family:Montserrat,sans-serif;font-size:1.125em;line-height:1.5em;color:#4d5d53}
.brand-info.compact2 h1{font-size:2.5em;line-height:1.25em;font-weight:500;margin:.625em 0;color:#094768}
.related-post-sidebar-slider .text-content p{font-size:1em;line-height:1.25em;font-weight:700;color:#094768;margin:0;cursor:pointer;transition:color .16s linear}
.featured-section{height:350px;background-size:cover;position:relative;margin:0 auto;text-align:center;background-repeat:no-repeat}.featured-overlay{position:absolute;background:rgba(0,0,0,.3);width:100%;height:100%}
.featured-section h1{margin:0;color:#fff;position:absolute;top:50%;transform:translate(0,-50%);left:0;right:0}@media screen and (min-width:1024px){.single-brands main.main-page-wrapper,.single-products main.main-page-wrapper{padding:.125em 0 0!important}
.fixes{position:fixed!important;transform:translate(0,50px);top:0%!important}}@media screen and (max-width:767px){
.archive .brands-list .insert{margin:0!important}.archive .brands-list .best_brand_brand{width:80%;position:absolute;text-align:center;right:0;left:0;margin:-20px auto 0}article.single-brand-tile.brand_border{width:44%!important;margin:20px 10px}}
@media screen and (max-width:1023px){.featured-section{
	
	    background-size: cover;
    background-attachment: unset;
    height: 175px;
    background-position: center;
	
}
.featured-section .page-title.topbr{
	display:block;
}

}


/*--------------------- table of content starts here ------------------- */
.scrollbar{max-height:300px;overflow-y:scroll}dl.accordion dt h2 i{float:right}#style-15::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:#e7e7e7;border-radius:7px}
#style-15::-webkit-scrollbar{width:0px;background-color:#e7e7e7}.main-accordian{margin:0;background:#094768;}.main-accordian.showing{display:block!important}.for-ad.add-show{display: block!important;
    padding: 5% 0;
    background: #fff;
	    width: 100%;
    background: #094768;
    z-index: 9999;
    text-align: center;}
	
	.ony-tite.add-show{
		display: block!important;
	}
	.blog-landing-category-list .category-tile {
    width: 24.33333% !important;
	padding: 0 10px 18px !important;
}
div#mantis_ad_0 {
    text-align: left;
}
	
	
	
.for-ad{display:none}ul li.headings h5{font-style:normal;font-weight:300;cursor:pointer;font-size:13px;margin:0;line-height:18px}.for-mobile-icon{display:none}.for-mob{diusplay:block}
.views-row.rows{font-size:14px;color:#fff;cursor:pointer;padding:0 10px;margin-bottom:7px}.ony-tite{color:#fff;text-align:left;margin:0;padding:20px 10px 0 10px;}.for-closing{position:absolute;right:0;top:0;padding:20px}
.accordion{margin:0;padding:10px}.flexy{display:flex;align-items:center;padding:0 10px;background:#daa628}dt{background:#094768;border-bottom:1px solid #fff;padding: 8px 0;}
dt h2{color:#fff;cursor:pointer;text-decoration:none;padding:5px;font-size:15px;margin:0;font-weight:500;display:block}.accordion ul li{margin-bottom:5px;margin-top:5px;list-style:none}
.accordion ul li a{color:#fff;text-decoration:none}dd{background:#84a3b3;margin:0;color:#fff;padding:0 10px 0 20px}.table-of-content{position:fixed;bottom:15px;background: #094768;z-index:99;width:500px;vertical-align:middle;right:15px}
.table-of-content i{color:#fff;font-size:16px}.table-of-content .toc{font-size:16px;font-weight:600;cursor:pointer;text-align:center;vertical-align:middle;width:431px;color:#fff;padding:0}dl.accordion ul{padding:0;margin:0}
@media screen and (max-width:767px){.table-of-content{width:340px}.for-color .yellow i{transform:rotate(180deg)}.for-color{background:#daa628!important}.for-color h1{color:#fff!important}
.for-closing{right:45px;padding:10px}.yellow i{color:#094768;background:#daa628;padding:5px 8px;border-radius:30px}.yellow{margin:10px}.for-mobile-icon{display:block}.flexy{padding:0 0 0 10px;background:#ededed}.for-mobile-icon{background:#094768;padding:15px 15px;position:relative;right:0}.table-of-content .toc{color:#094768}.for-mob{display:none}
.blog-landing-category-list .category-tile {
    width: 33.33333% !important;
}
.main-accordian {
   
    padding-top: 0 !important;
}
li.from {
    line-height: normal !important;
}
.additional {
    width: 300px;
    max-height: 350px;
    overflow: scroll;
}
.for-ad.add-show {
  
    padding: 5% 20px;
}


}
.cblog-ctnt.col-9 a {
    text-decoration: none;
}
footer.site-footer{
	overflow:hidden;
}
.for-text {
    width: 100%;
   margin: 10px 0;
}

.fixed-column {
    width: 15%;
	  text-align: center;
}
.fixed-column p {
    font-style: italic;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
   letter-spacing: 0.02em;
}
li.star img {
    margin: 0 0px;
}
.fixed-column h3 {
    color: #CDCDCD;
}
.compare-table.home-section {
    display: flex;
	align-items: center;
}
.movable-column {
    width: 85%;

	    margin-left: 10px;
	    display: flex;
}
.movable-column ul {
    padding: 0;
	padding: 0 10px 30px;
	position:relative;
	    height: 100%;
}
.bottom-area {
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
}
article.loop li {
    list-style: none;
    margin-bottom: 10px;
}
article.loop label {
    text-transform: uppercase;
}
article.loop input {
    margin: 0 5px;
}
article.loop {
    text-align: center;
	margin: 0px 0px;
	width: 25%;
	padding: 0 10px 10px;
}
li.name {
    font-weight: 600;
}
a.buy-now {
    border-radius: 50px;
    color: #094768;
    text-decoration: none;
    border: 1px solid;
   
    padding: 5px 15px;
    width: max-content;
    margin: 0 auto;
}

article.loop:nth-child(odd) ul{
     background: linear-gradient(0deg,#FFFFF2 80%,#FFFFF2 30%,#f6fbfc00 80%);
}
article.loop:nth-child(even) ul{
	background: linear-gradient(0deg,#F6FBFC 80%,#F6FBFC 30%,#f6fbfc00 80%);
   
}
li.relative{
	position:relative;
}
span.after-img {
       position: absolute;
    bottom: 0px;
   
    right: 0px;
    text-align: center;
}
span.before-img img {
    width: 40px;
}
span.before-img {
    position: absolute;
    bottom: 0px;
    /* left: 0; */
    top: 0;
    right: 0px;
    text-align: center;
}
li.relative >img {
    width: 120px;
	 height: 120px;
}
@media screen and (max-width:767px)
{
	.fixed-column {
    width: 30%;
   
}
.fixed-column img {
    width: 100%;
}
.movable-column {
    width: 70%;
   
}
.compare-table.home-section {
    overflow-x: scroll;
	    height: 650px;
    margin: 0;
}

li.relative >img {
    width:auto;
}
span.after-img {
    position: relative;
    bottom: 0px;
    right: 0px;
	    display: block;
    height: 50px;
    text-align: center;
}

}


/*------------------------ compare page css starts from here ----------------------------*/


.loading {
 
}
li.coupon a {
    color: #000 !important;
}

.loaderr.loading {
    left: 0 !important;
    right: 0 !important;
   
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    margin: 0 auto;
    z-index: 999;
  
    z-index: 99999;
}
button.btn.addBtn.addproudct_model:disabled {
    background: #b3b3b3 !important;
}
.loaderr svg {
    width: 150px;
    left: 0 !important;
    right: 0 !important;
    text-align: center !important;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    margin: 0 auto;
}

/* Safari */
#key {
        animation: key 2s linear;
        transform-origin: center;

    }
    @keyframes key { 
        
        from {
            transform: rotateY(0deg) translateY(100%);
                opacity: 0;
                }
            5%{
                transform: rotateY(180deg) translateY(100%);
            }
            16%{
                transform: rotateY(180deg);
                opacity: 100; 
                }
            18%{
                transform: rotateY(180deg);
                }
            25%{
                transform: rotateY(0deg);
                }
            100%{
                transform: rotateY(0deg);
                }
            
            }

            
    #circle {
        animation: circle 4s linear;

    }
       @keyframes circle {

        0% {
            clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
            }
        35% {
            clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
            }
        50% {
            clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
            }
    }

    #leaf {
    animation: leaf 2s linear;
        position: absolute;

    }
       @keyframes leaf {
        0%{
            opacity: 0%;
        }
        10% {
            opacity: 100;
            clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
            }
        40% {
            clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
            }
        80% {
            clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
            }

        }

    #spike {
        animation: spike 2s linear;
            position: absolute;
  
    }
        @keyframes spike {
            10% {
                clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
                }
            40% {
                clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
                }
            80% {
                clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
        }
        
    }


    .slick-slide:focus {
    outline: none;
}
.extr {
    background: #fff !important;
    color: #155374 !important;
    border: 2px solid #155374 !important;
}
div#ex1 {
    background: #FFF0DE;
    box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
}
.modal article.loop {
    width: auto;
    
}
.modal li.name {
    min-height: 80px;
}
.sbs{
	left: 0 !important;
	
    right: 0 !important;
    text-align: center !important;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    margin: 0 auto;
    z-index: 999;
    background: #ffffffbd;
    width: 100%;
    height: 100%;
    z-index: 9999;
    box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
}
span.select2-selection {
    height: 52px !important;
    vertical-align: middle;
    padding: 13px;
    border: 0 !important;
    border-radius: 10px !important;
}
.select2-container {
    
    width: 100% !important;
}
 .select2-selection__arrow {
    height: 52px  !important;
 }	
.looping .itemColumn {
    width: 25%;
}
.looping ul {
    padding: 0;
	
	padding-bottom:20px;
    min-height: 350px;
}
.form-input {
    height: 46px;
    width: 49%;
}
.looping {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.myfavorites h3 {
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0.02em;
    color: #8D8D8D;
}

.my-mode h2{
	font-style: normal;
font-weight: 500;
font-size: 48px;
line-height: 59px;
text-align:center;

letter-spacing: 0.02em;

color: #8D8D8D;
}
li.name {
    font-weight: 600;
    line-height: 22px;
}


.product_add {
    position: absolute;
    background: #094768;
    color: #ffffff;
    display: inline-block;
    border: none;
    box-sizing: border-box;
    border-radius: 6px;
    right: 20px;
    top: 0;
    height: 42px;
    line-height: 42px;
    width: 180px;
    text-align: center;
    text-decoration: none;
}
    .product_add .fa {margin-right: 4px;}
.compareitem.afix .product_add {
    top: auto;
    bottom: 20px;
}
.compareitem {
    padding: 50px 20px 80px;
    margin-top: 35px;
    position: relative;
}
.looping a {
    color: #094768;
}
.compareitem .sidebar ul {
    background: #D2D2D7 !important;
}
    .compareitem .inlineImg {display: inline-block;}
.compareitem .column {
       position: relative;
    width: 100%;
	
    border: 1px solid #ccc;
    padding-right: 0px;
}
    .compareitem .sidebar {
        background: #f7f7f7;
    float: left;
    width: 250px;
}
    .compareitem .sidebar ul {
    
    padding-left: 0;
    margin: 0;
}
    .compareitem .product-column {
	margin-left: 250px;
}
span.award-img img {
    width: 50%;
}
.select2-selection__placeholder {
  
    color: #8D8D8D;
}
    
.compareitem .sidebar ul li {
    list-style: none;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    height: 50px;
    line-height: 50px;
    padding: 5px 22px;
    
}
img.fixed-logo {
  width:100px;
    margin: 14px 0;
}
.Last-step {
    position: relative;
    transform: translate(0px, -50%);
    top: 50%;
    margin: 0 auto;
    max-width: 62.5rem;
    left: 0;
    padding: 0 10px;
    right: 0;
    margin: 20px auto;
    text-align: center;
	
}
    
.compareitem .sidebar ul li.topImg {
    text-align: center;
    background: #ffffff;
    padding: 20px 8px 0;
   height: 215px;
    line-height: 1.4;
}
    .compareitem .sidebar ul li.topImg h3 {
    margin: 0;
    color: #999;
            margin-top: 0px;
}
.compareitem .compareitem {
    width: auto;
}
.compareitem .coupon-overlay, .compareitem  .hidden-coupon 
{
	border-radius: 15px;
}
li.price b {
    color: #094768;
}
li.price {
    letter-spacing: 1px;
}
.compareitem ul li:nth-child(4) {
    border-top: 1px solid #C4C4C4;
}
.compareitem ul li:nth-child(8) {
    border-top: 1px solid #C4C4C4;
}
.compareitem ul li:nth-child(15) {
    border-top: 1px solid #C4C4C4;
}
.compareitem ul li:nth-child(17) {
    border-top: 1px solid #C4C4C4;
}
.compareitem ul li:nth-child(20) {
    border-top: 1px solid #C4C4C4;
}
.for-add-click p {
    color: #C4C4C4;
    font-weight: 600;
}

li.product_review a {
    color: #094768;
	font-style:italic;
    text-decoration: none;
}

    .compareitem ul {
    /*  background: linear-gradient(0deg,#FFFFF2 84%,#FFFFF2 30%,#f6fbfc00 80%) !important; */
    padding: 0;
    margin: 0;
}
   .slick-track .item:nth-child(even) ul {
    background: linear-gradient(0deg,#F6FBFC 84%,#ffffff 29%,#f6fbfc00 80%) !important;
}
 .slick-track .item:nth-child(odd) ul {
    background: linear-gradient(0deg,#FFFFF2 84%,#F6FBFC 29%,#f6fbfc00 80%)  !important;
}
.looping .itemColumn:nth-child(even) ul {
    background: linear-gradient(0deg,#FFFFF2 55%,#FFFFF2 55%,#f6fbfc00 55%)  !important;
}
.looping .itemColumn:nth-child(odd) ul {
    background: linear-gradient(0deg,#F6FBFC 55%,#F6FBFC 55%,#f6fbfc00 55%) !important;
}


.compareitem ul li {
    height: 50px;
    line-height: 50px;
    margin: 0;
    padding: 5px 8px;
    font-size: 14px;
    font-weight: 500;
    color: #666;
}
   .compareitem li.productImg {
    height: 215px;
    margin: 0;
    text-align: center;
    line-height: 1.4;
    padding: 8px;
}
li.additional_flavors {
    line-height: normal !important;
}

    .compareitem a.category {
    display: block;
    text-align: center;
        color: #094768;
}
    .compareitem li.productImg img {
    max-height: 120px;
    margin: 14px 0;
}
    .compareitem span.name {
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.02em;
    color: #000000;
	text-align: center;
    display: block;
}
    button.coupon-btn {
    background: #fff;
    border: 2px solid #094768;
    padding: 10px 8px;
    color: #094768;
    font-weight: 600;
        display: block;
        width: 100%;
    position: relative;
}
    button.btn.delete-btn {
    background: #094768;
    border: none;
    color: #fff;
    padding: 6px 24px;
        margin-top: 14px;
    font-size: 14px;
    border-radius: 2px;
    cursor: pointer;
}
    button.coupon-btn span.text {
    position: absolute;
    background: #094768;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    padding: 10px 0;
}
    .compareitem .sidebar ul li.reviewTab, .compareitem ul li.testimonial {
    height: 120px;
}
    .compareitem ul li.testimonial {   
    line-height: 1.4;
        overflow: hidden;
}
    .compareitem ul li.testimonial p {margin: 0 0 4px;}
    .compareitem ul li.testimonial h4 {margin: 0;text-align: right;}
    
.compaireSlider button.slick-prev.slick-arrow,.compaireSlider1 button.slick-prev.slick-arrow{
    background-image: url(/wp-content/uploads/2020/06/prev-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: -28px;
    left: auto;
    right: 260px;
    width: 52px;
}
.compaireSlider1 button.slick-prev.slick-arrow{
right: 60px !important;
}

    .compaireSlider button.slick-next.slick-arrow,.compaireSlider1 button.slick-next.slick-arrow {
    background-image: url(/wp-content/uploads/2020/06/next-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: -28px;
    right: 205px;
    width: 52px;
}
.compaireSlider1 button.slick-next.slick-arrow{
	 right: 0 !important;
}

    .compaireSlider button.slick-arrow.slick-disabled,.compaireSlider1 button.slick-arrow.slick-disabled {
    opacity: 0.5;
}
    .compaireSlider button.slick-prev.slick-arrow::before, .compaireSlider button.slick-next.slick-arrow::before,
    .compaireSlider1 button.slick-prev.slick-arrow::before, .compaireSlider1 button.slick-next.slick-arrow::before	{display: none;}
    
    .compareitem.afix .compaireSlider button.slick-prev.slick-arrow, .compareitem.afix .compaireSlider button.slick-next.slick-arrow,
    .compareitem.afix .compaireSlider1 button.slick-prev.slick-arrow, .compareitem.afix .compaireSlider1 button.slick-next.slick-arrow	{
    bottom: -60px;
        top: auto;}
    
    
    
  .addModal.modal {
    max-width: 1000px;
    margin: 68px 0;
    padding: 30px;
}
    .addModal.modal input.form-input, .addModal.modal select.form-input {
    border-radius: 10px;
    border: none;
    padding: 4px 12px;
	margin-right:20px;
    width: 100%;
    height: 52px;
	    color: #8D8D8D;
        
}
  
    .myfavorites .itemColumn {
    width: 100%;
    overflow-x: auto;
    display: flex;
        margin: 0 -10px;
}
   .myfavorites .compareitem {
    float: left;
    max-width: 235px;
    min-width: 235px;
}
    .addModal.modal .buttonBox {
    text-align: right;
    margin-top: 40px;
}
    .btn.addBtn {
    background: #094768;
	cursor:pointer;
    border: none;
    color: #fff;
    padding: 14px 42px;
    border-radius: 8px;
        text-decoration: none;
}
    .btn.addBtn.resetBrands {
    background: #535353;
	border: 2px solid #535353 !important;
}
 
    .myfavorites .compareitem ul li {
    height: auto;
    line-height: 1.4;
    margin: 0;
    padding: 5px 8px;
    font-size: 16px;
        border-top: none !important;
}
    .myfavorites .compareitem li.productImg {
    height: auto;
}
  .myfavorites .compareitem ul li a.buy-now {
      line-height: 1.4;}  
    
.jquery-modal.blocker {
    z-index: 999999998;
}
    li.price .new {
    color: #094768;
    font-weight: 700;
}
    
.brand_item ul {
    padding: 0;
    display: inline-block;
        margin: 0 -8px;
    width: 100%;
}

.brand_item ul li {
    list-style-type: none;
    float: left;
    width: 25%;
    padding: 0 8px 16px;
}
.brand_item ul label input {
    -webkit-appearance: none;
}
.brand_item ul label span {
    list-style-type: none;
	cursor:pointer;
    display: inline-table;
    text-align: center;
    background: #fff;
    padding: 15px;
    display: block;
    border-radius: 10px;
}
.brand_item ul label input {
    display: none;
}
.brand_item ul label input:checked+span {
    background: #094768;
    color: #ffffff;
}
.compare-table.home-section li.use {
    height: 40px;
}
.home-fixed {
    bottom: 0;
    position: fixed;
    text-align: center;
    width: 100%;
	box-shadow:0 1px 3px 2px rgba(0,0,0,.15);
	    z-index: 999;
	background: #fff;
    padding: 30px 0;
}
    .main-img {
    text-align: center;
}
.main-img img {
   width:240px;
}
@media (min-width: 992px) and (max-width: 1199px){
.brand_item ul li {
    margin: 0px 15px 20px 0px;
}
}


    @media (max-width: 991px){
  
    .my-mode h2 {font-size: 35px;}
        
        .myfavorites .compareitem {
    max-width: 200px;
    min-width: 200px;
}
        .myfavorites .compareitem ul li {font-size: 14px;}

        .brand_item ul li {
    margin: 0px 0px 20px 0px;
}
.brand_item ul li {
   
    width: 50%;
    
}
    }
	
    
    @media (max-width: 767px){
        
        .compaireSlider button.slick-next.slick-arrow,.compaireSlider1 button.slick-next.slick-arrow {right: 0;}
        .compaireSlider button.slick-prev.slick-arrow,.compaireSlider1 button.slick-prev.slick-arrow {right: 60px;}
        .product_add {
            border: 2px solid #dddddd;
            position: fixed;
            background: #ededed;
            color: #000;
            width: auto;
            height: 48px;
            line-height: 48px;
            right: 14px;
            left: 14px;
            top: auto;
            bottom: 6px;
            z-index: 99;
        }
		.select2-container {
    width: 100% !important;
}
	
		article.loop{
			width:auto;
		}
		
		  .btn.addBtn{
			      display: block;
    margin-bottom: 10px;
   margin: 10px auto;
    width: max-content;
		  }
		  .addModal.modal {
   
    padding: 10px;
}
		
		
			.looping .itemColumn {
    width: 100%;
}
.looping .itemColumn:nth-child(odd) ul {
    background: linear-gradient(0deg,#F6FBFC 85%,#F6FBFC 85%,#f6fbfc00 85%) !important;
}
.looping .itemColumn:nth-child(even) ul {
    background: linear-gradient(0deg,#FFFFF2 85%,#FFFFF2 85%,#f6fbfc00 85%) !important;
}
        .my-mode h2 {font-size: 25px;}
        .jquery-modal.blocker {padding: 0;}
        .compareitem .column {padding-right: 0;}
        
   
      
        .compareitem .sidebar {
    width: 160px !important;
}
    .compareitem {
        padding: 50px 8px 80px;
    }
        .compareitem .sidebar ul li {
            font-size: 13px;
            height: 50px;
            line-height: 50px;
            padding: 5px 5px;
        }
        .compareitem .product-column {
    margin-left: 160px !important;
}
        .compareitem ul li {
    height: 50px;
            line-height: 50px;}
        span.award-img img {
    width: auto;
}
    .compareitem .hidden-coupon  {
		width: 140px;
	}
	.compareitem  .coupon-overlay{
			width: auto !important;
	}

	.brand_item ul li {
    	width: 31%;
    	margin: 0px 6px 20px 0px;
	}
    }

   @media (max-width: 479px){
    .brand_item ul li {
	        width: 50%;
    margin: 0px 0px 10px 0px;
	}
	.brand_item ul li a {
    font-size: 14px;
}
   }


/*------------------------ compare page css starts ends here ----------------------------*/


/*------------------------ question section  css starts  here ----------------------------*/
.question {
    display: block;
    margin: 0 auto;
	max-width: 1420px;
    width: 100%;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 100vh;
	position:relative;
    background: url(/wp-content/uploads/2020/08/gold.png);
    padding: 0px 15px;

    background-size: contain;
}
.tab p small {
    font-style: italic;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #094768;
}
.question-content {
    position: absolute;
    transform: translate(0px, -50%);
    top: 50%;
    margin: 0 auto;
    max-width: 62.5rem;
    left: 0;
	    padding: 0 10px;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.question-content h1 {
   
    font-size: 36px;
    line-height: 44px;
    color: #094768;
}
.question-content p {
   font-weight: 500; font-size:16px;
    line-height: normal;color:#094768;margin: 0 auto; margin-bottom:5%;
    max-width: 700px;
	    font-style: italic;
}
.home .question-content p {
    
    font-size: 16px;
}
.enter{
	background: transparent;
    border: 2px solid;
    outline: 0;
    cursor: pointer;
    color: gray;
    padding: 18px 40px;
    text-decoration: none;
    width: 184px;
    display: block;
    font-weight: 600;
    border-radius: 5rem;
    font-size: 20px;
    margin: 10px auto;
}
.bluebg{
    background: #104f71;
       border: 0;
	   outline:0;
	   cursor:pointer;
    color: #fff;
    padding: 18px 40px;
    text-decoration: none;
    display: block;
    width: max-content;
    font-weight: 600;
    border-radius: 5rem;
    font-size: 20px;
    margin: 10px auto;
}
.question-content h4 {
    font-size: 16px;
    line-height: 20px;
    color: #094768;
}
button#prevBtn {
        background: transparent;
    border: 2px solid;
    outline: 0;
    cursor: pointer;
    color: gray;
    padding: 18px 40px;
    text-decoration: none;
    display: block;
    width: max-content;
    font-weight: 600;
    border-radius: 5rem;
    font-size: 20px;
    margin: 10px auto;
}
input.form-field {
    background: #FFFFFF;
    border: 1px solid #094768;
    height: 3.25rem;
    border-radius: 1.625rem;
    width: 50%;
	    margin: 20px 0;
		padding: 0 15px;
    outline: 0;
}
h3.common-heading {
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
  max-width: 700px;
    color: #094768;
    margin-left: auto;
    margin-right: auto;
	
}
.question-content  [type="radio"]:checked,.question-content  [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
    width: 0;
    height: 0;
    visibility: hidden;
}
.checkbox-budget:not(:checked) + label {
   background: #104f71;
cursor:pointer;
box-sizing: border-box;
border-radius: 5px;
}

.checkbox-budget:checked + label, .checkbox-budget:not(:checked) + label {
        position: relative;
    display: inline-block;
	transition:.5s;
        margin-bottom: 25px;
padding:10px;
  
    width: 260px;
   
    text-align: center;
   
    -webkit-text-stroke: 1px varred;
    text-stroke: 1px red;
   
    text-fill-color: transparent;
	height: 60px;
    line-height: 40px;
   
}
.checkbox-budget:checked + label::before, .checkbox-budget:not(:checked) + label::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
   background: #AECCDD;
    z-index: -1;
}
.tab label img {
    margin-right: 5px;
	    width: 40px;
		filter: brightness(0) invert(1);
}
.checkbox-budget:checked + label span, .checkbox-budget:not(:checked) + label span {
      position: relative;
    display: block;
    color: #fff;
	cursor:pointer;
    font-weight: 600;
    display: flex;
    justify-content: left;
    align-items: center;
}
.checkbox-budget:not(:checked) + label:hover {
    background: #AECCDD;
}
.checkbox-budget:checked + label span span, .checkbox-budget:not(:checked) + label span span {
    
    margin: 0 auto;
}
.checkbox-budget:checked + label span::before {
    max-height: 100%;
}
.checkbox-budget {
    position: absolute;
    left: -9999px;
    width: 0;
    height: 0;
    visibility: hidden;
}
.main-result {
    text-align: center;
    margin: 50px auto;
    max-width: 62.5rem;
}
.grid-layout .col-md-3 {
    width: 25%;
}
.grid-layout .col-md-9 {
    width: 75%;
}
.main_pro_div:nth-child(even) .loop-div {
    background: #fcf7ea;
}

.no_result_found {
    width: 310px;
    word-break: break-all;
    line-height: normal;
}

.loop-div {
    display: flex;
    flex-direction: column;
    width: 32%;
    margin: 0 10px;
}

.loop-div img {
    width: 100%;
}


.grid-layout {
    
    
    padding: 20px;
    
}
.grid-layout.female {
    background: linear-gradient(0deg, #ffffff 30%, #fbe2d0 30%, #fbe2d0 30%);
}
.grid-layout.pet {
    background: linear-gradient(0deg, #ffffff 30%, #e9fadf 30%, #e9fadf 30%);
}
.grid-layout p {
    line-height: 26px;
}
.product_use {
    Font-size: 12px;
    text-align: center;
    font-weight: 400;
    margin: 0px 0 10px;
}
.testimonial {
    text-align: center;
    Font-style: italic;
    font-size: 12px;
    font-weight: 500;
}
.question.home-page {
    height: auto;
	margin: 50px auto;
}
.loop-div img {
  max-width: 100px;
    max-height: 100px;
    margin: 0 auto;
}
.lop{
	display:flex;
	justify-content:center;
}
.loop-div {
    
   width:250px;
    background: #e1f2fb;
    border-radius: 10px;
    margin: 10px 10px;
    float: left;
    min-height: 340px;
    position: relative;
    padding: 10px 5px;
    box-shadow: 1px 1px 5px 0 grey;
}
.loop-div a.category {
    color: #0d4d6f;
    margin: 10px;
	font-size: 16px;
	font-weight:600;
    line-height: normal;
    text-align: center;
	text-decoration:underline;
}
.for-contentt h2 {
   position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    left: 0;
    font-size: 18px;
    right: 0;
    margin: 0;
    text-align: center;
}
.main_pro_div {
       margin: 30px 0;
    
}
.loop-div h3 {
    font-size: 14px;
    font-weight: 500;
}
.for-contentt {
   background: #205c7a;
    margin: 10px auto;
    clear: both;
    max-width: 1000px;
    color: #fff;
    position: relative;
    border-radius: 10px;
    height: 70px !important;
}
.boxt {
    display: flex;
    position: absolute;
    bottom: 0;
    text-align: center;
    left: 0;
    right: 0;
    margin-bottom: 10px;
}

.loop-div h3 {
    font-size: 16px;
    text-align: center;
    line-height: normal;
}
.product_show h1 span {
    text-transform: capitalize;
}
@media screen and (min-width: 768px) {
.for-width-20 {
    width: 20% !important;
}
}

@media screen and (max-width: 767px) {
	input.form-field {

    width: 80% !important;
   
}
.lop {

    justify-content: normal;
	    overflow-x: scroll;
   
}



.enter, .cancel {
    width: 155px !important;
    padding: 20px 10px !important;
}
.question-content {
    position: relative;
    transform: none;
    top: unset;
}
	.question {
    
    height: auto;
   
    padding: 40px 15px;
    
}
.main-products {
    display: block;
}
.grid-layout .col-md-9 {
    width: 100%;
}
.grid-layout .col-md-3 {
    width: 100%;
}
.grid-layout {
    display: block;
}

.loop-div {
    display: flex;
    flex-direction: column;
  min-width: 200px !important;
    margin: 20px 10px;
}



}
/*------------------------ question section  css ends  here ----------------------------*/