@charset "utf-8";

/*-----------------------------------
CSS: For hflorders.com/all.php
Auther: S. Ali Raza
Version: 1.2
Last Update: 14-July-2020
------------------------------------*/


/*-----------------------------------
	General
------------------------------------*/
body { font-family: 'Open Sans', sans-serif; font-size: 18px; color: #333; background-color: #f9f9f9;}
.red { color: #c00; }
.link { border-bottom: 1px dotted #007bff; }
.link:hover { border-bottom: none !important; text-decoration:none !important; }

.zoom { -webkit-transition: 0.6s ease; transition: 0.6s ease; /* Animation */ margin: 0 auto; }
.zoom:hover { cursor: zoom-in; z-index: 1; transform: scale(1.7); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ }

.sub-links { padding: 0; }
.sub-links li { list-style: none; display: inline; font-size: 16px; margin-right: 10px; }
.sub-links li:last-child { margin-right: 0; }
.title { background-color: #fff2a8; margin: 0; padding: 10px; font-size: 16px; }

/*-----------------------------------
	Header
------------------------------------*/
header { background-color: #4A4A4A; color: #fff; padding: 5px 0; }
header .logo_divider { height: 34px; width: 1px; margin: 0 8px; }
header .dsr_logo { max-width: 34px; }

.shipping-msg { text-align: center; font-size: 14px; }

.shipping-msg span.msg1 { background: #fff2a8; padding: 2px 3px; border-radius: 5px; }

.shipping-msg span.msg2 { font-size: 12px; }

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

.packages { padding: 0; }

.packages p { margin-bottom: 10px; }

.packages .buy-more {
    text-align: left;
    padding: 0 35px;
    font-size: 16px;
    background: #ebfaeb;
    border-top: 2px solid #70db70;
    border-bottom: 2px solid #70db70;
    margin: 0 auto 10px;
	color:#333;
}

/* Checkbox */

.packages .checkbox {
	text-align: center;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
	margin: 0;
	padding: 20px 10px; }
	
.packages .checkbox:hover { background-color: #ffc; }

.packages .check-mark { padding-right: 2px; }

.packages input[type="checkbox"]:hover + .check-mark:before{ color: #3498db; }

.packages .checkbox label{
	position: relative;
	cursor: pointer;
	color: #666;
	padding-left: 0; }

.packages input[type="checkbox"]{
	display: none;
	position: absolute;
	right: 9000px;}

.packages input[type="checkbox"] + .check-mark:before{
	font-size: 22px;
	color: #4db3ff;
	content: "\f0c8";
	font-family: 'Font Awesome 5 Free';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing:antialiased;
	width: 1em;
	display: inline-block;
	vertical-align: sub;}

.packages input[type="checkbox"]:checked + .check-mark:before{
	content: "\f14a";
	color: #3498db;
	animation: effect 250ms ease-in;}

@keyframes effect{
	0%{transform: scale(0);}
	25%{transform: scale(1.3);}
	75%{transform: scale(1.4);}
	100%{transform: scale(1);}
}

.packages .finalprice { font-size: 20px; font-weight: bold; color: #333;}
.strike-price { text-decoration-line: line-through; font-size: 16px; margin-right: 5px; }

.triangle-grey {
	position: relative;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #ddd transparent transparent transparent;
    margin: 0 auto;}

#price-select { width: 350px; margin-left: 20px; height: 40px; font-size: 16px; }
#price-select option { padding-top:5px; padding-bottom: 5px; }


#alert, .add-to-cart, #no-select { display: none; }
.packages .alert { margin: 10px 0; border-radius: 0; text-align: center; display: none;}

.package_subhead {	margin:0; font-weight:normal; font-size:13px; color:#666; }
.package_subhead b {font-weight:bold; color:#000;}
.package_subhead .highlight, .package_subhead .highlight b {color: #f00; }

/*.as-container:hover { text-decoration: none; }*/
.as-regular-price { font-size: 16px; }
.as-saving-price, .ot-saving-price {
	border-radius: 8px 0 0 8px;
    margin-right: 2px;
    padding: 6px;
    background-color: #ffa723;
    color: #333;}

.as-saving-percentage, .ot-saving-percentage { 
    border-radius: 0 8px 8px 0px;
    margin-right: 8px;
    padding: 6px;
    background-color: #ddd;
    color: #333;}

.low-inventory {
    text-align: center;
    padding: 4px 6px;
    font-size: 13px;
    max-width: 348px;
    background-color: #f2dede;
    border: 1px solid #C00;
    margin: 10px 0 0 20px;}

/* Line Divider for OR */
.line-divider { overflow: hidden; text-align: center; color:#999; font-size:14px; padding: 4px 0; margin:0 auto; }
	
.line-divider:before,
.line-divider:after {
 background-color:#CCC;
 content: "";
 display: inline-block;
 height: 1px;
 position: relative;
 vertical-align: middle;
 width: 45%;}
.line-divider:before { right: 0.5em; margin-left: -50%;}
.line-divider:after { left: 0.5em; margin-right: -50%;}

/* Quantity Box */
.qty-box .left-col, .qty-box .mid-col, .qty-box .right-col { float: left; }
.qty-box .mid-col { padding: 0 10px; width: 124px; margin-top: -5px; }
.qty-box .left-col { font-size: 16px; }
.each { display: none; }
.qty-box { margin-top: 20px; }
.qty-box .input-number { cursor: inherit; }

/*.onetime_qty .qty-btn { margin:0 !important; padding: 7px 5px;}*/
.onetime_qty .qty-btn { padding-left: 8px; padding-right: 8px; background-color: #eee; }
.onetime_qty .qty-btn:hover { background-color: #ddd; }
.onetime_qty .qty-btn .glyphicon { font-weight: normal; font-size: 16px; }
.onetime_qty .input-number { border-color: #aaa; background-color: #ffc; font-size: 18px; max-width: 40px; text-align: center; }

#modal_cta th, #modal_cta td { vertical-align: middle; }
sup {
    font-size: 9px;
    vertical-align: super;
    top: inherit;
}

.btn-number { background-color: #eee; color: #333; border-color: #ccc; }
.btn-number:focus { box-shadow: none; }
.input-number { max-width: 40px; background-color: #ffc !important; border: 1px solid #aaa;}

.list {}
.list li { margin:5px 0;}

.pd-list { font-size: 14px; padding-left: 10px; /*list-style-type: none;*/ margin-bottom: 0; }
.pd-list li { margin-bottom: 10px; }
.pd-list li:last-child { margin-bottom: 0; }

/*.pd-list li::before {
    content: "\f005";
    font-family: "Font Awesome 5 Free";
    padding: 0 5px 0 0;
	color: #28A745;
}*/

/* =====================
   Footer
========================*/

.z-footer { padding-bottom: 60px !important; padding-top: 10px !important; }

footer { background-color: rgba(228, 228, 228, 0.9); }
footer h2 { font-size: 1.88rem; margin-bottom: 2px;}
footer h3 { font-size: 0.9rem; }

.trust-icon { list-style-type: none; margin:0; padding: 0; text-align: center; }

.trust-icon li { display: inline-block; line-height: 50px;}

.trust-icon li:first-child{ padding-right: 10px; }

.trust-icon li img { margin-top: 4px; }

#modal_cta, #modal_discounts { display: none; }

.cart-detail { font-size: 14px; }

.cart-detail .table thead th { text-align: center; }

.cart-detail .cart-summary thead th { background-color: #ddd; }

.cart-detail .cart-summary .success { display: table-row; }

.cart-detail .cart-spend { /*background-color: #70db70;*/ }

.cart-detail .cart-spend thead th { background-color: #ddd; }

.cart-detail .cart-spend .bg1 { background-color: #ebfaeb; }
.cart-detail .cart-spend .bg2 { background-color: #d6f5d6; }
.cart-detail .cart-spend .bg3 { background-color: #c2f0c2; }
.cart-detail .cart-spend .bg4 { background-color: #adebad; }
.cart-detail .cart-spend .bg5 { background-color: #99e699; }

#total_spending { max-width: 40px; background-color: #fff; border: none; }

.animated-modal {
    max-width: 550px;
    border-radius: 4px;
    overflow: hidden;
    transform: translateY(-50px);
    transition: all .7s; }
	
/* ========== Bounce arrow */
.arrow-bottom .bounce {
    -webkit-animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;
    -ms-animation: bounce 2s infinite;
    animation: bounce 2s infinite;}

.arrow-bottom .arrow {
    background-size: 100% 100%;
    z-index: 1;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    margin-top: -11px;
    height: 25px;
    width: 11px;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
}

/*================ Animated arrow down */

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@-ms-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}
	
	

/*Extra large devices (large desktops, 1200px and up)*/
@media (max-width: 1199px) {
	body { font-size: 17px; }
}

/*Large devices (desktops, 992px and up)*/
@media (max-width: 991px) {
	body { font-size: 16px; }
	.as-saving-price, .ot-saving-price, .as-saving-percentage, .ot-saving-percentage { padding: 4px; font-size: 14px; }
	footer h2 { font-size: 1.50rem;}
	.packages .checkbox { padding: 10px; }
	.title { font-size: 15px; }
}

/*Medium devices (tablets, 768px and up)*/
@media (max-width: 767px) {
	body { font-size: 15px; }
	.title { font-size: 14px; }
	.zoom:hover { transform: none; cursor:default; }
}

@media (max-width: 479px) {
	.packages .checkbox { padding: 10px 0 0 0; }
	.packages .check-mark { padding-right: 0px; }
	.strike-price { font-size: 14px; }
	.packages .finalprice { font-size: 16px; }
	.packages .monthly_savings { font-size: 14px; }
	.as-saving-price, .ot-saving-price, .as-saving-percentage, .ot-saving-percentage { padding: 4px; font-size: 13px; }
	.fancybox-content, .fancybox-slide { padding-left: 10px !important; padding-right: 10px !important; padding-bottom: 10px !important; padding-top: 20px !important; }
	.continue_shopping, #proceed { font-size: 16px; }
	#modal_cta th, #modal_cta td { padding-top: 5px !important; padding-bottom: 5px !important; }
	.fancybox-slide--html .fancybox-close-small { top:-10px !important; }
	#ncq_main td { font-size: 13px; }
	/*.pd-list { padding-left: 20px; }*/
	.sub-links li { margin-right: 5px; font-size: 13px; }
	
}