/*---------------*/
/*-------Reset Css Start--------*/
/*---------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;vertical-align: baseline;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,section {display: block;}body {line-height:1; font-weight:300;}ol, ul, li {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,qbefore, q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}html {}a{text-decoration:nonetransition:all ease 0.5s;-webkit-transition:all ease 0.5s;}*{margin:0;padding:0;box-sizing:border-box;}img {max-width: 100%;}

/*---------------*/
/*-------Font Start--------*/
/*---------------*/
@font-face {
    font-family: 'open_sansbold';
    src: url('https://boulotmag.fr/fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('https://boulotmag.fr/fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanslight';
    src: url('https://boulotmag.fr/fonts/opensans-light-webfont.woff2') format('woff2'),
         url('https://boulotmag.fr/fonts/opensans-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('https://boulotmag.fr/fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('https://boulotmag.fr/fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('https://boulotmag.fr/fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('https://boulotmag.fr/fonts/opensans-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

/*---------------*/
/*----Comparison Table Css Start-------*/
/*---------------*/
.myComparision {width:100%; padding:0px; font-family: 'Open Sans', sans-serif; }
.myCompCol {float:left; width:32%; text-align:center; position:relative; overflow:hidden; padding:0px 0;}
.myCompCol h2.bg {border-top-left-radius: 0px 0px; border-top-right-radius:0px 0px;font-family: 'Open Sans', sans-serif;}
.myCompCol h2.bg.red {width: 100%;float: left;color:#fff;font-size:14px;font-weight:400;/* padding:10px 15px 15px 15px; */ margin:0px !important; top:0px; z-index:1;background: #c51225;background: -moz-linear-gradient(top, #c51225 0%, #a11320 100%);background: -webkit-linear-gradient(top, #c51225 0%,#a11320 100%);background: linear-gradient(to bottom, #c51225 0%,#a11320 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c51225', endColorstr='#a11320',GradientType=0 ); text-transform:uppercase; position:relative;}
.myCompCol h2.bg.blueHead {width: 100%;float: left;color:#fff;font-size:14px;font-weight:400;/* padding:10px 15px 15px 15px; */ top:0px; z-index:1;background: #3054a4;background: -moz-linear-gradient(top, #3054a4 0%, #17388a 100%);background: -webkit-linear-gradient(top, #3054a4 0%,#17388a 100%);background: linear-gradient(to bottom, #3054a4 0%,#17388a 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3054a4', endColorstr='#17388a',GradientType=0 );  text-transform:uppercase; position:relative; margin:0px !important;}
.redArrow{background:url(images/redArrow.png) no-repeat center top; height:11px; position:absolute;bottom:-11px; left:0px; right:0px;}
.blueArrow{background:url(images/blueArrow.png) no-repeat center top; height:11px; position:absolute;bottom:-11px; left:0px; right:0px;}
.myCompCol h2.bg.blank {width: 100%;float: left;top:0px; z-index:1;text-transform:uppercase; position:relative; visibility:hidden; margin:0px !important;background: linear-gradient(to bottom, #8be296 0%, #5fd46d 100%);}
.headIcon {width:100%; text-align:center; padding:10px 13px 0px 0px !important; float:left; height:50px;}
.compThumb {width:100%; text-align:center; height:150px; float:left;}
.compThumbHead {color:#000;font-size:14px;font-weight:400;margin-bottom: 10px;overflow: hidden;width:100%; text-align:center;padding:20px 0px 5px 0px; line-height:normal; float:left;font-family: 'Open Sans', sans-serif;}
.compLink {color:#fff; font-size:13px; border-radius:5px; padding:15px !important; display:inline-block; margin:7px 0px 0px 0px;background: #a81321;background: -moz-linear-gradient(left, #a81321 0%, #c51225 100%);background: -webkit-linear-gradient(left, #a81321 0%,#c51225 100%);background: linear-gradient(to right, #a81321 0%,#c51225 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a81321', endColorstr='#c51225',GradientType=1 ); text-transform:uppercase; font-weight:400;font-family: 'Open Sans', sans-serif;text-decoration: none !important;}
.blueLink {background: #17388a;background: -moz-linear-gradient(left, #17388a 0%, #3e64b3 100%);background: -webkit-linear-gradient(left, #17388a 0%,#3e64b3 100%);background: linear-gradient(to right, #17388a 0%,#3e64b3 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17388a', endColorstr='#3e64b3',GradientType=1 );}
.greenLink {background: #5dd36b;background: -moz-linear-gradient(left, #5dd36b 0%, #8ce297 100%);background: -webkit-linear-gradient(left, #5dd36b 0%,#8ce297 100%);background: linear-gradient(to right, #5dd36b 0%,#8ce297 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5dd36b', endColorstr='#8ce297',GradientType=1 );}
.compThumb img {height: auto;width: auto;max-width: 100%;position: relative;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);max-height: 100%;margin:auto;}
.infoCompCol {padding:15px 10px;box-sizing:border-box; margin:0px; float:left; width:100%;}
.infoCompCol p{color:#333333; font-size:15px; line-height:1.6; font-weight:400; text-align:justify;font-family: 'Open Sans', sans-serif;}
.compRedBtn {color:#fff; font-size:13px; border-radius:5px; box-sizing: border-box;display:inline-block; padding:12px 15px; margin:10px 0px; text-transform:uppercase; font-weight:400;background: #80141c; background: -moz-linear-gradient(left, #80141c 0%, #c51225 100%, #7db9e8 100%);background: -webkit-linear-gradient(left, #80141c 0%,#c51225 100%,#7db9e8 100%);background: linear-gradient(to right, #80141c 0%,#c51225 100%,#7db9e8 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80141c', endColorstr='#7db9e8',GradientType=1 );}
.infoCompCol.first { padding:2px; }
.compThumbCol {margin:0px; float:left; width:100%; }
.myCompCol.first {width:4%; border:0px; padding:0px;}
.myCompCol.first .infoCompCol {padding:15px 0px;}
.myCompCol.first .infoCompCol {position:relative; }
.myCompCol.first .infoCompCol .rowName {font-size:14px;color: #333333;position: absolute;box-sizing: border-box;top:50%;text-transform:uppercase; font-weight:700;   -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);transform:  translateX(-50%) translateY(-50%) rotate(-90deg); left:50%; white-space:nowrap;}
.myCompCol.pCol1 .des1 {background:#ffedef;position: relative;}
.myCompCol.pCol1 .des2 {background:#fde5e8;position: relative;}
.myCompCol.pCol1 .des3 {background:#ffedef;position: relative;}
.myCompCol.pCol2 .des1 {background:#f6f8ff;position: relative;}
.myCompCol.pCol2 .des2 {background:#eff3fd;position: relative;}
.myCompCol.pCol2 .des3 {background:#e9f0ff;position: relative;}
.myCompCol.pCol3 .des1 {background:#e7ffea;position: relative;}
.myCompCol.pCol3 .des2 {background:#ddfce1;position: relative;}
.myCompCol.pCol3 .des3 {background:#e7ffea;position: relative;}
.myCompCol.first .des1 .rowName {color:#3b61b0;}
.myCompCol.first .des2 .rowName {color:#c51225;}
.myCompCol.first .des3 .rowName {color:#5dd36b;}
.priceLabel {text-align: left;float: left;width:100%; padding:10px 0px 10px 0px;}
.priceLabel a.pricesee {float:left; width:100%; margin-bottom:12px;}
.priceLabel img {float:left; max-width:80px;}
.priceLabel span.amazon_price {float:right; font-size:16px; color:#bf1a28; font-weight:600; border:0px; padding:0px; margin:0px;}
.priceLabel span.amazon_price:hover {background:none;color:#bf1a28;} 
.infoCompCol.last.des4 {margin:0px 0px 0px 0px; }
.offerColTableOuter { width:12%; float:left;position:relative; text-align:center;}
.offerColTable {background:#84e08f; border:5px solid #bcffc4; margin:0px; border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px;display:block; height:100%; margin:0px 5px; padding-top:145px;position:relative; }
.offerColTableOuter2{width:16%;}
.offerColTableOuter.offerColTableOuter2 .offerColTable{margin-right:0px;} 
.myCompColInner {padding:0px 5px; float:left; width:100%;}
.db {background:url(images/borderBg.png) repeat-x left top; height:9px; margin-top:32px; float:left; width:100%;}
.myComparision .offerColTableOuter h4 {font-size:14px; font-weight:700; text-transform:uppercase; color:#fff; margin:0px 0px 15px 0px;font-family: 'Open Sans', sans-serif;}
#myComparision .offerNo {background:#5dd36b; border:2px solid #fff; color:#fff; font-size:25px; line-height:32px; font-weight:700; width:37px; height:37px; border-radius:100%;display:inline-block; margin:0px 0px 15px 0px;font-family: 'Open Sans', sans-serif;}
#myComparision .offerText {color:#fff; font-weight:700; text-transform:uppercase; font-size:12px;font-family: 'Open Sans', sans-serif; display:block;}
.offerText2 {line-height:24px;margin-bottom:20px;display: block;}
.offerImage {margin:10px 0px; position:relative; margin-left:-6px; margin-right:-6px; background:url(images/offerbg.png) no-repeat right top; height:84px;}
#myComparision .offerImage span {position: absolute;left: 0px;right:0px;top:50%;bottom: 0px;margin-top:-17px;font-size:12px; color:#5dd36b; font-weight:700; font-family: 'Open Sans', sans-serif;}
.clear {clear:both;}
.offerInclude .myCompCol {width:23%;}
.offerInclude .myCompCol.first {width:3%;}
.myCompCol.pCol1 .myCompColInner {padding-left:0px;}
.myCompCol.first .db {background:none;}
.compLogo {display:inline-block;margin: 10px 0;
}
.offerColTableInner {position:absolute; bottom:60%; width:100%;}
.hello .offerColTableInner{position:fixed;bottom:32%;}
.hello1 .offerColTableInner{position:fixed;bottom:44%;}
.offerColTableInner.bottom {position: absolute; bottom:0 !important;}
h2 span.headText {float:left; width:100%; max-height:40px; font-size:14px; color:#fff;}
.myCompCol.first h2 {visibility:hidden;}
.mob_title {display:none;}
.offerColTableOuter.offerColTableOuter2 .offerColTableInner{margin-bottom:50px;}
.three_products .myCompCol {width:32%;}
/*
.pricesee.price_less.compRedBtn {padding:12px 5px !important; text-align:center; line-height:normal;}
#myComparision .compRedBtn{margin:-6px 0 0 0;}
*/
.pricesee.price_less.compRedBtn span {color:#fff; font-size:12px !important;}

.db_border {
    margin-top: 34px !important;
}
.myCompColInner {
    padding: 0px 0px;
    width: 98%;
    margin: auto;
    float: none;
    border: 2px Solid transparent;
    overflow: hidden;
    border-radius: 10px 10px 0px 0;
}
.pCol1:hover .myCompColInner {
    border: 2px solid #a21220;
}
.pCol2:hover .myCompColInner {
    border: 2px solid #1b3c8e;
}
.pCol3:hover .myCompColInner {
    border: 2px solid #63d570;
}

.priceLabel a.pricesee {
	font-size: 13px;
	color: #5d5d5d;
}

.badge_outer {
    display: none!important;
}

.mobilelink {
    display: none;
}

/*---------------*/
/*--------Responsive Css for Comparison Table Start-------*/
/*---------------*/
@media screen and (max-width:1366px) {
.myComparision .offerColTableOuter h4 {font-size: 12px;}
#myComparision .offerText {font-size:12px;}
#myComparision .offerImage span {font-size:12px;}
h2 span.headText, .compThumbHead {font-size: 13px; font-weight: bold;}
.myCompCol.first .infoCompCol .rowName {font-size: 12px;}
.priceLabel span.amazon_price {font-size:13px;}
}

@media screen and (max-width:1230px) {
#myComparision {float: none;width:60%;margin: 0px auto; border:0px;}
.offerInclude .myCompCol {width: 100%;}	
.myCompCol.first {display:none;}
.myCompCol.pCol1 .myCompColInner {padding:0px;}
.offerColTableOuter.offerColTableOuter2 .offerColTable {margin:0px;}
.myCompColInner {padding: 0px;}
.db {display:none;}
.offerColTableOuter {width: 100%;}
.offerColTable {margin: 0px;padding-top: 0px;text-align: center;}
.offerImage {margin: 10px 0px;background: url(images/offerbg.png) no-repeat center top;}
#myComparision .offerImage span {font-size: 15px;}
.offerColTableInner {padding:20px 0px;	position: static !important;}
.offerColTableOuter.offerColTableOuter2 .offerColTableInner {margin-bottom: 0;}
}

@media screen and (max-width:991px) {
.myCompCol h2.bg.red, .myCompCol h2.bg.blueHead, .myCompCol h2.bg.blank  {padding:0px ;}
}

@media screen and (max-width:640px) {
	a.compLink.mobilelink {
		width: 66%;
	}
	.mobilelink {
		display: block;
	}
	.mobile_prime img {
		
		margin-left: 2px;
	}
	.mobile_prime {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		margin-left: 25px;
	}
	.compLink{
		text-transform:capitalize;
		padding:13px 25px;
	}
	.myCompCol {
		width: 100%;
	}
	.infoCompCol.des1,
	.infoCompCol.des2,
	.infoCompCol.des3 {
		height: auto !important;
	}
	.myCompCol.first {
		display: none;
	}
	
  
    
    .priceLabel a.pricesee{text-align: center;}
    
    .priceLabel a.pricesee img{float: none;}
    
	a.amy_yellow_button {
		width: auto !important;
		height: 100% !important;
	}
	.myCompCol h2.bg.blank {
		visibility: visible;
	}
	.pCol1:hover .myCompColInner {
		border: transparent;
	}
	.pCol2:hover .myCompColInner {
		border: transparent;
	}
	.pCol3:hover .myCompColInner {
		border: transparent;
	}
	.myCompCol:not(:first-child) .infoCompCol.des1::before {
		content: "\f067";
		position: absolute;
		height: 0;
		width: 0;
		left: 7px;
		top: 20px;
		text-align: center;
		color: #0a7a18;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: 18px;
		transform: translateY(0px);
	}
	.myCompCol:not(:first-child) .infoCompCol.des2::before {
		content: "\f068";
		color: #f80001;
		position: absolute;
		height: 10px;
		width: 10px;
		left: 5px;
		top: 20px;
    text-align: center;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 18px;
    transform: translateY(0px);
	}
	.myCompCol:not(:first-child) .infoCompCol.des3::before {
    content: "";
    background-image: url(images/tick.png);
    position: absolute;
    height: 32px;
    width: 32px;
    left: 5px;
    top: 20px;
    text-align: center;
    background-size: 60%;
    background-repeat: no-repeat;
    transform: translateY(0px);
}
	.myCompCol.pCol1 .myCompColInner {
		border: 2px #a21220 solid;
		margin-bottom: 30px;
	}
	.myCompCol.pCol2 .myCompColInner {
		border: 2px #1b3c8e solid;
		margin-bottom: 30px;
	}
	.myCompCol.pCol3 .myCompColInner {
		border: 2px #63d570 solid;
		margin-bottom: 30px;
	}
	.priceLabel a.pricesee {
		margin-bottom: 0 !important;
	}
    
    .infoCompCol {padding: 15px 8px 0px 28px;}
}

@media only screen and (max-width: 1536px) and (min-width: 1536px)  {
.hello .offerColTableInner {bottom:42%;}
}
.visitStore {width:auto !important;}


/*discount badge css*/
.com-badge-outer {display: flex;align-items: center;justify-content: center;position: relative;}
.badge_outer {display: inline-block;position: absolute;right: -9px;font-size: 0;top: -25px;margin-top: 3px;}
.badge {display: inline-block;position: relative; width:73px;}
.com-badge-outer .badge p {position: absolute;top: 50%;transform: translateY(-56%);color:#fff;line-height: 12px !important;padding-bottom: 0px !important;
 margin-bottom: 0 !important;text-align: center;}
.badge .text { font-size: 9px}
.badge .number { font-size: 13px;font-weight: 700;}
.infoCompCol.des1 {
    margin-top: 1px;
} 

@media screen and (max-width:1360px){
	.badge_outer {right: -16px;}
}
@media screen and (min-width:490px) and (max-width:1230px){
	.badge_outer {
		right: 22%;
	}
}


@media screen and (min-width:1500px){
	.badge_outer {
		top: -40px;
	}
}
/*---------------*/


.infoCompCol.last.des4:last-child {
	padding: 10px;
	padding-top: 0px;
	    margin-top: -10px;
}

.headIcon i {
	color: #fff;
	font-size: 28px;
	display: flex;
}

h2.bg blank span.headText {
	color: #fff;
}

.greenArrow {
    background: url(images/greenArrow.png) no-repeat center top;
    height: 11px;
    position: absolute;
    bottom: -11px;
    left: 0px;
    right: 0px;
}

.priceLabel a.pricesee {
	background: linear-gradient(to right, #ff7100 0%, #ff7100 100%);
	border-radius: 17px;
	margin: 0px 0px 0px 0px;
    padding: 10px 6px;
	text-align: center !important;
	text-decoration: none;
}

.priceLabel span.amazon_price {
	color: #fff !important;
	font-weight: 500 !important;
    width: auto;
    float: none !important;
}

a.amy_yellow_button {
	opacity: 4 !important;
	transform: translate(0) scale(1);
}
.amy_yellow_button.aos-init.aos-animate:hover {
	background: #ea7308c2;
}


.bg img {
    max-width: 28px !important;
    fill:#fff;
}

.headIcon {
        width: auto;
        padding: 13px 13px 0 0px;
    }

h2 span.headText {
        width: auto;
		height: auto !important; 
    }

h2.bg.red, h2.bg.blueHead, h2.bg.blank {
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.amanzonprice img, .blueArrow, .redArrow, .greenArrow {
    display: none;
}


.bg img {
    max-width: 28px !important;
    fill:#fff;
}

.headIcon {
        width: auto;
        padding: 7px 13px 0 0px;
    }
.open-divs .des1, .open-divs .des2 {
    display: block !important;
}
h2 span.headText {
        width: auto;
    }

h2.bg.red, h2.bg.blueHead, h2.bg.blank {
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.amanzonprice img, .blueArrow, .redArrow, .greenArrow {
    display: none;
}


.bg img {
    max-width:auto!important;
    fill: #fff;
    width: 26px;
}

.pricesee.price_less {
    display: none;
}

.pricesee.desktop_price.price_less {
    display: block;
}
    

@media screen and (min-width:768px){
	.infoCompCol.last.des4:last-child {
		margin-top:0px;
		padding-top:10px;
	}
}


@media screen and (max-width:767px){
	.compLink.mobilelink:hover {
		color: #fff;
		text-decoration: navajowhite;
	}
	a.compLink.mobilelink {
		display: inline-block;
	}
	a.compLink.desktoplink {
		display: none;
	}
    .priceLabel {
		   width: 60%;
			padding: 10px 0px 10px 0px;
			margin: 0 auto;
		}

		.priceLabel a.pricesee {float:none; width:100%; 
			}

		.priceLabel {
			float: none;
		}
			
		.compThumbHead {
		  padding-top: 10px;
			margin-bottom: 0;
	}	
    .pricesee.price_less {
        display: block;
    }
    
    .pricesee.desktop_price {
        display: none;
    }
    
    .myCompCol.pCol1 .infoCompCol.last.des4 {
        background: #ffedef;
    }
    
    .myCompCol.pCol2 .infoCompCol.last.des4 {
        background: #e9f0ff;
    }
    
    .myCompCol.pCol3 .infoCompCol.last.des4 {
        background: #e7ffea;
    }
    
    .myCompCol.pCol1 .priceLabel a.pricesee {
        border: #a21220 2px solid;
    }
    
     .myCompCol.pCol3 .priceLabel a.pricesee {
        border: #63d570 2px solid;
    }
    
     .myCompCol.pCol2 .priceLabel a.pricesee {
        border: #1b3c8e 2px solid;
    }
    
    .myCompCol.pCol1 .des1, .myCompCol.pCol1 .des2, .redArrow, .myCompCol.pCol2 .des1, .myCompCol.pCol2 .des2, .myCompCol.pCol3 .des1, .myCompCol.pCol3 .des2 {
       display: none;
    }
    
    .compLink {
        background: #ff7100 !important;
        padding: 10px 10px !important;
        margin: 16px 0px 0px 0px;  
		/* width:60%; */
    }
    
    .priceLabel span.amazon_price {
        color: #ff7100 !important;
    }
    
    .priceLabel a.pricesee {
        background: transparent;
        border-radius: 8px;
    }
    
   
    
    .amanzonprice img {
        display: inline-block;
        float: initial;
    }
   

    
    
    .compLogo img {
        display: none;
    }
    
    .priceLabel img {
        max-width: 10px;
        margin: 0 5px;
    }

}


.su-button-center{
  margin: 10px 0px;
}
.su-button.su-button-style-default.red {
    background-color: #ff0000b3;
}
.su-button-center a{
	display:inline-block;
	color:#FFFFFF;
	background-color:#2D89EF;
	border-color:#246ec0;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	padding: 10px 0px;
    text-align: center;
	text-decoration: none;
}

.su-button-center span{
	color:#FFFFFF;
	padding:7px 20px;
	font-size:16px;
	line-height:24px;
	border-color:#6cadf4;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	text-shadow:none;
	-moz-text-shadow:none;
	-webkit-text-shadow:none
}
.su-button i {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin: 0 .5em 0 0!important;
    text-align: center;
    line-height: 1em;
}
.su-button strong {
    font-size: 16px;
	font-weight: 700;
}
.su-button.su-button-style-default:hover {
    opacity: .7;
}
.su-button.su-button-style-default strong {
	color: #ffffff !important;
}