*{
	margin:0;
	padding:0;
}
body{
	background:#FFFFFF;
}
:root{
	--blueColor: #167ac6;
	--blueDarkColor: #23527c;
	--secondaryColor: #1D3557;
	--lightColor: #FFFFFF;
	--grayColor: #F7F7F7;
	--darkColor: #333333;
	--blackColor: #000000;
	--redColor: #FF0000;

	--baseFont: 'Open Sans', sans-serif;
}

/* ========== Custom CSS Starts ========== */

/* ===== CSS For "Common Cases" Starts Here ===== */
.grid_item{
    display: -ms-grid;
    display: grid;
    -ms-flex-line-pack: center;
	align-content: center;
}
/* ======================== */
.cta_btn_wrap{
	margin-top: 25px;
}
.cta_btn{
	color: var(--lightColor);
	background: #16c248;
	font-family: var(--baseFont);
	font-weight: 700;
	font-size: 18px;
	border-bottom: 5px solid #0e8f35;
	border-radius: 7px;
	min-width: 100%;
	text-align: center;
	display: block;
	padding: 10px 25px;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;	
}
.cta_btn:hover{
	color: var(--lightColor);
	background: #16c248;
	text-decoration: none;
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
.cta_btn span{
	font-size: 30px;
	font-weight: 500;
	line-height: 20px;
	position: relative;
	top: 2px;
	margin-left: 3px;
}
.cta_btn_wrap h6{
	color: #999999;
	font-family: var(--baseFont);
	font-weight: 500;
	font-size: 13px;
	margin-bottom: 0px;
	margin-top: 5px;
	text-align: center;
}
.cta_btn_wrap h6 .current_price{
	color: #339966;
	font-weight: 700;
}
.cta_btn_wrap h6 del{
	color: #A52A2A;
	font-weight: 700;
}
/* ======================== */
.para_texts p{
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: 400;
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 20px;
}
.para_texts p:last-child{
	margin-bottom: 0px;
}
.para_texts p a{
	color: var(--blueColor);
	font-weight: 700;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.para_texts p a:hover{
	color: var(--blueDarkColor);
	text-decoration: underline;
}
.para_texts p .bold_texts{
	font-weight: 700;
}
.para_texts p .red_color{
	color: var(--redColor);
	font-weight: 700;
}
/* ======================== */
.container{
	max-width: 1170px;
}
/* ===== CSS For "Common Cases" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Advertorial" Starts Here ===== */
.advertorial_texts{
	background: #F7F7F7;
	padding: 10px 0px;
	text-align: center;
}
.advertorial_texts p{
	color: #777777;
	font-family: var(--baseFont);
	font-weight: 400;
	font-size: 14px;
	margin-bottom: 0px;
	line-height: 1;
}
/* ===== CSS For "Advertorial" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Header" Starts Here ===== */
.header{
	padding: 20px 0px;
}
.header .consumer_logo a{
	text-decoration: none;
}
.header .consumer_logo .logo{
	max-width: 240px;
}
.header .consumer_logo .flag{
	max-width: 30px;
	position: relative;
	margin-left: 2px;
	top: 3px;
}
.header .update{
	background: #FCF8E3;
	border: 1px solid #FBEED5;
	border-radius: 4px;
	padding: 8px 10px;
	text-align: center;
	margin-top: 20px;
}
.header .update p{
	color: var(--blackColor);
	font-family: var(--baseFont);
	font-weight: 400;
	font-size: 16.5px;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	margin-bottom: 0px;
}
.header .update p .bold_texts{
	font-weight: 700;
}
.header .update p a{
	color: var(--blueColor);
	font-weight: 700;
	text-decoration: underline;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.header .update p a:hover{
	color: var(--blueDarkColor);
}
/* ===== CSS For "Header" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Middle Content" Starts Here ===== */
.middle_content_wrap{
	padding-top: 10px;
	padding-bottom: 75px;
}
.middle_content{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 360px;
    grid-template-columns: 1fr 360px;
    grid-auto-rows: auto;
    gap: 30px;	
}
.main_article video{
	width: 100%;
	vertical-align: middle;
}
/* ===== CSS For "Middle Content" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Article" Starts Here ===== */
.main_article .top_title_info{
	margin-bottom: 20px;
}
.main_article .top_title_info h2{
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: 700;
	font-size: 36px;
	margin-bottom: 0px;
	letter-spacing: -1px;
	line-height: 1.4;
}
.main_article .top_title_info h2 .highlight{
	border-radius: 30px 0px 30px 0px;
	background-image: linear-gradient(-100deg, rgba(255, 224, 0, 0.3), rgba(255, 224, 0, 0.7) 95%, rgba(255, 224, 0, 0.1));
}
.main_article .top_title_info h5{
	color: var(--blueColor);
	font-family: var(--baseFont);
	font-weight: 700;
	font-size: 20px;
	margin: 15px 0px;
}
.main_article .top_title_info h5 a{
	color: var(--blueColor);
	text-decoration: underline;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.main_article .top_title_info h5 a:hover{
	color: var(--blueDarkColor);
}
.main_article .top_title_info .author_info ul{
	margin-bottom: 0px;
	font-size: 0px;
}
.main_article .top_title_info .author_info ul li{
	list-style: none;
	display: inline-block;
	margin-right: 15px;
	color: #919ba3;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 14px;
}
.main_article .top_title_info .author_info ul li span{
	color: var(--darkColor);
	text-transform: uppercase;
	margin-left: 5px;
}
.main_article .top_title_info .author_info ul li:last-child{
	margin-right: 0px;
}

.main_article .top_title_info .author_info .ratings i{
	color: #F7CB01;
	font-size: 14px;
}

.main_article .top_title_info .author_info .author{
	width: 35px;
	height: 35px;
	-o-object-fit: cover;
	object-fit: cover;
	border: 1px solid var(--darkColor);
	border-radius: 50%;
}

/* ============================== */
/* ============================== */

.main_article .article_banner{
	margin-bottom: 50px;
}
.main_article .article_banner video{
	border-radius: 4px 4px 0px 0px;
}
.main_article .article_banner .caption{
	background: #D9EDF7;
	border: 1px solid #BCE8F1;
	border-radius: 0px 0px 4px 4px;
	padding: 10px 15px;
	text-align: center;
}
.main_article .article_banner .caption p{
	color: var(--blackColor);
	font-family: var(--baseFont);
	font-weight: 700;
	font-size: 17px;
	font-style: italic;
	margin-bottom: 0px;
}

/* ============================== */
/* ============================== */

.main_article .single_part{
	margin-bottom: 40px;
}
.main_article .single_part:last-child{
	margin-bottom: 0px;
}
.main_article .single_part .title{
	margin-bottom: 20px;
}
.main_article .single_part .title h3{
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: 700;
	font-size: 30px;
	margin-bottom: 0px;
}
.main_article .single_part .title h3 a{
	color: var(--blueColor);
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.main_article .single_part .title h3 a:hover{
	color: var(--blueDarkColor);
	text-decoration: underline;
}
.main_article .single_part .title h5{
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: 700;
	font-size: 22px;
	margin-bottom: 0px;
}

.main_article .single_part .preview_video{
	margin: 15px 0px;
}
.main_article .single_part .preview_image{
	margin-bottom: 15px;
}
.main_article .single_part .preview_image img{
	width: 100%;
}

.main_article .single_part .preview_image .caption{
	background: #F7F7F7;
	padding: 10px 15px;
}
.main_article .single_part .preview_image .caption p{
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: 400;
	font-size: 20px;
	font-style: italic;
	margin-bottom: 0px;
}
.main_article .single_part .preview_image .caption p a{
	color: var(--blueColor);
	font-weight: 700;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.main_article .single_part .preview_image .caption p a:hover{
	color: var(--blueDarkColor);
	text-decoration: underline;
}

/* ============================== */
/* ============================== */

.main_article .bullet_points{
	margin: 20px 0px;
}
.main_article .bullet_points h6{
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 10px;
}
.main_article .bullet_points ul{
	margin-bottom: 0px;
	padding-left: 10px;
}
.main_article .bullet_points ul li{
	list-style: none;
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: 400;
	font-size: 19px;
	margin-bottom: 10px;
	position: relative;
	padding-left: 20px;
}
.main_article .bullet_points ul li:last-child{
	margin-bottom: 0px;
}
.main_article .bullet_points ul li:before{
	content: "";
	width: 7px;
	height: 7px;
	background: #454545;
	border-radius: 50%;
	position: absolute;
	left: 0px;
	top: 11px;
}

/* ============================== */
/* ============================== */

.main_article .check_points{
	margin-bottom: 20px;
}
.main_article .check_points h6{
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 15px;
}
.main_article .check_points ul{
	margin-bottom: 0px;
	padding-left: 10px;
}
.main_article .check_points ul li{
	list-style: none;
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: 400;
	font-size: 19px;
	margin-bottom: 15px;
	position: relative;
	padding-left: 30px;
}
.main_article .check_points ul li:last-child{
	margin-bottom: 0px;
}
.main_article .check_points ul li:before{
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	font-size: 12px;
	color: var(--lightColor);
	width: 22px;
	height: 22px;
	background: #16C60C;
	border: 1px solid #000000;
	text-align: center;
	line-height: 22px;
	position: absolute;
	left: 0px;
	top: 5px;
}
.main_article .check_points ul li a{
	color: var(--blueColor);
	font-weight: 700;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.main_article .check_points ul li a:hover{
	color: var(--blueDarkColor);
	text-decoration: underline;
}

/* ============================== */
/* ============================== */

.main_article .user_feedback{
	margin-top: 10px;
}
.main_article .user_feedback .single_feedback{
	background: #F7F7F7;
	padding: 10px 15px;
	margin-bottom: 10px;
}
.main_article .user_feedback .single_feedback:last-child{
	margin-bottom: 0px;
}
.main_article .user_feedback .single_feedback p{
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: 400;
	font-size: 18px;
	font-style: italic;
	margin-bottom: 0px;	
}
.main_article .user_feedback .single_feedback p .bold_texts{
	font-weight: 700;
}

/* ============================== */
/* ============================== */

.main_article .stock_alert_box{
	background: #EDF9FF;
	border: 2px solid #E15D3A;
	padding: 20px;
	margin: 20px 0px;
}

/* ===== CSS For "Article" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Sidebar" Starts Here ===== */
.sidebar .sticky-top{
	padding-top: 10px;
}
.sidebar .box_title{
	background: #222222;
	padding: 7.5px 10px;
	text-align: center;
	border-radius: 5px 5px 0px 0px;
}
.sidebar .box_title h5{
	color: var(--lightColor);
	font-family: var(--baseFont);
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 0px;
}
.sidebar .product_box{
	margin-bottom: 25px;
}
.sidebar .product_box .box_body{
	padding: 20px;
	border: 1px solid #E5E5E5;
	border-top: none;
	border-radius: 0px 0px 5px 5px;
	text-align: center;
}
.sidebar .product_box .cta_btn_wrap{
	margin-top: 35px;
}
.sidebar .product_box .cta_btn{
	font-size: 16px;
}
.sidebar .product_box .cta_btn span{
	font-size: 26px;
	top: 1px;
	margin-left: 2px;
}
/* ===== CSS For "Sidebar" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Footer" Starts Here ===== */
.footer{
	background: #2E3138;
	padding: 40px 0px;
	text-align: center;
}

.footer .info_texts p{
	color: #abb0ba;
	font-family: var(--baseFont);
	font-weight: 400;
	font-size: 14px;
	margin-bottom: 25px;
}
.footer .info_texts p:last-child{
	margin-bottom: 0px;
}

.footer .legal_links{
	margin: 35px 0px;
}
.footer .legal_links ul{
	margin-bottom: 0px;
	font-size: 0px;
}
.footer .legal_links ul li{
	list-style: none;
	display: inline-block;
	margin-right: 15px;
}
.footer .legal_links ul li:last-child{
	margin-right: 0px;
}
.footer .legal_links ul li a{
	color: #abb0ba;
	font-family: var(--baseFont);
	font-weight: 500;
	font-size: 15px;
	line-height: 1;
	border-right: 1px solid #abb0ba;
	padding-right: 15px;
	display: block;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.footer .legal_links ul li:last-child a{
	border-right: none;
	padding-right: 0px;
}
.footer .legal_links ul li a:hover{
	color: var(--lightColor);
}

.footer .copyright p{
	color: #abb0ba;
	font-family: var(--baseFont);
	font-weight: 500;
	font-size: 15px;
	margin-bottom: 0px;
}
/* ===== CSS For "Footer" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Scroll to Top" Starts Here ===== */
.scrolltotop i {
	color: #FFFFFF;
	background: #54B948;
	width: 40px;
	height: 40px;
	font-size: 18px;
	line-height: 38px;
	text-align: center;
	cursor: pointer;
	border-radius: 50%;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99999999;
}
.scrolltotop i:hover{
	-webkit-box-shadow:0px 0px 10px #54B948;
	-moz-box-shadow:0px 0px 10px #54B948;
	box-shadow:0px 0px 10px #54B948;
}
/* ===== CSS For "Scroll to Top" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Bottom Offer" Starts Here ===== */
.bottom_offer{
	position: fixed;
	bottom: -100%;
	left: 0px;
	right: 0px;
	width: 100%;
	background: #00C249;
	padding: 12.5px;
	z-index: 999999;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.bottom_offer a{
	color: #00C249;
	background: var(--lightColor);
	border-radius: 5px;
	font-family: var(--baseFont);
	font-weight: 700;
	font-size: 16px;
	display: block;
	text-align: center;
	padding: 11px 15px;
	text-decoration: none;
	box-shadow: 3px 3px 4px 0 rgba(12,113,40,.7);
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
/* ===== CSS For "Bottom Offer" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Exit Popup" Starts Here ===== */
#ouibounce-modal{
	z-index: 99999999;
}
#ouibounce-modal .popups {
	width: 750px;
	height: 100%;
	z-index: 99999;
	position: absolute;
	margin: auto;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	overflow-y: auto;
}
#ouibounce-modal .underlay {
	background-color: rgba(0,0,0,0.75);
}

#ouibounce-modal .popups .popup_contents{
	background-color: #FFFFFF;
	left: 50%;
	top: 50%;
	width: 100%;
	position: absolute;
	border-radius: 5px;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#ouibounce-modal .popups .popups-title {
	position: relative;
	padding: 10px 10px;
	background: #9AD94F;
	border-radius: 5px 5px 0px 0px;
}
#ouibounce-modal .popups .popups-title h4{
	color: var(--lightColor);
	font-family: var(--baseFont);
	font-weight: 700;
	font-size: 24px;
	margin-bottom: 0px;
	text-align: center;
}
#ouibounce-modal .popups .popups-title .popup_closer{
	color: #B5B5B5;
	font-family: var(--baseFont);
	font-weight: 400;
	font-size: 30px;
	position: absolute;
	right: 0px;
	top: -30px;
	line-height: 1;
	text-decoration: none;
}

#ouibounce-modal .popups-body {
	padding: 0px;
}

#ouibounce-modal .popups .product_wrap{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 25px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    gap: 25px;
	padding-top: 15px;
	padding: 25px;
	padding-bottom: 35px;
}
#ouibounce-modal .popups .product_wrap .product_image img{
	display: block;
	width: 100%;
}
#ouibounce-modal .popups .product_texts h4{
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: 800;
	font-size: 30px;
	margin-bottom: 15px;
}
#ouibounce-modal .popups .product_texts p{
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: 400;
	font-size: 16px;
	margin-bottom: 0px;
}
#ouibounce-modal .popups .product_texts p .bold_texts{
	font-weight: 700;
}

#ouibounce-modal .popups .cta_btn_wrap{
	margin-top: 30px;
}
#ouibounce-modal .popups .cta_btn_wrap a{
	color: var(--lightColor);
	background: #0E820C;
	display: block;
	padding: 12.5px 15px;
	border-radius: 5px;
	font-family: var(--baseFont);
	font-weight: 700;
	font-size: 16px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
#ouibounce-modal .popups .cta_btn_wrap a span {
	font-size: 25px;
	font-weight: 500;
	line-height: 20px;
	position: relative;
	top: 0px;
	margin-left: 3px;
}
#ouibounce-modal .popups .cta_btn_wrap a:hover{
	background: #9AD94F;
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
/* ===== CSS For "Exit Popup" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */