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

/*
Author: S. Ali Raza
Version: 2.0
Details: Styles for Order Page

Change Log:
05-Nov-2020 -- Using Bootstrap 4.5.2 and change the entire design
11-Dec-2020 -- Selected Background applied
15-Dec-2020 -- purchase-headline class added & remove "selected pointer from the entire selected section"

*/


/* ======================
	General
======================== */

body { background-color: #f1f1f1; font-family: "Open Sans", sans-serif; color: #333; }

a {
	-webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}

a, a:visited { color:#20a2ff; text-decoration:underline; border-bottom:none !important;}
a:hover { outline: none; color:#090; text-decoration:none; }

.text-red { color: #C00; }
.text-yellow { color: #FF3; }
.text-green { color: #28a745; }
.text-highlight {background: #FFC;padding: 0px 4px; border-radius: 5px;}
.bg-yellow { background-color: #FFC; }
.asterisk { color:#555; font-size:75%; vertical-align:top;}

.arrow-down {
    width: 0;
    height: 0;
    border-style: solid;
	border-width: 20px 20px 0 20px;
    margin: 0 auto; }

.arrow-down.lrg { border-width: 30px 30px 0 30px; }
.arrow-down.white { border-color: #ffffff transparent transparent transparent; }
.arrow-down.gray { border-color: #f1f1f1 transparent transparent transparent; }
.arrow-down.yellow { border-color: #ffffe6 transparent transparent transparent; }
.arrow-down.red { border-color: #dc3545 transparent transparent transparent; }
.arrow.animate { animation: 1s infinite ease alternate bobbing; }

@keyframes bobbing {
	from { transform: translate(0px, 0px); }
	to { transform: translate(0px, 10px); }
}

.bullets { padding-left: 20px; }
.bullets li { margin-bottom: 7px; }

.bullets_star { padding-left: 0; max-width: 310px; margin: 0 auto; font-weight: 600; }
.bullets_star li {
	background: url(https://hfl-4.netdna-ssl.com/images/arrows/star.png) left center no-repeat;
	list-style: none;
	text-align:left;
	padding-left: 30px;
	margin-top: 0px;
	margin-bottom: 7px;
	margin-left: 0px; }
.bullets_star li:last-child { margin-bottom: 0; }
	
.bottle-img { display: block; margin: 0 auto; cursor: pointer; max-height: 200px; }
.zoom { -webkit-transition: 0.6s ease; transition: 0.6s ease; cursor: pointer; position: relative; z-index: 999;}
.zoom:hover { cursor: zoom-in; z-index: 999; transform: scale(2.5); }			
.reseller { text-align: center; margin-top: 10px; }
.reseller input { margin-right: 5px; }
.card { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.card-header { font-family: 'Roboto Condensed', sans-serif; font-size: 22px; }
.tooltip-inner { max-width: 250px;}								   

/* ======================
	Header
======================== */

header { color: #666; }

.logo { list-style-type: none; margin: 0; padding: 0; }
.logo li { display: inline-block; }
.logo img { max-height: 40px; }
.logo .divider { padding: 0 10px; }
.logo .divider img { width: 1px; }

header h2 { font-family: 'Roboto Condensed', sans-serif; font-size:30px; }
header h3 { font-size:14px; }

.discount-head { }
.discount-head h1 { font-family: 'Roboto Condensed', sans-serif; font-size: 28px; font-weight: 700; }
.discount-head h2 { font-size: 17.8px; line-height: 1.4em; }
	
/* =====================
   Product Description 
========================*/
.product_name {
	font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
    font-size: 26px;
    border-bottom: 1px solid #ddd;
    margin-top: -10px; }
.review_stars { font-size: 14px; font-weight: normal; display: inline; vertical-align: middle; }
.product_summary { padding-top: 5px; position: relative;}
.product_summary p { line-height: 1.6em; }
.readmore { font-size: 14px; position: absolute; right: 0; bottom: 0px;}
.readmore.collapsed:after { content: 'more..'; }
.readmore:after { content: 'less..';}
.seals img { max-width: 70px; margin-right: 5px; }

/* =====================
   Packages
========================*/

#package_section {
	-webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}
/*.select-package { cursor: pointer; }*/
.select-package .bottle-option { display: block; font-size: 16px; }
.select-package .bottle-option:hover { background-color: #FFC; }
.select-package .bottle-option, .select-package .bottle-option label { cursor: pointer; }
.select-package.selected { background-color: #E9FAFF; border-color: #30b6d2 !important; position: relative;}
.select-package .bottle-option .price { font-size: 20px; font-weight: 600; color: #000; }
.package-offer { font-family: 'Roboto Condensed', sans-serif; font-size: 20px; }
.package-offer b { font-weight: 600; }
.package-prices { font-size: 14px; }
.each { font-size: 12px; color: #555; font-weight: normal; display: block; }
sup { font-size:50%; vertical-align:super; top:inherit; }
.list-price { font-size: 14px; }
.purchase-headline { font-weight: bold;}
.purchase-headline::before { content: "["; font-size: 24px; color: #C00; font-weight: normal; }
.purchase-headline::after { content: "]"; font-size: 24px; color: #C00; font-weight: normal; }
#one_time.selected { border-right: 1px solid #30b6d2 !important; }
.select-package.selected .selected-icon:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1.4rem;
	font-size:.7rem;
	content: "\f00c";
	position: absolute;
	left:50%; top: -10px;
	width: 20px; 
	height: 20px;
	text-align: center;
	color:#fff;
	background: #30b6d2;
	border-radius: 50%; }
.selected-bottle-option { background-color: #E9FAFF; border-color: #30b6d2 !important; }
.strike-price { position: relative; font-weight:normal; }
.strike-price:before {
	border-bottom: 1px solid #ff8080;
	position: absolute;
	content: "";
	width: 100%;
	height: 60%;}

.selected .bottle-option { background-color: #fff; }

.select-package .selectedRadio { background-color: #FFC; }

.shipping-msg { text-align: center; font-size: 14px; padding: 10px; }
.shipping-msg span.msg1 { background: #ffc; padding: 2px 3px; border-radius: 5px; }
.shipping-msg span.msg2 { font-size: 12px; }


.add_to_cart svg { margin-top: -4px; }
.add_to_cart { font-size: 24px; text-decoration: none; color: #fff !important; }

.line-divider { background-color: #fff; overflow: hidden; text-align: center; color:#999; font-size:14px; padding: 5px 0; margin:0 auto; max-width: 50%; }

.order.fixed-bottom { background-color: #fffc; padding-top: 10px; }
/* ======================
	Guarantee
======================== */


/* ======================
	Contact
======================== */

/* ======================
	Misc
======================== */

footer { margin-top: 20px; }
.conversion { width:1px; height:1px; display:none; }

/* ======================
	Media Query
======================== */

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
	.discount-head h1 { font-size: 22px; }
	.discount-head h2 { font-size: 11pt; }
	.product_name { text-align: center; margin-bottom: 10px; padding-bottom: 10px; }
	.review_stars { display: block; }
	header h2 { font-size: 29px; }
	.zoom:hover { transform: scale(2); }
}

@media (max-width: 767px) {
	.product_name { font-size: 22px; }
	header { padding: 4px 0; margin-bottom: 10px;}
	header h1 { font-size: 26px; padding: 5px 10px 10px 10px; }
	.discount-head h1 { font-size: 26px; }
	.discount-head h2 { font-size: 16px; }
	.logo img{ height: 30px; }
	.seals { margin-top: 40px; }
	.seals img { margin-right: 5px; margin-bottom: 0; }
	.zoom:hover { transform:none; cursor: default;}
	#quick-summary { display: none; }
	.product_name { padding-bottom: 0; }
}

@media (max-width: 575px) {
	#package_section { /*border:none !important;*/ box-shadow: none !important; }
	.discount-head h1 { font-size: 22px; }
	.package-offer, .select-package .bottle-option .price { font-size: 16px; }
	.package-prices { /*font-size: 13px;*/ }
	.seals {  margin-top: 4px; }
	.seals img { margin-right: 0px; margin-bottom: 4px; }
	.add_to_cart { font-size: 20px; }
	#package_section .custom-control { margin-right: -5px; }
	.bullets_star li { font-size: 15px; }
	.benefits-seals img { max-width: 60px !important;}
}