@charset "utf-8";



/* CSS Document */



/******************************



COLOR PALETTE



[Table of Contents]



1. Fonts



2. Body and some general stuff



3. Home



	3.1 Currency



	3.2 Language



	3.3 Account



	3.4 Main Navigation



	3.5 Hamburger Menu



	3.6 Logo



	3.7 Main Slider



4. Banner



5. New Arrivals



	5.1 New Arrivals Sorting



	5.2 New Arrivals Products Grid



6. Deal of the week



7. Best Sellers



	7.1 Slider Nav



8. Benefit



9. Blogs



10. Newsletter



11. Footer



******************************/



/***********



1. Fonts



***********/



@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,900');

@font-face {

  font-family: 'Avenir-Roman';

  src: URL('font/Avenir-Roman-12.ttf') format('truetype');

}

@font-face {

  font-family: 'Avenir-Light';

  src: URL('font/Avenir-Light-07.ttf') format('truetype');

}

@font-face {

  font-family: 'Avenir-LightOblique';

  src: URL('font/Avenir-LightOblique-08.ttf') format('truetype');

}

/*********************************



2. Body and some general stuff



*********************************/







*



{



	margin: 0;



	padding: 0;



}



body



{



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



	font-size: 14px;



	line-height: 23px;



	font-weight: 400;



	background: #FFFFFF;



	color: #1e1e27;



}



div



{



	display: block;



	position: relative;



	-webkit-box-sizing: border-box;



    -moz-box-sizing: border-box;



    box-sizing: border-box;



}



ul



{



	/*list-style: none;*/



	margin-bottom: 0px;



}



p



{



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



	font-size: 14px;



	line-height: 1.7;



	font-weight: 500;



	/*color: #989898;*/

	color: #060000;

	-webkit-font-smoothing: antialiased;



	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;



	text-shadow: rgba(0,0,0,.01) 0 0 1px;



}



p a



{



	display: inline;



	position: relative;



	color: inherit;



	border-bottom: solid 2px #50c7e6;



	-webkit-transition: all 200ms ease;



	-moz-transition: all 200ms ease;



	-ms-transition: all 200ms ease;



	-o-transition: all 200ms ease;



	transition: all 200ms ease;



}



a, a:hover, a:visited, a:active, a:link



{



	text-decoration: none;



	-webkit-font-smoothing: antialiased;



	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;



	text-shadow: rgba(0,0,0,.01) 0 0 1px;



}



p a:active



{



	position: relative;



	color: #FF6347;



}



p a:hover



{



	color: #FF6347;



	background: #50c7e6;



}



p a:hover::after



{



	opacity: 0.2;



}



::selection



{



	background: #50c7e6;



	color: #FF6347;



}



p::selection



{



	background: #50c7e6;



}



h1{font-size: 72px;}



h2{font-size: 40px;}



h3{font-size: 28px;}



h4{font-size: 24px;}



h5{font-size: 16px;}



h6{font-size: 14px;}



h1, h2, h3, h4, h5, h6



{



	color: #282828;



	-webkit-font-smoothing: antialiased;



	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;



	text-shadow: rgba(0,0,0,.01) 0 0 1px;



}



h1::selection,



h2::selection,



h3::selection,



h4::selection,



h5::selection,



h6::selection



{







}



::-webkit-input-placeholder



{



	font-size: 16px !important;



	font-weight: 500;



	color: #777777 !important;



}



:-moz-placeholder /* older Firefox*/



{



	font-size: 16px !important;



	font-weight: 500;



	color: #777777 !important;



}



::-moz-placeholder /* Firefox 19+ */



{



	font-size: 16px !important;



	font-weight: 500;



	color: #777777 !important;



}



:-ms-input-placeholder



{



	font-size: 16px !important;



	font-weight: 500;



	color: #777777 !important;



}



::input-placeholder



{



	font-size: 16px !important;



	font-weight: 500;



	color: #777777 !important;



}



.form-control



{



	color: #000000;



}



section



{



	display: block;



	position: relative;



	box-sizing: border-box;



}



.clear



{



	clear: both;



}



.clearfix::before, .clearfix::after



{



	content: "";



	display: table;



}



.clearfix::after



{



	clear: both;



}



.clearfix



{



	zoom: 1;



}



.float_left



{



	float: left;



}



.float_right



{



	float: right;



}



.trans_200



{



	-webkit-transition: all 200ms ease;



	-moz-transition: all 200ms ease;



	-ms-transition: all 200ms ease;



	-o-transition: all 200ms ease;



	transition: all 200ms ease;



}



.trans_300



{



	-webkit-transition: all 300ms ease;



	-moz-transition: all 300ms ease;



	-ms-transition: all 300ms ease;



	-o-transition: all 300ms ease;



	transition: all 300ms ease;



}



.trans_400



{



	-webkit-transition: all 400ms ease;



	-moz-transition: all 400ms ease;



	-ms-transition: all 400ms ease;



	-o-transition: all 400ms ease;



	transition: all 400ms ease;



}



.trans_500



{



	-webkit-transition: all 500ms ease;



	-moz-transition: all 500ms ease;



	-ms-transition: all 500ms ease;



	-o-transition: all 500ms ease;



	transition: all 500ms ease;



}



.fill_height



{



	height: 100%;



}



.super_container



{



	width: 100%;



	overflow: hidden;



}



/* Popup container */

.popup {

  position: relative;

  display: inline-block;

  cursor: pointer;

}



/* The actual popup (appears on top) */

.popup .popuptext {

  visibility: hidden;

  width: 200%;

  background-color: #cce5ff;

  color: #004085;

  text-align: left;

  border-radius: 6px;

  padding: 8px;

  position: absolute;

  z-index: 1;

  bottom: 125%;

  left: 50%;

  margin-left: -80px;

}



/* Popup arrow */

.popup .popuptext::after {

  content: "";

  position: absolute;

  top: 100%;

  left: 50%;

  margin-left: -5px;

  border-width: 5px;

  border-style: solid;

  border-color: #b8daff transparent transparent transparent;

}



/* Toggle this class when clicking on the popup container (hide and show the popup) */

.popup .show {

  visibility: visible;

  -webkit-animation: fadeIn 1s;

  animation: fadeIn 1s

}



/* Add animation (fade in the popup) */

@-webkit-keyframes fadeIn {

  from {opacity: 0;}

  to {opacity: 1;}

}



@keyframes fadeIn {

  from {opacity: 0;}

  to {opacity:1 ;}

}



/*********************************



3. Home



*********************************/







.header



{



	position: fixed;



	top: 0;



	left: 0;



	width: 100%;



	background: #FFFFFF;



	z-index: 10;



}



.top_nav



{



	width: 100%;



	height: 50px;



	background: #1e1e27;



}



.top_nav_left



{



	height: 50px;



	line-height: 50px;



	font-size: 13px;



	color: #50c7e6;



	/*text-transform: uppercase;*/



}







/*********************************



3.1 Currency



*********************************/







.currency



{



	display: inline-block;



	position: relative;



	min-width: 50px;



	border-right: solid 1px #33333b;



	padding-right: 20px;



	padding-left: 20px;



	text-align: center;



	vertical-align: middle;



	background: #1e1e27;



}



.currency > a



{



	display: block;



	color: #50c7e6;



	font-weight: 400;



	height: 50px;



	line-height: 50px;



	font-size: 13px;



	text-transform: uppercase;



}



.currency > a > i



{



	margin-left: 8px;



}



.currency:hover .currency_selection



{



	visibility: visible;



	opacity: 1;



	top: 100%;



}



.currency_selection



{



	display: block;



	position: absolute;



	right: 0;



	top: 120%;



	margin: 0;



	width: 100%;



	background: #FFFFFF;



	visibility: hidden;



	opacity: 0;



	z-index: 1;



	box-shadow: 0 0 25px rgba(63, 78, 100, 0.15);



	-webkit-transition: opacity 0.3s ease;



	-moz-transition: opacity 0.3s ease;



	-ms-transition: opacity 0.3s ease;



	-o-transition: opacity 0.3s ease;



	transition: all 0.3s ease;



}



.currency_selection li



{



	padding-left: 10px;



	padding-right: 10px;



	line-height: 50px;



}



.currency_selection li a



{



	display: block;



	color: #232530;



	border-bottom: solid 1px #dddddd;



	font-size: 13px;



	text-transform: uppercase;



	-webkit-transition: opacity 0.3s ease;



	-moz-transition: opacity 0.3s ease;



	-ms-transition: opacity 0.3s ease;



	-o-transition: opacity 0.3s ease;



	transition: all 0.3s ease;



}



.currency_selection li a:hover



{



	color: #50c7e6;



}



.currency_selection li:last-child a



{



	border-bottom: none;



}







/*********************************



3.2 Language



*********************************/







.language



{



	display: inline-block;



	position: relative;



	min-width: 50px;



	border-right: solid 1px #33333b;



	padding-right: 20px;



	padding-left: 20px;



	text-align: center;



	vertical-align: middle;



	background: #1e1e27;



}



.language > a



{



	display: block;



	color: #50c7e6;



	font-weight: 400;



	height: 50px;



	line-height: 50px;



	font-size: 13px;



}



.language > a > i



{



	margin-left: 8px;



}



.language:hover .language_selection



{



	visibility: visible;



	opacity: 1;



	top: 100%;



}



.language_selection



{



	display: block;



	position: absolute;



	right: 0;



	top: 120%;



	margin: 0;



	width: 100%;



	background: #FFFFFF;



	visibility: hidden;



	opacity: 0;



	z-index: 1;



	box-shadow: 0 0 25px rgba(63, 78, 100, 0.15);



	-webkit-transition: opacity 0.3s ease;



	-moz-transition: opacity 0.3s ease;



	-ms-transition: opacity 0.3s ease;



	-o-transition: opacity 0.3s ease;



	transition: all 0.3s ease;



}



.language_selection li



{



	padding-left: 10px;



	padding-right: 10px;



	line-height: 50px;



}



.language_selection li a



{



	display: block;



	color: #232530;



	border-bottom: solid 1px #dddddd;



	font-size: 13px;



	-webkit-transition: opacity 0.3s ease;



	-moz-transition: opacity 0.3s ease;



	-ms-transition: opacity 0.3s ease;



	-o-transition: opacity 0.3s ease;



	transition: all 0.3s ease;



}



.language_selection li a:hover



{



	color: #50c7e6;



}



.language_selection li:last-child a



{



	border-bottom: none;



}







/*********************************



3.3 Account



*********************************/







.account



{



	display: inline-block;



	position: relative;



	min-width: 50px;



	padding-left: 20px;



	text-align: center;



	vertical-align: middle;



	background: #1e1e27;



}



.account > a



{



	display: block;



	color: #50c7e6;



	font-weight: 400;



	height: 50px;



	line-height: 50px;



	font-size: 13px;



}



.account > a > i



{



	margin-left: 8px;



}



.account:hover .account_selection



{



	visibility: visible;



	opacity: 1;



	top: 100%;



}



.account_selection



{



	display: block;



	position: absolute;



	right: 0;



	top: 120%;



	margin: 0;



	width: 100%;



	background: #FFFFFF;



	visibility: hidden;



	opacity: 0;



	z-index: 1;



	box-shadow: 0 0 25px rgba(63, 78, 100, 0.15);



	-webkit-transition: opacity 0.3s ease;



	-moz-transition: opacity 0.3s ease;



	-ms-transition: opacity 0.3s ease;



	-o-transition: opacity 0.3s ease;



	transition: all 0.3s ease;



}



.account_selection li



{



	padding-left: 10px;



	padding-right: 10px;



	line-height: 50px;



}



.account_selection li a



{



	display: block;



	color: #232530;



	border-bottom: solid 1px #dddddd;



	font-size: 14px;



	-webkit-transition: all 0.3s ease;



	-moz-transition: all 0.3s ease;



	-ms-transition: all 0.3s ease;



	-o-transition: all 0.3s ease;



	transition: all 0.3s ease;



}



.account_selection li a:hover



{



	color: #50c7e6;



}



.account_selection li:last-child a



{



	border-bottom: none;



}



.account_selection li a i



{



	margin-right: 10px;



}







/*********************************



3.4 Main Navigation



*********************************/







.main_nav_container



{



	width: 100%;



	background: #FFFFFF;



	box-shadow: 0 0 16px rgba(0, 0, 0, 0.15);



}



.navbar



{



	width: auto;



	height: 100px;



	float: right;



	padding-left: 0px;



	padding-right: 0px;



}



.navbar_menu li



{



	display: inline-block;



}



.navbar_menu li a



{



	display: block;



	color: #1e1e27;



	font-size: 13px;



	font-weight: 500;



	text-transform: uppercase;



	padding: 20px;



	-webkit-transition: color 0.3s ease;



	-moz-transition: color 0.3s ease;



	-ms-transition: color 0.3s ease;



	-o-transition: color 0.3s ease;



	transition: color 0.3s ease;



}



.navbar_menu li a:hover



{



	color: #50c7e6;



}



.navbar_user



{



	margin-left: 37px;



}



.navbar_user li



{



	display: inline-block;



	text-align: center;



}



.navbar_user li a



{



	display: -webkit-box;



	display: -moz-box;



	display: -ms-flexbox;



	display: -webkit-flex;



	display: flex;



	flex-direction: column;



	justify-content: center;



	align-items: center;



	position: relative;



	width: 40px;



	height: 40px;



	color: #1e1e27;



	-webkit-transition: color 0.3s ease;



	-moz-transition: color 0.3s ease;



	-ms-transition: color 0.3s ease;



	-o-transition: color 0.3s ease;



	transition: color 0.3s ease;



}



.navbar_user li a:hover



{



	color: #50c7e6;



}



.checkout a



{



	background: #eceff6;



	border-radius: 50%;



}



.checkout_items



{



	display: -webkit-box;



	display: -moz-box;



	display: -ms-flexbox;



	display: -webkit-flex;



	display: flex;



	flex-direction: column;



	justify-content: center;



	align-items: center;



	position: absolute;



	top: -9px;



	left: 22px;



	width: 20px;



	height: 20px;



	border-radius: 50%;



	background: #50c7e6;



	font-size: 12px;



	color: #FFFFFF;



}







/*********************************



3.5 Hamburger Menu



*********************************/







.hamburger_container



{



	display: none;



	margin-left: 40px;



}



.hamburger_container i



{



	font-size: 24px;



	color: #1e1e27;



	-webkit-transition: all 300ms ease;



	-moz-transition: all 300ms ease;



	-ms-transition: all 300ms ease;



	-o-transition: all 300ms ease;



	transition: all 300ms ease;



}



.hamburger_container:hover i



{



	color: #50c7e6;



}



.hamburger_menu



{



	position: fixed;



	top: 0;



	right: -400px;



	width: 400px;



	height: 100vh;



	background: rgba(255,255,255,0.95);



	z-index: 10;



	-webkit-transition: all 300ms ease;



	-moz-transition: all 300ms ease;



	-ms-transition: all 300ms ease;



	-o-transition: all 300ms ease;



	transition: all 300ms ease;



}



.hamburger_menu.active



{



	right: 0;



}



.fs_menu_overlay



{



	position: fixed;



	top: 0;



	left: 0;



	width: 100vw;



	height: 100vh;



	z-index: 9;



	background: rgba(255,255,255,0);



	pointer-events: none;



	-webkit-transition: all 200ms ease;



	-moz-transition: all 200ms ease;



	-ms-transition: all 200ms ease;



	-o-transition: all 200ms ease;



	transition: all 200ms ease;



}



.hamburger_close



{



	position: absolute;



	top: 26px;



	right: 10px;



	padding: 10px;



	z-index: 1;



}



.hamburger_close i



{



	font-size: 24px;



	color: #1e1e27;



	-webkit-transition: all 300ms ease;



	-moz-transition: all 300ms ease;



	-ms-transition: all 300ms ease;



	-o-transition: all 300ms ease;



	transition: all 300ms ease;



}



.hamburger_close:hover i



{



	color: #50c7e6;



}



.hamburger_menu_content



{



	padding-top: 100px;



	width: 100%;



	height: 100%;



	padding-right: 20px;



}



.menu_item



{



	display: block;



	position: relative;



	border-bottom: solid 1px #50c7e6;



	vertical-align: middle;



}



.menu_item > a



{



	display: block;



	color: #1e1e27;



	font-weight: 500;



	height: 50px;



	line-height: 50px;



	font-size: 14px;



	text-transform: uppercase;



}



.menu_item > a:hover



{



	color: #50c7e6;



}



.menu_item > a > i



{



	margin-left: 8px;



}



.menu_item.active .menu_selection



{



	display: block;



	visibility: visible;



	opacity: 1;



}



.menu_selection



{



	margin: 0;



	width: 100%;



	max-height: 0;



	overflow: hidden;



	z-index: 1;



	-webkit-transition: all 0.3s ease;



	-moz-transition: all 0.3s ease;



	-ms-transition: all 0.3s ease;



	-o-transition: all 0.3s ease;



	transition: all 0.3s ease;



}



.menu_selection li



{



	padding-left: 10px;



	padding-right: 10px;



	line-height: 50px;



}



.menu_selection li a



{



	display: block;



	color: #232530;



	border-bottom: solid 1px #dddddd;



	font-size: 13px;



	text-transform: uppercase;



	-webkit-transition: opacity 0.3s ease;



	-moz-transition: opacity 0.3s ease;



	-ms-transition: opacity 0.3s ease;



	-o-transition: opacity 0.3s ease;



	transition: all 0.3s ease;



}



.menu_selection li a:hover



{



	color: #50c7e6;



}



.menu_selection li:last-child a



{



	border-bottom: none;



}







/*********************************



3.6 Logo



*********************************/







.logo_container



{



	position: absolute;



	top: 50%;



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



	-moz-transform: translateY(-50%);



	-ms-transform: translateY(-50%);



	-o-transform: translateY(-50%);



	transform: translateY(-50%);



	left: 15px;



}



.logo_container a



{



	font-size: 24px;



	color: #1e1e27;



	font-weight: 700;



	text-transform: uppercase;



}



.logo_container a span



{



	color: #50c7e6;



}







/*********************************



3.7 Main Slider



*********************************/







.main_slider



{



	width: 100%;



	height: 700px;



	background-repeat: no-repeat;



	background-size: cover;



	background-position: center center;



	margin-top: 150px;



}



.main_slider_content



{



	width: 60%;

	color: #ffffff;



}



.main_slider_content h6



{



	font-weight: 500;



	text-transform: uppercase;



	margin-bottom: 29px;



}



.main_slider_content h1



{



	font-weight: 400;



	line-height: 1;



}



.red_button



{



	display: -webkit-inline-box;



	display: -moz-inline-box;



	display: -ms-inline-flexbox;



	display: -webkit-inline-flex;



	display: inline-flex;



	flex-direction: column;



	justify-content: center;



	align-items: center;



	width: auto;



	height: 50px;



	background: #94d500;



	border-radius: 8px;



	-webkit-transition: all 0.3s ease;



	-moz-transition: all 0.3s ease;



	-ms-transition: all 0.3s ease;



	-o-transition: all 0.3s ease;



	transition: all 0.3s ease;



}



.red_button:hover



{



	background: #50c7e6 !important;



}



.red_button a



{



	display: block;



	color: #FFFFFF;



	text-transform: uppercase;



	font-size: 28px;



	font-weight: 500;



	text-align: center;



	line-height: 40px;



	width: 100%;



}



.shop_now_button



{



	width: 280px;



	margin-top: 32px;



}







/*********************************



4. Banner



*********************************/







.banner



{



	width: 100%;



	margin-top: 30px;



}



.banner_item



{



	display: -webkit-box;



	display: -moz-box;



	display: -ms-flexbox;



	display: -webkit-flex;



	display: flex;



	flex-direction: column;



	justify-content: center;



	align-items: center;



	height: 265px;



	background-repeat: no-repeat;



	background-size: cover;



	background-position: center center;



}



.banner_category



{



	height: 50px;



	background: #FFFFFF;



	min-width: 180px;



	padding-left: 25px;



	padding-right: 25px;



}



.banner_category a



{



	display: block;



	color: #1e1e27;



	text-transform: uppercase;



	font-size: 22px;



	font-weight: 600;



	text-align: center;



	line-height: 50px;



	width: 100%;



	-webkit-transition: color 0.3s ease;



	-moz-transition: color 0.3s ease;



	-ms-transition: color 0.3s ease;



	-o-transition: color 0.3s ease;



	transition: color 0.3s ease;



}



.banner_category a:hover



{



	color: #50c7e6;



}







/*********************************



5. New Arrivals



*********************************/







.new_arrivals



{



	width: 100%;

	background: white;



}



.new_arrivals_title



{



	margin-top: 23px;



}







/*********************************



5.1 New Arrivals Sorting



*********************************/







.new_arrivals_sorting



{



	display: inline-block;



	border-radius: 3px;



	margin-top: 59px;



	overflow: visible;



}



.grid_sorting



{


	height: 25px;



	min-width: 102px;



	padding-left: 25px;



	padding-right: 25px;



	cursor: pointer;



	font-size: 14px;



	font-weight: 500;



	text-transform: uppercase;



	background: #FFFFFF;



	border-radius: 3px;



	margin: 0;



	float: left;



	margin-left: -1px;



}



.grid_sorting_button



{



	height: 40px;



	min-width: 102px;



	padding-left: 25px;



	padding-right: 25px;



	cursor: pointer;



	border: solid 1px #ebebeb;



	font-size: 14px;



	font-weight: 500;



	text-transform: uppercase;



	background: #FFFFFF;



	border-radius: 3px;



	margin: 0;



	float: left;



	margin-left: -1px;



}



.grid_sorting_button:first-child



{



	margin-left: 0px;



}



.grid_sorting_button:last-child



{







}



.grid_sorting_button.active:hover



{

	background: #50c7e6 !important;



}



.grid_sorting.active:hover



{

	width: 100%;

	background: #50c7e6 !important;



}



.grid_sorting_button.active



{



	color: #FFFFFF;



	background: #50c7e6;



}



.grid_sorting.active



{

	width: 100%;

	color: #FFFFFF;



	background: #50c7e6;



}





/*********************************



5.2 New Arrivals Products Grid



*********************************/







.product-grid



{



	width: 100%;



	margin-top: 57px;



}



.product-item



{



	width: 20%;



	height: 380px;



	/*cursor: pointer;*/



}



.product-item::after



{



	display: block;



	position: absolute;



	top: 0;



	left: -1px;



	width: calc(100% + 1px);



	height: 100%;



	pointer-events: none;



	content: '';



	border: solid 2px rgba(235,235,235,0);



	border-radius: 3px;



	-webkit-transition: all 0.3s ease;



	-moz-transition: all 0.3s ease;



	-ms-transition: all 0.3s ease;



	-o-transition: all 0.3s ease;



	transition: all 0.3s ease;



}



.product-item:hover::after



{



	box-shadow: 0 25px 29px rgba(63, 78, 100, 0.15);



	border: solid 2px rgba(235,235,235,1);



}



.product



{



	width: 100%;



	height: 340px;



	border-right: solid 1px #e9e9e9;



}



.product_image



{



	width: 100%;



}



.product_image img



{



	width: 100%;



}



.product_info



{



	text-align: center;



	padding-left: 10px;



	padding-right: 10px;



}



.product_name



{



	margin-top: 27px;



}



.product_name a



{



	color: #1e1e27;



	line-height: 20px;



}



.product_name:hover a



{



	color: #50c7e6;



}



.discount .product_info .product_price



{



	font-size: 14px;



}



.product_price



{



	font-size: 16px;



	color: #50c7e6;



	font-weight: 600;



}



.product_price span



{



	font-size: 12px;



	margin-left: 10px;



	color: #50c7e6;



	text-decoration: line-through;



}



.product_bubble



{



	position: absolute;



	top: 15px;



	width: 50px;



	height: 22px;



	border-radius: 3px;



	text-transform: uppercase;



}



.product_bubble span



{



	font-size: 12px;



	font-weight: 600;



	color: #FFFFFF;



}



.product_bubble_right::after



{



	content: ' ';



	position: absolute;



	width: 0;



	height: 0;



	left: 6px;



	right: auto;



	top: auto;



	bottom: -6px;



	border: 6px solid;



}



.product_bubble_left::after



{



	content: ' ';



	position: absolute;



	width: 0;



	height: 0;



	left: auto;



	right: 6px;



	bottom: -6px;



	border: 6px solid;



}



.product_bubble_red::after



{



	border-color: transparent transparent transparent #50c7e6;



}



.product_bubble_left::after



{



	border-color: #51a042 #51a042 transparent transparent;



}



.product_bubble_red



{



	background: #50c7e6;



}



.product_bubble_green



{



	background: #51a042;



}



.product_bubble_left



{



	left: 15px;



}



.product_bubble_right



{



	right: 15px;



}



.add_to_cart_button



{



	width: 100%;



	visibility: hidden;



	opacity: 0;



	-webkit-transition: all 0.3s ease;



	-moz-transition: all 0.3s ease;



	-ms-transition: all 0.3s ease;



	-o-transition: all 0.3s ease;



	transition: all 0.3s ease;



}



.add_to_cart_button a



{



	font-size: 12px;



	font-weight: 600;



}



.product-item:hover .add_to_cart_button



{



	visibility: visible;



	opacity: 1;



}



.favorite



{



	position: absolute;



	top: 15px;



	right: 15px;



	color: #b9b4c7;



	width: 17px;



	height: 17px;



	visibility: hidden;



	opacity: 0;



}



.favorite_left



{



	left: 15px;



}



.favorite.active



{



	visibility: visible;



	opacity: 1;



}



.product-item:hover .favorite



{



	visibility: visible;



	opacity: 1;



}



.favorite.active::after



{



	font-family: 'FontAwesome';



	content:'\f004';



	color: #50c7e6;



}



.favorite::after



{



	font-family: 'FontAwesome';



	content:'\f08a';



}



.favorite:hover::after



{



	color: #50c7e6;



}







/*********************************



6. Deal of the week



*********************************/







.deal_ofthe_week



{



	width: 100%;



	margin-top: 41px;



	background: #f2f2f2;



}



.deal_ofthe_week_img



{

	height: 540px;



}



.deal_ofthe_week_img img



{



	height: 100%;



}



.deal_ofthe_week_content



{



	height: 100%;



}



.section_title



{



	display: inline-block;



	text-align: center;



}



.section_title h2



{



	display: inline-block;



}



.section_title::after



{



	display: block;



	position: absolute;



	top: calc(100% + 13px);



	left: 50%;



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



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



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



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



	transform: translateX(-50%);



	width: 50px;



	height: 5px;



	background: #50c7e6;



	content: '';



}



.timer



{



	margin-top: 5px;

	margin-bottom: 5px;	

	text-align: center;



}





.timer li



{



	display: inline-block;



	width: 50px;



	height: 50px;



	border-radius: 50%;



	background: #FFFFFF;



	margin-right: 10px;



}



.timer li:last-child



{



	margin-right: 0px;



}



.timer_num



{



	font-size: 18px;



	font-weight: 600;



	color: #50c7e6;



	margin-top: 12px;

}



.timer_unit



{



	margin-top: 0px;



	font-size: 11px;



	font-weight: 500;



	color: #51545f;



}



.deal_ofthe_week_button



{



	width: 140px;



	background: #1e1e27;



	margin-top: 52px;



}



.deal_ofthe_week_button:hover



{



	background: #2b2b34 !important;



}







/*********************************



7. Best Sellers



*********************************/







.product_slider_container



{



	width: 100%;



	height: 340px;



	margin-top: 23px;



}



.product_slider_container::after



{



	display: block;



	position: absolute;



	top: 0;



	right: 0;



	width: 1px;



	height: 100%;



	background: #FFFFFF;



	content: '';



	z-index: 1;



}



.product_slider



{



	overflow: visible !important;



}



.product_slider_item .product-item



{



	height: 340px;



}



.product_slider_item



{



	width: 20%;



}



.product_slider_item .product-item



{



	width: 100% !important;



}







/*********************************



7.1 Slider Nav



*********************************/







.product_slider_nav



{



	position: absolute;



	width: 30px;



	height: 70px;



	background: #d3d3d6;



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



	-moz-transform: translateY(-50%);



	-ms-transform: translateY(-50%);



	-o-transform: translateY(-50%);



	transform: translateY(-50%);



	z-index: 2;



	cursor: pointer;



	visibility: hidden;



	opacity: 0;



	-webkit-transition: all 300ms ease;



	-moz-transition: all 300ms ease;



	-ms-transition: all 300ms ease;



	-o-transition: all 300ms ease;



	transition: all 300ms ease;



}



.product_slider_container:hover .product_slider_nav



{



	visibility: visible;



	opacity: 1;



}



.product_slider_nav i



{



	color: #FFFFFF;



	font-size: 12px;



}



.product_slider_nav_left



{



	top: 50%;



	left: 0;



}



.product_slider_nav_right



{



	top: 50%;



	right: 0;



}







/*********************************



8. Benefit



*********************************/







.benefit



{



	margin-top: 23px;



}



.benefit_row



{



	padding-left: 15px;



	padding-right: 15px;



}



.benefit_col



{



	padding-left: 0px;



	padding-right: 0px;



}



.benefit_item



{



	height: 100px;



	background: #f3f3f3;



	border-right: solid 1px #FFFFFF;



	padding-left: 25px;

	margin-top: 2px;



}



.benefit_col:last-child .benefit_item



{



	border-right: none;



}



.benefit_icon i



{



	font-size: 30px;



	color: #50c7e6;



}



.benefit_content



{



	padding-left: 22px;



}



.benefit_content h6



{



	text-transform: uppercase;



	line-height: 18px;



	font-weight: 500;



	margin-bottom: 0px;



}



.benefit_content p



{



	font-size: 12px;



	line-height: 18px;



	margin-bottom: 0px;



	color: #51545f;



}







/*********************************



9. Blogs



*********************************/







.blogs



{



	margin-top: 23px;



}



.blogs_container



{



	margin-top: 23px;



}



.blog_item



{



	height: 255px;



	width: 100%;



}



.blog_background



{



	position: absolute;



	top: 0;



	left: 0;



	width: 100%;



	height: 100%;



	background-repeat: no-repeat;



	background-size: cover;



	background-position: center center;



}



.blog_content



{



	position: absolute;



	top: 30px;



	left: 30px;



	width: calc(100% - 60px);



	height: calc(100% - 60px);



	background: rgba(255,255,255,0.9);



	padding-left: 10px;



	padding-right: 10px;



	/* visibility: hidden; */



	opacity: 1;



	transform-origin: center center;



	-webkit-transform: scale(0.7);



	-moz-transform: scale(0.7);



	-ms-transform: scale(0.7);



	-o-transform: scale(0.7);



	transform: scale(0.7);



	-webkit-transition: all 300ms ease;



	-moz-transition: all 300ms ease;



	-ms-transition: all 300ms ease;



	-o-transition: all 300ms ease;



	transition: all 300ms ease;



}



.blog_item:hover .blog_content



{



	visibility: visible;



	opacity: 1;



	transform: scale(1);



}



.blog_title



{



	font-weight: 500;



	line-height: 1.25;



	margin-bottom: 0px;



}



.blog_meta



{



	font-size: 18px;



	line-height: 40px;



	font-weight: 700;



	/*text-transform: uppercase;*/



	color: #50c7e6;



	margin-bottom: 0px;



	margin-top: 3px;



	letter-spacing: 1px;



}



.blog_more



{



	font-size: 14px;



	line-height: 16px;



	font-weight: 500;



	color: #50c7e6;



	border-bottom: solid 1px #50c7e6;



	margin-top: 12px;



}



.blog_more:hover



{



	color: #FE7C7F;



}







/*********************************



10. Newsletter



*********************************/







.newsletter



{



	width: 90%;



	background: #f5f5f5;



	margin-top: 21px;

	margin-right: auto; 

	margin-left: auto;



	border: solid 1px #50c7e6;

	border-radius: 8px;

}



.newsletter_text



{

text-align: center;

	/* height: 60px; */



}



.newsletter_text h4



{

text-align: center;

	margin-bottom: 2px;

font-size: 16px;

	line-height: 14px;



}



.newsletter_text p



{

text-align: center;

	margin-bottom: 0px;



	line-height: 1.2;



	color: #51545f;



}



.newsletter_form



{



	height: 120px;



}



#newsletter_email



{



	width: 300px;



	height: 46px;



	background: #FFFFFF;



	border: none;



	padding-left: 20px;



}



#newsletter_email:focus



{



	border: solid 1px #7f7f7f !important;



	box-shadow: none !important;



}



:focus



{



	outline: none !important;



}



#newsletter_email::-webkit-input-placeholder



{



	font-size: 14px !important;



	font-weight: 400;



	color: #b9b4c7 !important;



}



#newsletter_email:-moz-placeholder /* older Firefox*/



{



	font-size: 14px !important;



	font-weight: 400;



	color: #b9b4c7 !important;



}



#newsletter_email::-moz-placeholder /* Firefox 19+ */

{

	font-size: 14px !important;

	font-weight: 400;

	color: #b9b4c7 !important;

}



#newsletter_email:-ms-input-placeholder

{

	font-size: 14px !important;

	font-weight: 400;

	color: #b9b4c7 !important;

}



#newsletter_email::input-placeholder

{

	font-size: 14px !important;

	font-weight: 400;

	color: #b9b4c7 !important;

}



.newsletter_submit_btn

{

	width: fit-content;

	padding: 5px 30px;

	height: auto;

	border: none;

	background: #94d500;

	color: #FFFFFF;

	font-size: 16px;

	font-weight: 500;

	text-transform: uppercase;

	cursor: pointer;

	border-radius: 8px;

}



.newsletter_submit_btn:hover

{

	background: #40E0D0;

}



.newsletter_sm_btn

{

	width: auto;

	padding: 5px 10px;

	height: auto;

	border: none;

	background: #94d500;

	color: #FFFFFF;

	font-size: 14px;

	font-weight: 500;

	text-transform: uppercase;

	cursor: pointer;

	border-radius: 4px;

}



.newsletter_sm_btn:hover

{

	background: #40E0D0;

}



.btn_yca

{

	background: #94d500;

	color: #FFFFFF;

	font-size: 16px;

	font-weight: 500;

	text-transform: uppercase;

	cursor: pointer;

	border-radius: 4px;

}



.btn_yca:hover

{

	background: #40E0D0;

	color: #FFFFFF;	

}



/*********************************



11. Footer



*********************************/







.footer_nav_container



{



	height: 130px;

	text-align: center;

}



.cr



{



	margin-right: 48px;



}



.footer_nav li



{



	display: inline-block;



	margin-right: 45px;



}



.footer_nav li:last-child



{



	margin-right: 0px;



}



.footer_nav li a, .cr



{



	font-size: 14px;



	color: #51545f;



	line-height: 30px;



	-webkit-transition: all 300ms ease;



	-moz-transition: all 300ms ease;



	-ms-transition: all 300ms ease;



	-o-transition: all 300ms ease;



	transition: all 300ms ease;



}



.footer_nav li a:hover, .cr a, .cr i



{



	color: #50c7e6;



}



.footer_social



{



	height: 130px;



}



.footer_social ul li



{



	display: inline-block;



	margin-right: 10px;



}



.footer_social ul li:last-child



{



	margin-right: 0px;



}



.footer_social ul li a



{



	color: #51545f;



	-webkit-transition: all 300ms ease;



	-moz-transition: all 300ms ease;



	-ms-transition: all 300ms ease;



	-o-transition: all 300ms ease;



	transition: all 300ms ease;



	padding: 10px;



}



.footer_social ul li:last-child a



{



	padding-right: 0px;



}



.footer_social ul li a:hover



{



	color: #50c7e6;



}



.contact_container{

	min-height: 700px;

}

	.footer-wrapper a:hover,.top-orgs,b.proceeds a{text-decoration:underline}.footer-wrapper{position:relative;z-index:1;display:block;background:#50c7e6;color:#FFF;margin-top:5px;padding:10px;margin-bottom:0px}.footer-wrapper .copyright a{font-size:12px}.footer-wrapper li{list-style:none}.footer-wrapper a{text-decoration:none;font-family:'Source Sans Pro';font-size:15px;letter-spacing:.05em;color:white}.footer-wrapper a:hover{color:#ffffff}.footer-wrapper strong{font-weight:700;text-transform:uppercase;font-family:"brandon-grotesque", sans-serif !important;font-style:normal;font-size:13px}.footer-wrapper .social-footer{margin-top:15px;display:inline-block;padding-right:10px}.footer-wrapper .new-signup-button,.footer-wrapper .submit-footer-subscribe{padding:6px 20px;font-size:13px;font-family:'brandon-grotesque', 'Source Sans Pro', Arial, sans-serif;font-weight:600;width:100%;background:transparent;cursor:pointer;color:#fff;border:2px solid #fff}.footer-wrapper .new-signup-button:hover,.footer-wrapper .submit-footer-subscribe:hover{color:#50c7e6;background:#fff}.footer-wrapper .new-signup-button{margin:0 0 0 10px;color:#FF523D;border:2px solid #FF523D}.footer-wrapper .new-signup-button:hover,.footer-wrapper .new-signup-button:focus{color:#fff;background:#FF523D}.footer-wrapper .footer-subscribe,.footer-wrapper .submit-footer-subscribe{max-width:300px;margin:5px auto;line-height:normal}.footer-wrapper .error input,.footer-wrapper input.error,.footer-wrapper .error textarea,.footer-wrapper textarea.error{border-color:#ff3366;background-color:white}.cn-footer-wrapper{position:relative;z-index:1;background-color:#F7F7F7;min-height:310px;margin-top:30px}.footer-cn-tag{text-transform:uppercase;text-align:center;font-size:13px;font-weight:bold;color:#373D3F;padding:10px}.cn-logo-image{height:90px;max-width:345px;margin:auto}.prizeo-logo-image{height:68px;width:190px;margin:auto}.cb-logo-image{height:68px;width:235px;margin:auto}.cn-about-us-wrapper{background-color:#F7F7F7;height:auto;padding-bottom:40px}.cn-logo-white{height:190px;width:50%;position:absolute;z-index:1;right:25%;left:25%}.about-us-banner{z-index:-1}.about-cn-tag{text-align:center;font-weight:bold;font-size:24px;color:#373D3F}.about-cn-details{margin-left:10%;margin-right:10%;text-align:left;font-size:16px;color:#373D3F;line-height:20px}.company-description{text-align:center;font-size:16px;color:#373D3F;line-height:20px;width:220px;height:auto;margin:auto}.cb-logo-about-us{width:190px;height:30px;margin:auto;margin-bottom:20px}.cn-logo-about-us{width:190px;height:44px;margin:auto;margin-bottom:40px}.prizeo-logo-about-us{margin-top:-15px;width:160px;height:57px;margin-left:auto;margin-right:auto;margin-bottom:20px}.connect-social i{font-size:18px;margin:0 9px}.get-our-app{display:block !important;margin:15px 0 0 0}#footer-form .ie-placeholder{font-size:16px;color:#000 !important}#about-us-page{margin:0 0 100px 0}#about-us-page button.large.button.important.centered-margin{margin:66px auto}.app_footer_link{display:inline-block;padding:15px}.about-us-header{margin:56px 0 50px 0;color:#CCC;font-size:16px;letter-spacing:3px}.footer-logo-wrapper,.footer-copyright{margin-left:auto;position:relative;margin-right:auto}.app_footer{text-align:center;padding:10px;height:auto;margin-left:auto;position:relative;margin-right:auto}.footer-cb-logo{margin-top:10px;text-align:center}.footer-cn-logo{margin-top:20px;text-align:center}.footer-wrapper-new{margin-left:auto;position:relative;margin-right:auto}.row.footer-seperate{margin-top:15px}.copyright{font-size:12px;text-align:center;color:white;line-height:1.5;margin-top:30px}@media (min-width: 1024px){.footer-subscribe,.submit-footer-subscribe{margin-left:0px !important}}@media (min-width: 640px) and (max-width: 766px){.footer-wrapper ul{text-align:center}.footer-wrapper .relative-wrapper{margin:0 auto}}@media (max-width: 1023px){.footer-mobile-row{text-align:center}}ul.connect-social{text-align:center}.connect-social li{display:inline}



// Mixin itself

@mixin clearfix() {

  &::after {

    display: block;

    content: "";

    clear: both;

  }

}



// Usage as a mixin

.element {

  @include clearfix;

}



.icon-invisible {

    visibility: hidden;

}