/*@charset "utf-8";
@import url("font.css");
@import url("menu.css");
*/
/* 默认全局样式超链接样式 */
a {color:#333; text-decoration:none;}
a:hover {color:#000000; text-decoration:underline;}

/* Reset Global Stylesheet */
html * {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body{ 
  font-family: "halyard-display", Calibri, 'PT Sans', Helvetica, Arial, sans-serif;
}
body{margin:0; padding:0; color:#333; font-size:14px; background-color: #fff; }
body.black{background:#000;}
div,span,form,img,ul,ol,li,dl,dt,dd,p {margin: 0; padding: 0;  border: 0;}
h1,h2,h3,h4,h5,ul,ol,dl,dd,#nav li,.sidemenu li,.title {}
p,li,dt {}
ul,h1,h2,h3,h4,h5,p{padding:0; margin:0; list-style-type:none;}
p { line-height: 120%; font-weight: 300; margin-bottom: 1em;}
h1{font-size: 16px; font-weight: 500;}
h2{font-size: 14px; font-weight: 400;}
h3,h4,h5,h6{font-size: 14px; font-weight: 400;}

li,dl{list-style-type:none;}
input,button,textarea,select{margin:0; padding:0; color: #000; font-family: inherit; font-size: inherit;}

input[type=text], input[type=password], input[type=email] {padding: 2px; border: 1px solid #D3D3D3;}
input[type=checkbox], input[type=radio] {vertical-align:baseline;}
input:disabled, select:disabled {
  background-color: #f2f2f2;
  cursor: not-allowed;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance:textfield;
}
b, strong, th {font-weight: 500;}

.text-primary {color: #0055aa;}
.text-primary > a { color: #0055aa; }
.text-danger {color: #c20000;}
.text-info{color: #94c4f4;}
.bg-primary {background-color: #0055aa;}
.bg-danger {background-color: #c20000;}
.bg-info {background-color: #94c494;}
.bg-primary, .bg-danger {
  color: #fff;
}
/* CSS Buttons */
.btn {
  border-radius: 0px;
  border-width: 1px;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  display: inline-block;
  padding: 5px 16px;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
  text-decoration: none!important;
  text-transform: uppercase;
  transition: all 0.4s ease;
  font-family: inherit;
}
.btn img {
  vertical-align: text-bottom;
}
.btn-large{
  height: 42px;
  line-height: 28px;
  font-size: 16px;
  font-weight: 600;
  padding: 5px 50px;
}

.btn-sm { /* account & dialogue buttons*/
  line-height: 18px;
  font-size: 14px;
  padding: 3px 20px;
}
.btn-tiny{ /* view cart : ADD , EDIT & VIEW */
  font-size: 11px;
  line-height: 12px;
  padding: 2px 16px;
  margin-right: 8px;
}
.btn-jumbo { /* make it personal page */
  line-height: 30px;
  font-size: 24px;
  padding: 5px 30px;
}
.btn-compact {
  padding-left: 0;
  padding-right: 0;
}
.btn-paypal {
  font-size: 12px;
}
.btn-paypal.btn-large img {
  margin-top: 6px;
}

.btn-block {
  width: 100%;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
 }
.btn-block + .btn-block {
  margin-top: 12px;
}
.btn-pill {
  border-radius: 16px;
}
.btn-pill.btn-sm {
  border-radius: 13px;
}

.btn:active {
  -webkit-box-shadow:inset 0 3px 3px rgba(0,0,0,0.2);
  -moz-box-shadow:inset 0 3px 3px rgba(0,0,0,0.2);
  box-shadow:inset 0 3px 3px rgba(0,0,0,0.2);
}
@-moz-document url-prefix() { 
  .btn.red, .btn.blue{
    text-shadow: 0px 1px 1px rgba(255,255,255,0.5);
  }
}
.btn:hover{
  text-decoration: none!important;
}
a.btn.red:hover{
  color: #fff;
}
.btn.blue, .btn.blue[disabled]:hover {
  background: #0055aa;
  border: solid 1px #0055aa;
  color: #FFF;
}
.btn.blue:hover {
  background: #127bc7;
  border: solid 1px #127bc7;
  color: #FFF;
}
.btn.blue-outline, .btn.blue-outline[disabled]:hover {
  background: transparent;
  border: solid 1px #0055aa;
  color: #333;
}
.btn.blue-outline:hover {
  background: #127bc7;
  border: solid 1px #127bc7;
  color: #FFF;
}
.btn.red, .btn.red[disabled]:hover {
  background: #c20000;
  border: solid 1px #c20000;
  color: #fff;
}
.btn.red:hover {
  background: #ff4444;
  border: solid 1px #ff4444;
}
.btn.grey, .btn.grey[disabled]:hover {
  background: #e6e6e6;  
  border: solid 1px #e6e6e6;  
  color: #333;
}
.btn.grey:hover {
  background: #f2f2f2;
}
.btn.yellow, .btn.yellow[disabled]:hover {
  background: #ffc439;
}
.btn.yellow:hover {
  background: #f2ba36;
}
.btn.light-blue {
  background: #94c4f4;
  border: solid 1px #94c4f4;
  color: #FFF;
}
.btn.light-blue:hover {
  background: #acd1f6;
  border-color: #acd1f6;
}
.btn[disabled] {
  cursor: not-allowed;
  opacity: 0.3;
}

.btn-ghost {
    background-color: transparent;
    color: #ccc;
    border: 1px solid #999;
}
.btn-multilines {
    height: unset !important;
    line-height: 1.3 !important;
    padding: 6px 12px;
    display: inline-flex;
    flex-direction: column;
}
/* width of certain buttons */

#saved_list .btn.red,
#loginContent button[type=submit]{padding-left: 40px; padding-right: 40px;}

#order_history .item_title .btn{width: 220px;}

#comments_layer .btn {width: 90px;}



/* Global CSS */
.clear, .clearfix:after{ display:block; content:''; height:0; line-height:0; font-size:0; clear:both;}
.hide{ display: none!important; }
.block{ margin-bottom: 20px;}
.inblock{ border: 1px #CDCDCD; border-style: none solid none; }
.section.small { width: 600px; margin: 132px auto 48px; }
.section.bottom, .block.bottom{ margin-bottom: 0;}
.section.right, .block.right{ margin-left: 10px;}
.border{ border:solid 1px #d3d3d3; background:#FFF; }
.border-2 {border:solid 2px #d3d3d3; background:#FFF;}
.section{ width:990px; margin:0 auto 20px;}
.section.width990 {width:990px!important;}
@media screen and (min-width: 1200px) {
  .section {
    width: 1170px;
  }
}
@media screen and (min-width: 1400px) {
  .section
  {
    width: 1320px;
  }
  .section-1170 .section {
    width: 1170px!important;
  }
}
@media screen and (min-width: 1720px) {
  .page-layout-wide .section {
    width: 1600px;
  }
}
.section .title, .block .title{ 
  margin:0px; 
  background-color: #94c4f4;
  color: #fff;
  position: relative;
  height: 26px;
  line-height: 26px;
  padding-left: 10px;
}
.title.arrow-title:after {
  display: block;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  border: 13px solid transparent;
  border-right: 13px solid #fff;
}
.section .title_grey, .block .title_grey{margin:2px; background:#ADADAD;}
.section .no-margin, .block .no-margin{ margin:0; }

@media screen and (max-width: 989px) {
  .section.section-responsive {
    width: 100%;
    display: block;
  }
}
.title h1{ 
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
.title h2, .title .h2{ 
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
*+html .title h1{ *line-height:27px;}/*IE7*/
*+html .title h2{ *line-height:27px;}/*IE7*/

.title_grey h2, .title_grey h1 { font-size: 14px; padding-left:10px; color: #FFF; line-height: 26px; height:26px;}
.title .pre { float:left; width:140px; display:inline; color:#FFF;}
.title .text { float:left;}
.title .suffix {float:right; margin-right:10px; padding-right:20px; background-image:url("../images/arrow2.gif"); background-position:right; background-repeat:no-repeat;}
.suffix a{ font-size:12px; color:#656565;}
.article p{ overflow:hidden;}

ul.list{ margin-left: 18px; margin-bottom: 12px;}
ul.list > li{ list-style-type: disc}
.valign_middle {vertical-align: middle;}
.padding_10 {padding: 10px;}
.padding_20 {padding: 20px;}
.padding_10_20 {padding: 10px 20px;}
.red {color: #c20000;}
.cursor-zoomin {
	cursor: url("../images/zoomin-icon.png"), url("/themes/new_cc/images/zoomin-icon.cur"),pointer;
}
.cursor-zoomout {
	cursor: url("../images/zoomout-icon.png"), url("/themes/new_cc/images/zoomout-icon.cur"),pointer;
}
.cursor-pointer {
	cursor: pointer;
}

/* three main sections */
.fixedheader {position: fixed; height: 87px; top:0; left:0; right:0; background-color:rgba(255,255,255,0.95); z-index:99; box-shadow: 0 1px 2px 0 rgba(192,192,192,0.8);}
#header{ position: relative; top:0; left:0; margin:10px auto 0; z-index:100;}
#mainContent{margin:100px auto 0; height:auto;}
@media screen and (min-width: 990px) { 
  #mainContent { min-height: calc(100vh - 322px); }
}
#footer{ clear:both; margin-top: 12px; padding-top: 24px; padding-bottom: 24px; }

/* mainContent */
.layout-2-columns {display: grid; grid-template-columns: 190px 1fr; gap: 20px; }
.layout-2-columns .leftside{ width:190px; }
.bread-crumb{ 
  font-weight: 400;
  font-size: 14px;
  color:#FFF;
}
.bread-crumb li {
  display: inline-block;
}
.bread-crumb li:after {
  content: '>';
  display: inline-block;
  padding: 0 5px;
}
.bread-crumb li:last-child:after {
  display: none;
}
.bread-crumb li a{ color:#FFF; text-decoration:none;}
.bread-crumb li a:hover{text-decoration: underline;}

/*footer*/
#footerInfo.section{ margin-bottom: 0; }
.feature{width: 990px; margin: 0 auto;}
.featureItem{ width:240px; float:left; margin-left: 10px;}
.featureItem.first{margin-left: 0px;}
.featureItem img{ margin-bottom: 10px;}
.featureItem .info{}
.featureItem h4{ font-size:16px; margin-bottom: 10px; font-weight: 500;}
.featureItem h4 a{color: #333333;}
.featureItem h4 a:hover{color: #000; text-decoration: none;}
.featureItem p{ }
.featureItem a.learnMore{ color:#2A84DD;}

.footerNav{padding: 0;}
.footerNav ul{ line-height:24px; }
.footerNav li a{text-decoration:none;}
.footerNav li a:hover{text-decoration: none;}

/*copyright*/
#copyright p{ line-height:20px; font-size: 13px;}
#copyright p a{ text-decoration:none; padding:0 10px;}
#copyright p a:hover{ text-decoration: underline;}
#copyright #footer-logo img { width: 300px; }
#copyright p a.first {padding-left: 0;}
#custom-footer p a{padding: 0;}
#footer-links{text-align:center;}
#footer-links p {margin-top: 10px;}
#footer-links p.line-1 {margin-top: 10px;}

/*shipping date */
#shipDate, #shipDate.stdShip { position:relative;  font-weight: 500; box-sizing: border-box;}

#shipDate.expShip{}
#shipDate.stdOnlyShip {}
#shipFunc{ height:28px; }
#stdShip,#expShip {cursor:pointer; float:left; height:28px; width:49.5%; width:calc(50% - 1px); line-height:28px; color:#fff; text-align: center; font-size: 16px;}
#stdShip {background: #0055aa;}
#expShip {background: #c20000; margin-left: 2px; height: 26px;}
#shipContent{ position:relative; width:100%; box-sizing: border-box;}
#shipContent > * {
  background-color: #fff;
}
.expShip #shipContent{border-color:#c20000;}
.expShip #stdShip {height:26px;}
.expShip #expShip {height:28px;}
.stdOnlyShip #stdShip {width: 100%;}
.stdOnlyShip #expShip {display: none;}
#shipContent .col-left {position: absolute; width: 50%; height: 80%; top: 9%; text-align: center; color: #000;}
#shipContent .txt-order {font-size: 20px;}
#shipContent .txt-now {font-size: 28px;}
#shipContent .txt-today {font-size: 22px; margin-bottom: 2px;}
#shipContent .txt-get-it-by {font-size: 15px;}
#shipContent .col-right {position: absolute; width: 50%; left: 50%; height: 100%;}
#shipContent #shipCalendar {border: 1px solid #ccc;position: relative; width: 90%; top: 10%; left: 0; height: 80%; background: transparent; text-align: center; box-shadow: 1px 1px 2px #ccc;}
#shipWeekDay {color:#000; font-size:14px; line-height:24px; background: #c6e0fa; margin-bottom: 3px;text-transform: uppercase;}
.expShip #shipWeekDay {background: #c20000;}
#shipMonth { color:#000; font-size:16px; vertical-align: top; text-transform: uppercase; line-height: 1.2; position: absolute;top: 35px;left: 5px;}
#shipDay { color:#000; font-size:38px; vertical-align: top; width: 44px; position: absolute;top: 35px; right: 3px;}
.feature #shipMonth { left: 10px; }
.feature #shipDay { right: 10px; }
.expShipOn #shipDay{color: #c20000;}
.expShipOn #shipWeekDay{color: #FFF;}
.featureItem #shipDate {margin-bottom: 10px;}

/* shipping date horizontal */
#btn_shipping_method {
	background-color: #0055aa;
  width: 100%;
  color: #fff;
}
#btn_shipping_method.exp {
  background-color: #c20000;
}
#btn_shipping_method.std-only #shipping_link_standard {
  border: none;
}
#btn_shipping_method.std-only #shipping_link_express {
  display: none;
}
#btn_shipping_method #shipping_link_standard,
#btn_shipping_method #shipping_link_express {
  height: 25px;
  line-height: 25px;
  cursor: pointer;
  text-align: center;
}
#btn_shipping_method #shipping_link_standard {
  background-color: #0055aa;
  border-right: 2px solid #0055aa;
  border-bottom: 1px solid #fff;
}
#btn_shipping_method #shipping_link_express {
  background-color: #c20000;
  border-right: 2px solid #c20000;
  border-top: 1px solid #fff;
}
#btn_shipping_method.exp #shipping_link_standard {
  border-right-color: #fff;
}
#btn_shipping_method.std #shipping_link_express {
  border-right-color: #fff;
}

#btn_shipping_method #shipping_label {
  font-size: 12px;
  line-height: 20px;
  height: 20px;
  text-align: center;
}
#btn_shipping_method #shipping_date_wrapper {
  text-align: center;
}
#shipping_date {
	color: #fff;
  font-size: 17px;
  text-decoration: none;
}
@media screen and (min-width: 1200px) {
	#shipping_date {
		font-size: 19px;
	}
}

.shipping-estimator table {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #CDCDCD;
}
.shipping-estimator tr {
  cursor: pointer;
}
.shipping-estimator tr.checked {
  background-color: #e6e6e6;
}
.shipping-estimator td {
  padding: 6px;
}
.shipping-estimator .radio {
  display: inline-block;
  margin: 0 3px;
}
.shipping-estimator .service-name {
  display: inline-block;
  width: 120px;
  text-align: left;
}
.shipping-estimator .service-date {
  display: inline-block;
}


/**/
.reviewSample{ margin:0 10px; padding:10px 0; border-bottom:solid 1px #D3D3D3;}
.reviewSampleLast {border-width:0!important; padding-bottom: 0;}
.reviewImage{ float:left; width:148px; padding:0px 20px; height:130px;}
.reviewDetails{ float:left; width:720px;}
.reviewTitle{ margin-bottom: 5px; }
.reviewTitle h3{font-size:14px;}
.reviewMeta { margin-bottom:5px; font-size:14px; color: #333;}
.reviewDesc{}
.reviewRates{ margin-bottom:10px;}
.reviewRates li { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; width: 145px;}
.reviewRates li img {vertical-align: middle;}
.rate_title {color: #333; font-size: 14px; text-transform: uppercase;}

#promos_list, #topselling_list{ padding-bottom: 8px; overflow: hidden;}
#promos li, #topselling li{ float:left; width:252px; position:relative; margin-top: 8px; padding-left:8px; text-align:center; font-weight:bold;}
#promos li img, #topselling li img{width:250px; height: 200px;}
#promos, #topselling { float: left; width: 788px;}

.content #promos li, .content #topselling li{width:252px; margin-top: 8px; padding-left:8px;}
.content #promos li img, .content #topselling li img{width:250px; height:200px; border:solid 1px #D3D3D3;}

.spark_promo{ position:absolute; bottom:40px; right:20px; background:url("../images/spark_promo.gif") no-repeat; width:49px; height:39px; color:#FFF; text-align:center; font-weight:bold; padding-top:10px; font-size:12px;}
.spark_topselling{ position:absolute; bottom:40px; right:20px; background:url("../images/spark_topselling.gif") no-repeat; width:49px; height:39px; color:#FFF; text-align:center; font-weight:bold; padding-top:10px; font-size:20px;}
#promos .title { background-image:url("../images/promo_title_bg.gif"); background-repeat:no-repeat;}
#topselling .title { background-image:url("../images/topselling_title_bg.gif"); background-repeat:no-repeat; }


@media screen and (max-width: 989px) { 
  #support_content { width: 100%; } 
  #support_content #message { width: 100%; } 
  #support_content .contact-section { flex-direction: column-reverse!important; }
  #support_content #shipDate { height: auto; }
}
#support_content #message ul { padding-left: 14px; }
#support_content #message ul li { line-height: 1.8; list-style-type: disc; }
#support_content #shipTitle { margin-bottom: 15px; font-size: 18px; }
#support{ padding-top: 10px;}
#support .support_left{ width:380px; float:left; margin-right:20px; overflow:visible;}
#support .support_right{ width:380px; float:left; overflow:visible;}
#support h2{background: none;color: #000;font-size: 14px; line-height: 24px; padding-left:10px; text-transform: uppercase; font-size: 18px;}

.support_midd{ padding:0; overflow:hidden}

.support_big_font{color: #CC6600;margin: 5px 0;padding: 0;}
.support_font{margin:0;padding: 0 10px; line-height:22px; text-align:left}

#support .support_left h2 span{float:right; margin-right:20px;}

#under_construction { position:fixed; top:0; left:0; width:100%; height:1500px; z-index:9999;}
#under_construction .bg {width:100%; height:2000px;background:#000;filter:alpha(opacity=50);/* IE */ -moz-opacity:0.5;/* Moz + FF */ opacity: 0.5;/* 支持CSS3的浏览器（FF 1.5也支持）*/}
#under_construction .fg {	position:absolute; top: 100px; width:100%;}
#under_construction .fg .under_construction_image {width:500px; height:300px; position:relative; margin:100px auto; background:#FFF; padding: 4px;}
#under_construction .fg .under_construction_image .close {position: absolute; right: 0; top: 0; width: 14px; height: 14px; padding: 4px; background: #FFF; display:block;}

.side_product {	background: none repeat scroll 0 0 #FFF; border: 1px solid #D3D3D3; padding: 0;}
.side_product h2 { background: none repeat scroll 0 0 #fe8f00; color: #FFFFFF; font-size: 14px; font-weight: bold; line-height: 24px; padding-left: 12px;}
.side_product.promo h2 {background:#E60012;}
.side_product.wording h2 {background:#00ADFF;}
.side_product .product{padding:5px; padding-bottom:10px; text-align:center;}
.side_product .product .image {position:relative;}
.side_product .product .image .spark_promo {bottom:5px; right:5px;}
.side_product .product a:hover{text-decoration:none;}

.side-wording-list{padding: 0 10px;}
.side-wording-list ul{}
.side-wording-list ul li{list-style: dotted;margin-top: 10px; border-bottom: 1px dotted #CDCDCD; padding-bottom: 10px; list-style-position: inside; list-style-type: disc;}
.side-wording-footer{padding: 10px; text-align: right;}
.side-wording-footer a{font-weight: bold;}


span.price_origin{
	color: gray;
	text-decoration: line-through;
	padding-right: 5px;
}

span.price_sale{
	color: red;
}

.review_paging{text-align: center; overflow: hidden; padding-right: 20px;}
.review_paging div{float:right; margin: 10px 0 10px 10px; line-height: 20px;}
.review_paging div a{font-size: 14px; font-weight:bold;}
.review_paging div button{
	border: 0 none;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	cursor: pointer;
	width: 40px;
	border-radius: 6px;
	position: relative;
	behavior: url(/css/PIE.htc);
}
.shadow { -webkit-box-shadow: 5px 5px 20px 2px #CCC; -moz-box-shadow: 5px 5px 20px 2px #CCC;box-shadow: 5px 5px 20px 2px #EEE; behavior: url(/css/PIE.php);}

.testimonial {width: 990px; margin: 10px auto 0; position: relative;}
.testimonial #left_quote{position: absolute; top:20px; left: 36px; width: 16px; height: 14px; background: url(/images/sprite-icons.png) no-repeat -16px 0px;}
.testimonial #right_quote{position: absolute; top:63px; right: 60px; width: 16px; height: 14px; background: url(/images/sprite-icons.png) no-repeat 0px 0px;}
.testimonial #testimonial_more{position: absolute; top:80px; right: 20px;}
.testimonial_content {padding:20px 58px; font-size:14px; line-height:20px;background:#f5f5f5; text-align: justify;}
.version-p .testimonial_content { padding:20px 0; background: none; }
.version-p .testimonial_content .review .text-container { background:#f5f5f5; border: none; }
.version-p.testimonial .review .text-container:before { border-bottom: none; }
#testimonial_more {line-height: 20px;}
#testimonial_more a {color: #FFF; text-decoration: none; font-size:15px;}
#testimonial_more a:hover {color: #FFF; text-decoration: underline;}
#testimonial_more a img{vertical-align: top;}
.testimonial_name {text-align:right;padding-right: 50px; font-size: 16px;}

.sidemenu_title_btn{
	display: none;
}

div#header-bottom{
	/* background: url(/themes/new_cc/images/header-line.png) repeat-x 0 0;
  height: 10px;
  margin-bottom: 6px; */
  display: none;
}

/* Begin Get-It-Fast.html */
.get_fast_article{
	margin-top:5px;
}
.get_fast_pic{
	margin-bottom: 10px;
	border: 0px;
}
#info_calendar{
	color: #333333;
  font-size: 12px!important;
	overflow: hidden;
  position: relative;
  width: 100%;
  margin: 0px auto;
}

#info_calendar td {
	font-size: 12px;
}
#info_calendar td img {
	/* cursor: pointer; */
}

#info_calendar #div_tabs {
	width: 100%; 
	height: 31px;
}
#info_calendar #div_tabs .calendar_tab {
	width: 151px;
	margin-right: 2px; 
	height: 31px; 
	font-weight: normal; 
	float: left; 
	text-align: center; 
	line-height: 31px; 
	cursor: pointer;
	color: #FFF;
	font-size: 18px;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
}
#exp_calendar_tab {
	background-color: #c20000;
}
#std_calendar_tab {
  background-color: #2b84de;
}
#info_calendar #div_table {
	border: 6px solid #2b84de;
	border-radius: 0 5px 5px 5px;
	-moz-border-radius: 0 5px 5px 5px;
}
#info_calendar.info_express #div_table {
  border-color: #c20000;
}
#info_calendar #tbl_content {
	border-collapse:collapse; 
	width: 100%;
}
#info_calendar #tbl_content th{
	background-color: #fff;
	text-align: center; 
	color: #000000;
	margin-left: 1px; 
	padding: 0px; 
	height: 26px;
	border: solid 1px #c6c6c6;
	border-collapse:collapse;
	font-size: 18px;
	vertical-align: bottom;
	padding: 5px 0;
}
#info_calendar #tbl_content td{
	width: 14%;
	padding: 0px;
	border: solid 1px #c6c6c6;
	border-collapse: collapse;
}
#info_calendar #tbl_content td.day_weekend{
	width: 15%;
}
#info_calendar #tbl_content td .day_title{
	overflow:hidden; 
	text-align: right;
	position: relative;
	height: 17px;
	line-height: 18px;
	padding-right: 4px;
	color: #000;
	border-bottom: 1px solid #cccccc;
	background-color: #e6e6e6;
}

#info_calendar #tbl_content td .day_title .weeknum{
	width: 36px; 
	text-align: left; 
	font-size: 10px; 
	font-weight: bold; 
	position: absolute; 
	top: 0px; 
	left: 1px; 
	color: white; 
	margin-top: 1px;
	padding-left: 2px;
}
#info_calendar #tbl_content td .day_title .weeknum{
	background: url(../images/shipping/wknum_bg_std.png) no-repeat; 
}
#info_calendar.info_express #tbl_content td .day_title .weeknum{
	background: url(../images/shipping/wknum_bg_exp.png) no-repeat; 
}
#info_calendar #tbl_content td .day_content{
	overflow: hidden; 
	height: 51px; 
	font-size: 10px; 
	line-height: 26px; 
	text-align: center; 
	background:#FFF;
}
#shiping_icon{
	margin: 12px;
}
.s_icon{
	float:left;
}
.icon_words{
	display: inline;
	float: right;
	padding:0px 18px 0px 4px;
	color: #262626;
	font-size: 15px;
}
.icon_words.last{
	padding-right: 0px;
}
#info_calendar #tbl_content td.day_weekend .day_content{
	background:#fff;
}
/* End of Get-It-Fast.html */

/*Begin of make-it-personal.html*/
.support .page_personal{
	background: url("../images/make-it-personal-bg.jpg") right center no-repeat;
	position: relative;
	height: 682px;
  width: 790px;
	padding-top: 5px;
  margin: auto;
}
.support .personal_get_start{
	position: absolute;
	height: 28px;
	top: 612px;
	left: 460px;
}
/*End of make-it-personal.html*/

/*Begin of category guide page*/
.category_guide{
	text-transform: uppercase;
  width: 990px;
}
.category_guide .title.long{
	background: url("../images/category/cat_g_o_title.png") no-repeat;
	margin-left: 0px;
	margin-right: 0px;
}
.category_guide .category_part1{
	float: left;
	position: relative;
	margin-top: 3px;
}
.category_guide .category_part2{
	float: right;
	margin-top: 3px;
}
.reci .category_part1{
	width: 408px;
	height: 409px;
}
.corp .category_part1{
	width: 323px;
	height: 467px;
}
.chri .category_part1{
	width: 323px;
	height: 448px;
	margin-right: 10px;
}
.reci .category_part2{
	width: 582px;
	height: 409px;
}
.corp .category_part2{
	height: 467px;
	width: 666px;
}
.mili .category_part1{
	height: 328px;
	width: 702px;
}
.mili .category_part2{
	height: 328px;
	width: 288px;
}
/*
.mili.category_guide .category_part2.left{
	margin-right: 10px;
	float: left;
	margin-top: 3px;
}
*/
.category_guide a{
	float: left;
}
.category_guide .a_bg{
	position: absolute;
	bottom: 0px;
	left:0px;
	height: 25px;
	filter:alpha(opacity=50);
	-moz-opacity:0.5; 
	-khtml-opacity: 0.5;
	opacity: 0.5;
	background-color: #000000;
	z-index: 1;
}
.reci .category_part1 .a_bg{
	width: 408px;
}
.corp .category_part1 .a_bg{
	width: 323px;
}
.chri .category_part1 .a_bg{
	width: 323px;
}
.corp .cat_g_right_pic.top .a_bg{
	width: 323px;
}
.chri .cat_g_right_pic .a_bg{
	width: 323px;
}
.corp .cat_g_right_pic.bottom .a_bg{
	width: 212px;
}
.corp .cat_g_right_pic.bottom{
	margin-top: 10px;
}
.cat_g_pic_title{
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 25px;
	z-index: 2;
}
.reci .cat_g_right_pic .cat_g_pic_title{
	width: 281px;
}
.reci .cat_g_right_pic .cat_g_pic_title a{
	width: 261px;
}
.corp .cat_g_right_pic.top .cat_g_pic_title{
	width: 323px;
}
.corp .cat_g_right_pic.top .cat_g_pic_title a{
	width: 304px;
}
.corp .cat_g_right_pic.bottom .cat_g_pic_title{
	width: 212px;
}
.corp .cat_g_right_pic.bottom .cat_g_pic_title a{
	width: 193px;
}

.chri .cat_g_pic_title{
	width: 323px;
}
.chri .cat_g_pic_title a{
	width: 303px;
}
.cat_g_pic_title a{
	text-decoration: none;
	vertical-align: middle;
	font-size: 16px;
	/*line-height: 16px;*/
	padding:6px 10px 3px 10px;
	z-index: 1;
	opacity: 1;
	color: #fff;
}
.reci .cat_g_pic_title.part1 a{
	width: 388px;
}
.corp .cat_g_pic_title.part1 a{
	width: 303px;
}
.cat_g_right_pic{
	position: relative;
}
.cat_g_right_pic.bottom{
	margin-bottom: 10px;
}
.category_part2 .cat_g_right_pic{
	margin-left: 10px;
	float: left;
}
.chri .category_part2 .cat_g_right_pic{
	height: 219px;
	margin-left: 1px;
	float:none;
	position: relative;
}
.mili .category_part2 .cat_g_right_pic{
	width: 288px;
	height: 66px;
	margin-left: 0px;
	float: none;
}
.mili .category_part1 .cat_g_right_pic a{
	display: none;
}
.mili .category_part1 .cat_g_right_pic a.first{
	display: block;
}
.mili .cat_g_right_pic{
	position: relative;
}
.mili .category_part2{
	background-image: url('../images/category/military/cat_g_list_bg.jpg');
}
.mili .list{
	position: relative;
	z-index: 3;
	width: 288px;
	height: 66px;
}
.mili .list img{
	position: absolute;
	top:4px;
	left: 17px;
}
.mili .select_bg{
	position: absolute;
	left: -9px;
	height: 64px;
	width: 297px;
	background-image: url('../images/category/military/cat_g_list_selected.png');
}

.mili .category_part2 a{
	text-decoration: none;
}

.mili .list .words{
	position: absolute;
	left: 95px;
	top:24px;
	font-size: 18px;
	
}
.mili .category_part2 .select_bg{
	display: none;
}

.mili .category_part2 .select_bg.first{
	display: block;
}
.mili .category_part1 .cat_g_right_pic{
	position: relative;
}
.mili .category_part1 .cat_g_right_pic a{
	position: absolute;
}
/*mili2*/
.mili2.category_guide .category_part2.left{
	margin-right: 10px;
	float: left;
	margin-top: 3px;
}
.mili2.chri .category_part1 {
	margin-right: 0px;
}
/*end mili2*/
.category_part2 .a_bg{
	width: 281px;
}
.category_guide .category_part3{
	clear: both;
	padding-top: 10px;
}
.reci .category_guide .category_part3.{
	height: 160px;
}
.category_part{
	margin-top: 5px;
}
.occa .category_part{
	width: 990px;
	height: 284px;
}
.occa .category_part .cat_g_pic{
	width: 323px;
	height: 284px;
}
.other_pic,.cat_g_pic{
	float: left;
	margin-right: 10px;
	position: relative;
}
.reci .category_part3 .other_pic{
	width: 240px;
	height: 160px;
}
.other_pic.last,.cat_g_pic.last{
	margin-right: 0px;
}
.other_pic .a_bg{
	width: 240px;
}
.cat_g_pic .a_bg{
	width: 323px;
}
.cat_g_pic .cat_g_pic_title a{
	width: 303px;
}
.other_pic .cat_g_pic_title a{
	width: 220px;
}
.category_guide .div_line{
	width: 990px;
	height: 17px;
	margin-top: 29px;
	margin-bottom: 11px;
	background: url("../images/category/cat_g_div_line_bg.jpg") no-repeat;
}
.category_guide .product_part{
	height: 202px;
	width: 960px;
	background-color: #f5f5f5;
	padding: 15px;
}
.product_part .cat_g_pro_pic{
	float: left;
	width: 162px;
	height: 161px;
}
.product_part .cat_g_pro_pic{
	width: 178px;
	height: 161px;
}

.cat_g_pro_pic.mid1{
	margin-right: 18px;
}
.cat_g_pro_pic.mid2{
	margin-right: 17px;
}
.product_part .pro_title{
	width: 162px;
	margin-top: 15px;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	color: #212121;
}
.category_guide .cat_g_see_all {
  overflow: hidden;
}
.category_guide .cat_g_see_all a{
	text-align: center;
	text-decoration: none;
	color: #2a84e3;
	width: 990px;
	font-size: 15px;
	margin:17px 0 0;
}
.category_guide .cat_g_see_all img{
	vertical-align: text-top;
}
/*Begin of category guide page*/

/* Begin of mask layer and iframe layer */
#mask_layer{
  height: 100%;
  width: 100%;
  background: black;
  zoom: 1;
  opacity: 0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    filter: alpha(opacity=70);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  visibility: visible;
}
#popup_iframe_layer{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1000;
  /* visibility: hidden; */
}
#popup_iframe_layer .container{
  position: relative;
  max-width: 990px;
  margin: auto;
  left: 0;
  top: 4%;
  zoom: 1;
  opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}
/* End  of mask layer and iframe layer */

.compare {
    position: relative;
    display: block;
    margin: auto;
    overflow: hidden;
}
.version-2 .compare{
  /* width: 509px; */
}
.version-3 .compare{
  /* width: auto; */
}
.compare img.colorfill {
    position: absolute;
    z-index: 20;
}
div.compare img {
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: auto;
}
div.colorfill{
  background-color: #fff;
  /* height: 990px; */
  padding: 10px;
}
div.colorfill .top > .left{
  position: relative;
  /* float: left; */
}
div.colorfill.version-2 .top .left .corner-mark-1{
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  height: 0;
  width: 0;  
  border: 70px solid rgb(148, 196, 244);
  border-right: 70px solid transparent;
  border-bottom: 70px solid transparent;
  z-index: 20;
}
div.colorfill.version-3 .top .left .corner-mark-1{
  position: absolute;
  top: 0;
  left: 0;
  height: 39px;
  width: 186px;  
  z-index: 20;
  background-image: url(../images/colorfill/colorfill3-corner.png);
  -webkit-background-size: 186px 39px;
  background-size: 186px 39px;
  color: #FFF;
  font-size: 20px;
  line-height: 39px;
  padding-left: 12px;
  box-sizing: border-box;
}
div.colorfill.version-2 .top div.right{
  float: left;
  width: 400px;
  padding: 20px;
}
div.colorfill.version-3 .top div.right{
  float: right;
  position: relative;
  
}
div.colorfill .top .right h3{
  font-family: Georgia;
}
div.colorfill .top .right p{
  padding: 15px 0;
}
div.colorfill .top .right div.image-compare{
  display: inline-block;
  box-sizing: border-box;
  width: 129px;
}
div.colorfill.version-2 .top .right div.image-compare{
  border: 2px solid #e0d7ce;
  padding: 15px;
  margin-right: 15px;  
}
div.colorfill.version-3 .top .right div.image-compare{}
div.colorfill.version-3 .top .right div.image-compare img{
  height: 90px;
}
div.colorfill .top .right span.compare-text{
  display: inline-block;
  width: 129px;
  text-align: center;
  margin: 10px 15px 30px 0;
}

.compare .label {
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -webkit-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    opacity: 1;
    color: #fff;
    background: rgba(46,64,78,.8);
    font-size: 1em;
    position: absolute;
    bottom: 0;
    margin: 10px;
    padding: 5px 10px;
    font-weight: 400;
    z-index: 30;
    opacity: .5;
}
.compare .label.right {
    right: 0;
}
.compare .label.left {
    left: 0;
}
.compare .label.colorfill {
    background: rgb(148, 196, 244);
}
.handle {
    height: 38px;
    width: 38px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px;
    border: 2px solid #fff;
    border-radius: 1000px;
    z-index: 40;
}
.handle:before, .handle:after {
    content: " ";
    display: block;
    width: 2px;
    background: #fff;
    height: 9999px;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    z-index: 30;
}
.handle:before {
    bottom: 50%;
    margin-bottom: 22px;
}
.handle:after {
    top: 50%;
    margin-top: 22px;
}
.handle-left-arrow, .handle-right-arrow {
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute;
    top: 50%;
    margin-top: -6px;
}
.handle-left-arrow {
    border-right: 6px solid #fff;
    left: 50%;
    margin-left: -17px;
}
.handle-right-arrow {
    border-left: 6px solid #fff;
    right: 50%;
    margin-right: -17px;
}

.version-2 .corner-mark-1-text{
  position: absolute;
  text-align: center;
  z-index: 21;
  top: 26px;
  left: 6px;
  font-size: 19px;
  font-weight: normal;
  color: #fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  display:block;
}

#popup_iframe_layer .close{
  position: absolute;
  top: -15px;
  right: -15px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  background-color: #FFF;
  border-radius: 15px;
  text-align: center;
  line-height: 24px;
  font-size: 38px;
  transform: rotate(45deg);
}
#popup_iframe_layer .close:before {
  content: '+';
}
.cancel-icon img{
  width: 16px;
}

.colorfill.version-3{
  width: 945px;
  margin-top: 12px;
  margin-left: auto;
  margin-right: auto;
}
.version-3 .description{
  width: 100%;
  /* float: left; */
  padding: 0 35px;
  box-sizing: border-box;
}
.version-3 .left.description{
  width: 580px;
  padding: 20px 40px;
}
.version-3 .description h3{
  padding-left: 65px;
  font-size: 22px;
}
.version-3 .description p, .version-3 .description ol{
  display: block;
  padding: 20px 50px;
  background-color: #eee;
  border-radius: 3px;
  margin-top: 10px;
  position: relative;
}
.version-3 .description ol{
  height: 80px;
  padding: 20px 50px 20px 70px;
}

.version-3 .description ol li{
  list-style-type: decimal;
  height: 20px;
  line-height: 20px;
}
.version-3 .description p:before, .version-3 .description ol:before{
  content: "";
  width: 0;
  height: 0;
  border-bottom: 20px solid #eee;
  border-left: 20px solid transparent;
  border-top:20px solid transparent;
  border-right: 0px;
  position: absolute;
  top: -40px;
  left: 40px;
}
.version-3 .description p:after, .version-3 .description ol:after{
  content: "";
  width: 0;
  height: 0;
  border-bottom: 20px solid #fff;
  border-left: 8px solid transparent;
  border-top:20px solid transparent;
  border-right: 0px;
  position: absolute;
  top: -40px;
  left: 52px;
}
.version-3 .description em{
  position: absolute;
  left: 10px;
  top: 10px;
  font-size: 66px;
  font-family: Didot LT Std;
  color: #FFF;
}
.version-3 .description em:last-child{
  bottom: -34px;
  right: 18px;
  left: auto;
  top: auto;
}

.version-3 .confirm {
  margin-left: auto;
  margin-right: auto;
  width: 450px;
  margin-bottom: 30px;
}
.version-3 .confirm h3 {
  text-align: center;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 10px;
  color: #94C4F4;;
}
.version-3 .confirm button.grey {
  float: right;
}


.colorfill .banner{
  /* float: left; */
  margin: 30px 0 10px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #FFF;
  font-size: 18px;
  background: url('../images/colorfill/banner-bg.png') center center no-repeat;
}

.colorfill .tp-my-review .review-text .comment span.cc-blue{
  color: #94C4F4;
}

div#mainContent.no-header {
  margin-top: 0px;
}

.colorfill #tp-my-wrapper a.view-more{
  display: block;
  margin: 20px;
  text-align: right;
}


#diy_layer_inner, #diy_layer_inner_dbu{
  position: relative;
  left:0;
  right:0;
  width:976px;
  margin: auto;
  /*-webkit-box-shadow:5px 5px 20px black;
  -moz-box-shadow:5px 5px 20px black; 
  box-shadow:5px 5px 20px black;*/
}
#diy_layer_inner_dbu {
  margin-top: 20px;
  border: solid 1px #464646;
}

#diy_close_img,#comments_close_img,#diy_preview_close_img,#faq_close_img{
  cursor: pointer;
}

#diy_preview_img{
  max-width: 700px;
}
#diy_preview_layer_inner {
  padding-bottom: 50px;
  border: solid 1px #464646;
  background-color: #000;
}

/* DBU Pop-up*/
#dbuContent  {
  background-repeat: no-repeat;
  width: 540px;
  padding: 20px 20px 10px 20px;
  background-color: #000;
  margin: auto;
}
#dbuTitle{
  padding: 10px 20px;
  margin-bottom: 10px;
  border-bottom: 1px solid #999999;
}

#dbuContent .upperBtn {
  height: 26px;
  padding-left: 183px;
}
#dbuContent .upperBtn .rightImg {
  padding-left: 6px;
}

#dbuContent .dbuInfo {
  overflow: hidden;
  text-align: left;
}

#dbuContent .bottomBtn {
  padding-left: 183px;
  padding-top: 10px;
  margin-top: 3px;
  border-top: 1px solid #999999;
}

#dbuContent .bottomBtn .rightImg{
  margin-left: 8px;
}

#dbuTable {
  margin-left: 20px;
}
#dbuTable td {
  color: #FFFFFF;
  font-size: 13px;
}

#dbuTable input{
  font-size: 13px;
}

#dbuTable input[type="file"]{
  height: 20px;
  color: #000;
  vertical-align: top;
}


#dbuTable input[type="button"]{
  height: 21px;
  vertical-align: top;
}

.dbuText {
  width: 325px;
  height: 17px;
  color: white;
  background-image: url('/images/dbu/inputTextBG.png');
  background-repeat: no-repeat;
  border-width: 0px;
  padding: 3px;
  border-width:0!important;
}
.dbuTextArea {
  width: 323px;
  color: white;
  background-image: url('/images/dbu/textareaBG.png');
  background-repeat: no-repeat;
  border-width: 0px;
  padding: 3px;
  overflow: auto;
  font-size: 13px;
  resize: none;
}
#award_request.dbuTextArea { height: 82px; }
#award_message.dbuTextArea { height: 82px; }
.dbuInputFile {
  width: 323px;
  height: 15px;
  color: white;
  background-image: url('/images/dbu/inputFileBG.png');
  background-repeat: no-repeat;
  border-width: 0px;
  padding: 3px;
}

#logoFiles a {
  color: #CCCCCC;
}
#logoFiles a:hover {
  color: #FFFFFF;
}

.cc-blue-dark {color: #0055aa;}
.text-red {color: #c20000;}

.line-title {
    display: table;
    width: 100%;
    line-height: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-transform: uppercase;
}
.line-title.h2 {
  font-size: 2em;
}
.line-title:before, .line-title:after {
    border-top: 1px solid #ccc;
    content: '';
    display: table-cell;
    position: relative;
    top: 0.5em;
    width: 45%;
}
.testimonial .line-title:before, .testimonial .line-title:after {
    border-top-color: #333;
}
.line-title:before {
    right: 1.5%;
}
.line-title:after {
    left: 1.5%;
}
.text-right {text-align: right;}


/* Payment Error */
#payment_error_layer .pe-message,
#payment_error_layer .pe-or { margin: 12px 0; }
#payment_error_layer .pe-or { text-align: center; }
#payment_error_layer .pe-message2 p { font-size: 13px; margin-top: 12px; }
/* Payment Success */
#payment_success_layer .pe-message { margin: 12px 0; line-height: 1.5; }
/* Payment Update */
#payment_update_layer #checkoutWrapper { width: auto; }
#payment_update_layer { visibility: visible; z-index: 1000; }
#payment_update_layer #payment_update_main {
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  top: 100px;
  zoom: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  z-index: 1000;
}
#payment_update_layer .content {
  position: relative;
  left: 0;
  right: 0;
  width: 790px;
  background: #FFF;
  margin: auto;
  -webkit-box-shadow: 5px 5px 20px black;
  -moz-box-shadow: 5px 5px 20px black;
  box-shadow: 5px 5px 20px black;
  box-sizing: border-box;
}
#payment_update_layer .pe-title {
  color: #c20000;
  font-size: 18px;
  line-height: 1.5;
}
#payment_update_layer .pe-message,
#payment_update_layer .pe-or { margin: 12px 0; }
#payment_update_layer .pe-or { text-align: center; }
#payment_update_layer .pe-message2 p { font-size: 13px; margin-top: 12px; }

#payment_update_layer .multicolumn.left { width: 50%; }
#payment_update_layer .multicolumn.right { width: 50%; }
#payment_update_layer #credit_card_details { margin-left: 0; }
#payment_update_layer #credit_card_details .credit_info_list.f-row{ align-items: center; }
#payment_update_layer #checkout_payment_continue { position: static;}
#payment_update_layer #checkoutMain.update-payment button.checkout { width: 100%; }

#part_shipping_method.Standard #shipping_express_fixed,
#part_shipping_method.Express #shipping_standard_fixed { display: none; }

.space-bottom {
  margin-bottom: 12px!important;
}
.space-bottom-2x { 
  margin-bottom: 24px!important;
}
.space-bottom-none {
  margin-bottom: 0 !important;
}

.quote { position: relative; }
.quote:before {
  font-family: 'diyicon diy';
  content: '\e975';
  left: 0;
  top: 0;
}
.quote:after {
  font-family: 'diyicon diy';
  content: '\e976';
  right: 0;
  bottom: 0;
}
.quote:before,
.quote:after {
  position: absolute;
}
.quote.blue:before,
.quote.blue:after {
  color: #94c4f4;
}

.text-decoration-none:hover {
  text-decoration: none;
}
.h2-like {
  font-size: 24px;
}
[data-vimeo-id]:not([data-vimeo-id=""]) {
  position: relative;
}
[data-vimeo-id]:not([data-vimeo-id=""]) img {
  visibility: hidden;
}
[data-vimeo-id]:not([data-vimeo-id=""]):after {
  font-family: 'diyicon diy'!important;
  content: "\e974";
  display: block;
  position: absolute;
  font-size: 58px;
  top: 16px;
  left: 16px;
  z-index: 9;
  color: #4c7ee1;
}

.absolute { position: absolute; }
.slide-text-container { width: 100%; }
.poster-button {
  right: 30px;
  bottom: 20px;
}
.home-banner .slide-text-container { width: 380px; top: 35%; left: 10px; }
.home-banner .slide-text-container .h1-like { font-size: 36px; line-height: 1.1; }
.home-banner .slide-text-container p { font-size: 18px; font-weight: 300; line-height: 1.2; }
.home-banner .pastor .slide-text-container { right: 0; }
.home-calendar #shipDate {
  background-image:url("../images/home/Delivery.jpg");
  background-position:right;
  background-repeat:no-repeat;
  padding: 35px 40px;
  background-size: cover;
}
@media (-webkit-min-device-pixel-ratio: 2) {
  .home-calendar #shipDate {
    background-image:url("../images/home/Delivery@2x.jpg");
  }
}
@media screen and (min-width: 1200px) {
  .home-calendar #shipDate {
    padding: 56px 40px;
  }
}
@media screen and (min-width: 1400px) {
  .home-calendar #shipDate {
    padding: 74px 70px;
  }
}
.home-calendar #shipTitle { margin-bottom: 37px; }

.home-page h2 { font-size: 28px; font-weight: 500; line-height: 1.1; }
.home-page h2+p { font-size: 14px; font-weight: 300; line-height: 1.2; }
.home-page .slide-text-container .h1-like { font-size: 24px; }
.home-page .slide-text-container .h1-like+p { font-size: 16px; }
.home-page .hot-sale .post-title { line-height: 1; margin-top: 6px; }
.home-page .hot-sale .post-subtitle { margin-bottom: 6px; }
@media screen and (min-width: 1200px) {
  .featured-categories .f-row { margin-right: -12px; }
}
@media screen and (min-width: 1400px) {
  .featured-categories .f-row { margin-right: -10px; }
}

.btn-group-vertical > .btn { margin-bottom: 10px; }
.mfp-diyimage {
  max-height: calc(100vh - 40px);
  overflow: scroll;
}

.show-part-switch {
  display: none!important;
}
.show-part-switch:before {
  display: inline-block;
  content: 'Show More';
  text-decoration: inherit;
}
.show-part-wrapper .show-part-switch {
  display: block!important;
}
.show-5-only > :nth-child(n+6) {
  display: none;
}
.show-10-only > :nth-child(n+11) {
  display: none;
}
.show-15-only > :nth-child(n+16) {
  display: none;
}
.show-20-only > :nth-child(n+21) {
  display: none;
}
.show-part-only.show > * {
  display: block;
}
.show-part-only.show + .show-part-switch:before {content: 'Show Less'}
.leftside .sidemenu .menublock.folded .show-part-switch {display: none!important;}

.accordion-container {
  position: relative;
  padding-bottom: 1.2em;
}
.accordion-container .accordion-content {
  max-height: 7.2em;
  line-height: 1.2;
  overflow: hidden;
  transition: max-height 0.4s;
  position: relative;
}
.accordion-container .accordion-content:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
}
.accordion-container .accordion-switch {
  text-align: right;
  line-height: 1.2;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
}
.accordion-container .accordion-switch:before {
  display: inline-block;
  content: 'More';
  text-decoration: underline;
  cursor: pointer;
  background-color: #fff;
  padding-left: 6px;
  padding-right: 6px;
}
.accordion-container.show .accordion-content {
  max-height: 60em;
}
.accordion-container.show .accordion-content:after {
  display: none;
}
.accordion-container.show .accordion-switch:before {
  content: 'Less';
}


.loading-mask {
    display: none;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    background-color: hsla(0, 0%, 50%, 0.8);
}
.loading .loading-mask {
    display: block;
}
.loading-mask .loading-object {
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.spinner {
    width: 80px;
    height: 80px;

    position: relative;
    margin: 0 auto;
}
.logo-bounce {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;

    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}
.logo-bounce img {
    width: 100%;
}

@-webkit-keyframes sk-bounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
    0%, 100% {
      transform: scale(0.0);
      -webkit-transform: scale(0.0);
    } 50% {
      transform: scale(1.0);
      -webkit-transform: scale(1.0);
    }
}

.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.text-transform-capitalize {
  text-transform: capitalize!important;
}
.btn-large.text-transform-capitalize {
  font-size: 18px;
}
.tippy-content {
  padding: 10px!important;
}