/*! Hint.css - v1.3.1 - 2013-11-23
* http://kushagragour.in/lab/hint/
* Copyright (c) 2013 Kushagra Gour; Licensed MIT */

.hint,[data-hint]{position:relative;display:inline-block}.hint:before,.hint:after,[data-hint]:before,[data-hint]:after{position:absolute;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;-moz-transition:.3s ease;transition:.3s ease}.hint:hover:before,.hint:hover:after,.hint:focus:before,.hint:focus:after,[data-hint]:hover:before,[data-hint]:hover:after,[data-hint]:focus:before,[data-hint]:focus:after{visibility:visible;opacity:1}.hint:before,[data-hint]:before{content:'';position:absolute;background:transparent;border:6px solid transparent;z-index:1000001}.hint:after,[data-hint]:after{content:attr(data-hint);background:#383838;color:#fff;text-shadow:0 -1px 0 #000;padding:8px 10px;font-size:12px;line-height:12px;white-space:nowrap;box-shadow:4px 4px 8px rgba(0,0,0,.3)}.hint--top:before{border-top-color:#383838}.hint--bottom:before{border-bottom-color:#383838}.hint--left:before{border-left-color:#383838}.hint--right:before{border-right-color:#383838}.hint--top:before{margin-bottom:-12px}.hint--top:after{margin-left:-18px}.hint--top:before,.hint--top:after{bottom:100%;left:50%}.hint--top:hover:after,.hint--top:hover:before,.hint--top:focus:after,.hint--top:focus:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--bottom:before{margin-top:-12px}.hint--bottom:after{margin-left:-18px}.hint--bottom:before,.hint--bottom:after{top:100%;left:50%}.hint--bottom:hover:after,.hint--bottom:hover:before,.hint--bottom:focus:after,.hint--bottom:focus:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--right:before{margin-left:-12px;margin-bottom:-6px}.hint--right:after{margin-bottom:-14px}.hint--right:before,.hint--right:after{left:100%;bottom:50%}.hint--right:hover:after,.hint--right:hover:before,.hint--right:focus:after,.hint--right:focus:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--left:before{margin-right:-12px;margin-bottom:-6px}.hint--left:after{margin-bottom:-14px}.hint--left:before,.hint--left:after{right:100%;bottom:50%}.hint--left:hover:after,.hint--left:hover:before,.hint--left:focus:after,.hint--left:focus:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--error:after{background-color:#b34e4d;text-shadow:0 -1px 0 #592726}.hint--error.hint--top:before{border-top-color:#b34e4d}.hint--error.hint--bottom:before{border-bottom-color:#b34e4d}.hint--error.hint--left:before{border-left-color:#b34e4d}.hint--error.hint--right:before{border-right-color:#b34e4d}.hint--warning:after{background-color:#c09854;text-shadow:0 -1px 0 #6c5328}.hint--warning.hint--top:before{border-top-color:#c09854}.hint--warning.hint--bottom:before{border-bottom-color:#c09854}.hint--warning.hint--left:before{border-left-color:#c09854}.hint--warning.hint--right:before{border-right-color:#c09854}.hint--info:after{background-color:#3986ac;text-shadow:0 -1px 0 #193b4d}.hint--info.hint--top:before{border-top-color:#3986ac}.hint--info.hint--bottom:before{border-bottom-color:#3986ac}.hint--info.hint--left:before{border-left-color:#3986ac}.hint--info.hint--right:before{border-right-color:#3986ac}.hint--success:after{background-color:#458746;text-shadow:0 -1px 0 #1a321a}.hint--success.hint--top:before{border-top-color:#458746}.hint--success.hint--bottom:before{border-bottom-color:#458746}.hint--success.hint--left:before{border-left-color:#458746}.hint--success.hint--right:before{border-right-color:#458746}.hint--always:after,.hint--always:before{opacity:1;visibility:visible}.hint--always.hint--top:after,.hint--always.hint--top:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--bottom:after,.hint--always.hint--bottom:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--left:after,.hint--always.hint--left:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--always.hint--right:after,.hint--always.hint--right:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--rounded:after{border-radius:4px}.hint--bounce:before,.hint--bounce:after{-webkit-transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(0.71,1.7,.77,1.24);-moz-transition:opacity .3s ease,visibility .3s ease,-moz-transform .3s cubic-bezier(0.71,1.7,.77,1.24);transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(0.71,1.7,.77,1.24)}

/*
  Journal - The Ultimate Opencart Theme
  Version 2.0.5
  Copyright (c) 2013 Digital Atelier
  http://journal.digital-atelier.com/
*/
/******************************
RESET
*******************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, small, strong, b, i, dl, dt, dd, form, label, footer, header, menu, nav, section { margin: 0; padding: 0; border: 0; outline: 0; }
body { overflow-x: hidden; }
article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; }
textarea:focus, input:focus, select:focus, button:focus { outline: none; }
header *, #container *, footer *, #top-modules *, #bottom-modules * { box-sizing: border-box; -moz-box-sizing: border-box; }
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.clearfix { clear: both; display: block; }
:before, :after { font-family: 'journal-icons'; position: relative; font-style: normal; color: inherit; font-size: inherit; display: inline-block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }
i { position: relative; font-style: normal; vertical-align: middle; }
i img { position: relative; vertical-align: middle; }

/* remove mozilla focus outline */
:focus { outline: none!important; }

/******************************
JOURNAL GRID
*******************************/
.xl-5 { width: 5%; }
.xl-10 { width: 10%; }
.xl-15 { width: 15%; }
.xl-20 { width: 20%; }
.xl-25 { width: 25%; }
.xl-30 { width: 30%; }
.xl-35 { width: 35%; }
.xl-40 { width: 40%; }
.xl-45 { width: 45%; }
.xl-50 { width: 50%; }
.xl-55 { width: 55%; }
.xl-60 { width: 60%; }
.xl-65 { width: 65%; }
.xl-70 { width: 70%; }
.xl-75 { width: 75%; }
.xl-80 { width: 80%; }
.xl-85 { width: 85%; }
.xl-90 { width: 90%; }
.xl-95 { width: 95%; }
.xl-100 { width: 100%; }
.xl-11 { width: 11.11111111111111%; }
.xl-12 { width: 12.5%; }
.xl-14 { width: 14.28571428571429%; }
.xl-16 { width: 16.66666666666666%; }
.xl-33 { width: 33.33333333333333%; }
.xl-66 { width: 66.66666666666666%; }
.xs-5, .xs-10, .xs-15, .xs-20, .xs-25, .xs-30, .xs-35, .xs-40, .xs-45, .xs-50, .xs-55, .xs-60, .xs-65, .xs-70, .xs-75, .xs-80, .xs-85, .xs-90, .xs-95, .xs-100, .xs-33, .xs-66, .sm-5, .sm-10, .sm-15, .sm-20, .sm-25, .sm-30, .sm-35, .sm-40, .sm-45, .sm-50, .sm-55, .sm-60, .sm-65, .sm-70, .sm-75, .sm-80, .sm-85, .sm-90, .sm-95, .sm-100, .sm-33, .sm-66, .md-5, .md-10, .md-15, .md-20, .md-25, .md-30, .md-35, .md-40, .md-45, .md-50, .md-55, .md-60, .md-65, .md-70, .md-75, .md-80, .md-85, .md-90, .md-95, .md-100, .md-33, .md-66, .lg-5, .lg-10, .lg-15, .lg-20, .lg-25, .lg-30, .lg-35, .lg-40, .lg-45, .lg-50, .lg-55, .lg-60, .lg-65, .lg-70, .lg-75, .lg-80, .lg-85, .lg-90, .lg-95, .lg-100, .lg-33, .lg-66, .xl-5, .xl-10, .xl-15, .xl-20, .xl-25, .xl-30, .xl-35, .xl-40, .xl-45, .xl-50, .xl-55, .xl-60, .xl-65, .xl-70, .xl-75, .xl-80, .xl-85, .xl-90, .xl-95, .xl-100, .xl-33, .xl-66 { min-height: 1px; float: left; }
.xs-11, .xs-12, .xs-14, .xs-16, .sm-11, .sm-12, .sm-14, .sm-16, .md-11, .md-12, .md-14, .md-16, .lg-11, .lg-12, .lg-14, .lg-16, .xl-11, .xl-12, .xl-14, .xl-16 { min-height: 1px; float: left; }
/******************************
 GENERAL STRUCTURE
*******************************/
.j-min { height: 40px; }
.j-med { height: 80px; }
.j-tall { height: 120px; }
.j-50 { height: 50px; }
.j-100 { height: 100px; }
.z-0 { z-index: 0; }
.z-1 { z-index: 1; }
.z-2 { z-index: 2; }
.z-3 { z-index: 3; }
.z-4 { z-index: 4; }
.z-5 { z-index: 5; }
.z-6 { z-index: 6; }
.z-7 { z-index: 7; }
.z-8 { z-index: 8; }
.z-9 { z-index: 9; }
body { font-size: 13px; font-family: 'Open Sans', sans-serif!important; }
/******************************
 CONTENT
*******************************/
#container { max-width: 1024px; position: relative; margin: 0 auto; background-color: transparent; /*z-index: 3;*/ }
.heading-title, .box-heading { line-height: 37px; height: 40px; font-size: 15px; font-weight: normal; text-transform: uppercase; white-space: /*nowrap; overflow: hidden; text-overflow: ellipsis;*/}
/*.heading-title { margin-bottom: 17px; }*/
.secondary-title { font-family: Helvetica, Arial, sans-serif; font-size: 17px; color: #5c8ba6; }
#content { position: relative; z-index: 2; padding: 20px 20px 0 20px; background-color: transparent; -webkit-transform: translate3d(0, 0, 0); }
#content:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.box { position: relative; }
.content ul, .content li { margin: 0; padding: 0; list-style: none; position: relative; }
.content ul { margin: 8px 0; }
.content > ul > li > a { display: inline-block; padding: 4px 0; /*padding-left: 10px;*/ font-size: inherit; }
/******************************
 BUTTONS / LINKS
*******************************/
a { color: #333745; text-decoration: none; cursor: pointer; }
.button { cursor: pointer; font-size: 14px; transition: all .2s; padding: 0 12px; border: 0; line-height: 32px; background-color: transparent; display: inline-block; -webkit-appearance: none; text-align: center; }
.cart { position: relative; }
.button-disabled { opacity: .5; cursor: default; }
.button-disabled:before, .button-disabled:after { display: none !important; }
.buttons { overflow: hidden; padding: 15px 0 5px 0 !important; margin: 20px 0 0 0; background-color:transparent !important; }
.buttons .left { padding-top: 2px; }
.buttons .left { float: left; text-align: left; }
.buttons .right { float: right; text-align: right; }
.buttons .right a { text-decoration: none !important; }
.buttons .center { float: left; text-align: center; margin-left: auto; margin-right: auto; }
hr { border: 0; background-color: #e4e4e4; height: 1px; margin: 0; }
/******************************
 BREADCRUMB
*******************************/
.breadcrumb { margin: 0 auto; padding: 0 15px; height: 40px; line-height: 38px; position: relative; z-index: 1; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.breadcrumb a { color: inherit; font-size: inherit; transition: all .2s ease; display: inline-block; vertical-align: middle; }
.extended-container:before { content: ""; display: block; width: 100%; height: 40px; position: absolute; }
.home-page .extended-container:before, .maintenance-mode .extended-container:before { display: none; }
.home-page #container:before { content: ""; display: block; position: absolute; left: 50%; top: 0; }
.maintenance-message { padding-bottom: 20px; }
/******************************
 NOTIFICATION
*******************************/
.journal-slider + #container > #notification { display: none; }
#notification { position: absolute; z-index: 2; width: 100%; }
.success, .warning, .information, .attention, .alert_error { width: 100%; max-width:1060px; position: relative; z-index: 2; height: auto; padding: 10px 15px; line-height: 20px; margin:33px auto 0px; font-family: 'Open Sans', sans-serif }
	.success a, .information a, .attention a { color: #428bca; }
	.warning a, .warning a:hover { color: #000; }
	.success img, .warning img, .information img, .attention img { float: right; margin-top: 6px; cursor: pointer; display: block; }
	.success { background-color: #3BB449; color:#fff;}
	.warning { background-color: #e51b1b; color:#fff; }
	.attention { background-color: #3BB449; color:#fff;}
	.information { background-color: #3BB449; color:#fff;}
	.alert_error { background-color: #e51b1b; color:#fff; margin:10px auto 10px;}
/******************************
 INPUTS
*******************************/
.required, .cart-info .stock { color: #3BB449; font-size: 16px; }
input[type='text'], input[type='email'], input[type='password'], input[type='email'], input[type='tel'], textarea { -webkit-appearance: none; background: white; border-radius: 0px; border: 1px solid #e8e8e8; padding: 8px; width: 100%; transition: all 0.2s; font-size: 13px; }
textarea { width: 100%; resize: none; height: 150px; }
input[type='radio'], input[type='checkbox'] { margin: 5px; }

.option-checkbox-checkbox {
	float:left;
}
.option-checkbox-label {
	float:left;
}
@media screen and (max-width: 767px){
	.option-checkbox-checkbox {
		width: 40%;
		text-align: right;
	}
	.option-checkbox-label {
		width: 60%;
		text-align: left;
	}
}
.option-checkbox {
	width: 18px;
	height: 18px;
	vertical-align:middle;
}
select { /*background: #f4f4f4;*/ border: 1px solid #e4e4e4; padding: 5px; margin: 5px; }
label { cursor: pointer; /*padding-right: 20px;*/padding-right: 10px; font-weight: bold; }
span.error { display: inline-block; background-color: #e51b1b; color: white; padding: 3px 4px 2px 4px; font-size: 12px; position: relative; }
/******************************
 COLORBOX
*******************************/
#cboxLoadedContent h1 { padding-bottom: 2px; display: inline-block; border-bottom: 1px solid #e4e4e4; margin: 10px 0 10px 10px; font-size: 24px; }
#cboxLoadedContent p { padding: 0 10px; }
/******************************
 RESPONSIVE VIDEO
*******************************/
.responsive-video { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.responsive-video > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.extended-layout #column-left { padding: 20px 0 0 0; width: 220px; }
.extended-layout #column-right { padding: 20px 0 0 0; width: 220px; }
.extended-layout #column-left + #content { padding: 20px 0 0 20px; margin-left: 220px; }
.extended-layout #column-right + #content { padding: 20px 20px 0 0; margin-right: 220px; }
.extended-layout #column-left + #column-right + #content { padding: 20px 20px 0 20px; margin-left: 220px; margin-right: 220px; }
.extended-layout #content { padding: 20px 0 0 0!important; }
/******************************
 TOP BOTTOM POSITION
*******************************/
#top-modules, #bottom-modules { position: relative; z-index: 1; }
#top-modules > div, #bottom-modules > div { margin: 0 auto; overflow: hidden; padding: 0 20px; }
#top-modules > div.journal2_slider, #top-modules > div.gutter, #bottom-modules > div.journal2_slider, #bottom-modules > div.gutter { padding: 0; }
#top-modules > div > div, #bottom-modules > div > div { position: relative; margin: 0 auto; }
#top-modules .box.static-banners,  #top-modules .multi-modules-wrapper,  #top-modules .box.journal-carousel  .box.custom-sections,  #top-modules .box.cms-blocks, #bottom-modules .box.static-banners,  #bottom-modules .multi-modules-wrapper,  #bottom-modules .box.journal-carousel  .box.custom-sections,  #bottom-modules .box.cms-blocks { padding-bottom: 0 !important; }
#top-modules .multi-modules-wrapper, #bottom-modules .multi-modules-wrapper { margin-bottom: -20px; }
.chrome #top-modules, .chrome #bottom-modules { position: static; }
.hide { display: none; }
.help { color: #666; font-size: 12px; font-weight: normal; display: block; }


/******************************
 Added by jay : 22 Jan 2014
*******************************/

.home-content-icw {border-right:1px solid #d5d5d5; padding:0px 50px 0px 200px; font-family: 'Montserrat', sans-serif; font-size:14px; color:#2f2f2f;}
.home-content-icw.right-icw {border-right:0px solid #d5d5d5; padding:0px 200px 0px 50px}
	.home-content-icw.right-icw p, .home-content-icw p{min-height:180px;}
	.home-content-icw .icw-title {font-size:34px; color:#3BB449 !important; font-family: 'Montserrat', sans-serif; font-weight:400; text-transform:uppercase; padding-bottom:10px;}
	
	.home-content-links {margin:5px auto 0px !important; padding:0px !important; list-style:none;}
		.home-content-links li {padding-bottom:5px;}
		
		.home-content-links .block-icon-icw {width:98px; height:98px; display:inline-block; border-radius: 49px;-moz-border-radius: 49px;-webkit-border-radius:49px; background-color:#3BB449; background-position:50% 50%; background-repeat:no-repeat;}
		.home-content-links strong {display:block; padding:10px 0px; text-align:center; font-size:16px; color:#3BB449; font-family: 'Montserrat', sans-serif; font-weight:700;}
		.home-content-links .block-icon-icw.icon-laptop {background-image:url(icons/icon-laptop.png);}
		.home-content-links .block-icon-icw.icon-plus {background-image:url(icons/icon-plus.png);}
		.home-content-links .block-icon-icw.icon-user {background-image:url(icons/icon-user.png);}
		.home-content-links .block-icon-icw.icon-drink {background-image:url(icons/icon-drink.png);}
	
	.btn-icw-sm {font-family: 'Montserrat', sans-serif; color:#fff; background:#87e9ea; font-size:16px; border:none !important; display:inline-block; padding:12px 30px; font-weight:500; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius:3px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; cursor:pointer; }
		.btn-icw-sm:hover {color:#fff; text-decoration:none; background:#6CC6C7;}
		
		/* About Us */
	.page-icon-icw {width:175px; height:175px; display:inline-block; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius:50%; background-color:#3BB449; background-position:50% 50%; background-repeat:no-repeat;}
		.page-content-links strong {display:block; padding:10px 0px; text-align:center; font-size:16px; color:#3BB449; font-family: 'Montserrat', sans-serif; font-weight:700;}
		.page-icon-icw.icon-book {background-image:url(icons/icon-book.png); cursor:pointer;}
		.page-icon-icw.icon-computer {background-image:url(icons/icon-computer.png);}
		.page-icon-icw.icon-group {background-image:url(icons/icon-group.png); cursor:pointer;}
		.page-icon-icw.icon-contact {background-image:url(icons/icon-contact.png); cursor:pointer;}
		.page-icon-icw.icon-faq {background-image:url(icons/icon-faq.png); cursor:pointer;}
		
		.about-page-content .icw-title {font-size:34px; color:#3BB449 !important; font-family: 'Montserrat', sans-serif; font-weight:400; text-transform:uppercase;}
		.about-page-content .customer-main-text {padding:0px 125px 20px 125px;;}
		
		.icw-page-title {font-size:34px; color:#3BB449 !important; font-family: 'Montserrat', sans-serif; font-weight:400; text-transform:uppercase; text-align:center;}
		
		.icw-sub-title {font-size:30px; color:#3BB449 !important; font-family: 'Montserrat', sans-serif; font-weight:400; text-transform:uppercase; padding-bottom:20px;}
			.icw-sub-title h4 {font-size: 18px; font-family: 'Montserrat', sans-serif !important; text-transform: capitalize; color: #000;}
		
		.icw-sub-title-sm {font-size:18px; color:#2f2f2f !important; font-family: 'Montserrat', sans-serif; font-weight:400; padding-bottom:20px;}
		
		.txt-gray {color:#444444 !important;}
		
		.about-page-content {padding:0px 85px; margin: 0 auto; max-width: 1150px; font-family: 'Montserrat', sans-serif;}
		.about-page-content .row-icw {overflow:hidden; margin-bottom:120px;}
			.about-page-content .row-icw.mb0 {margin-bottom:0px;}
			
			.row-icw .about-page-left {float:left; padding-right:90px;}
			.row-icw .about-page-right {overflow:hidden;}
			
			.icw-btn-block {text-align:center;}
	
	/* login page */
	.login-icon-icw {width:125px; height:125px; display:inline-block; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius:50%; background-color:#3BB449; background-position:50% 50%; background-repeat:no-repeat; line-height:9; font-size:14px; color:#fff; cursor:pointer;}
	.login-icon-icw span {margin-left:5px;}
	.row-icw .login-page-left {float:left; margin-left:100px;}
	.row-icw .login-page-right {overflow:hidden;}
			
	/* customer support page */
	.customer-page-content .icw-title {font-size:34px; color:#3BB449 !important; font-family: 'Montserrat', sans-serif; font-weight:400; text-transform:uppercase;}
	.customer-page-content .customer-main-text {padding:0px 125px 20px 125px;;}
	.customer-page-content {padding:0px 85px; margin: 0 auto; max-width: 1150px; font-family: 'Montserrat', sans-serif;}
		.customer-page-content .row-icw {overflow:hidden; margin-bottom:60px;}
		.customer-page-content .row-icw.mb0 {margin-bottom:0px;}
		
		.row-icw .customer-page-left {float:left; padding-right:90px;}
		.row-icw .customer-page-right {overflow:hidden;}		
	
	/* Information For Schools */
	.page-icon-icw.icon-home {background-image:url(icons/icon-home.png);}
	.page-icon-icw.icon-family {background-image:url(icons/icon-family.png);}
	.page-icon-icw.icon-lunch {background-image:url(icons/icon-lunch.png);}
	.page-icon-icw.icon-setting {background-image:url(icons/icon-setting.png);}
	.info-school-page-content .icw-title {font-size:34px; color:#3BB449 !important; font-family: 'Montserrat', sans-serif; font-weight:400; text-transform:uppercase;}
	.info-school-page-content {padding:0px 85px; margin: 0 auto; max-width: 1150px; font-family: 'Montserrat', sans-serif;}
	.info-school-page-content .row-icw {overflow:hidden; margin-bottom:50px; /*margin-bottom:120px;*/}
		.info-school-page-content .row-icw.mb0 {margin-bottom:0px;}
		
		.row-icw .info-school-page-left {float:left; padding-right:90px;}
		.row-icw .info-school-page-right {overflow:hidden;}
		
		.icw-btn-block {text-align:center;}
		.icw-school-sub-title-sm {font-size:16px; color:#444349 !important; font-family: 'Montserrat', sans-serif; font-weight:700; padding-bottom:20px; font-variant:small-caps;}
	/* Contact Form */
	.contact-form {padding:0px 200px;}
	.contact-heading {font-weight: 400; font-family: "Montserrat"; font-style: normal; font-size: 25px; text-transform: uppercase; color: rgb(56, 180, 73); text-align:center; padding-top:30px;}
	.contact-btn-center {text-align: center; padding-top: 25px;}
	.contact-icon-icw {width:80px; height:80px; display:inline-block; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius:50%; background-color:#3BB449; background-position:50% 50%; background-repeat:no-repeat;}
	.contact-icon-icw.icon-home {background-image:url(icons/icon-home.png); background-size:40px}
	.contact-icon-icw.icon-group {background-image:url(icons/icon-group.png); background-size:40px}
	.contact-icon-icw.icon-computer {background-image:url(icons/icon-computer.png); background-size:40px}
	.row-icw .contact-page-left {float:left; padding-right:5px; padding-top:5px;}
	.row-icw .contact-page-right {overflow:hidden;}
		.row-icw .contact-page-right .icw-sub-title { text-align:center; font-size:20px; padding-bottom:8px;}
		.row-icw .contact-page-right p {padding:0px 30px; /*min-height:60px;*/}

	/* login page */
	.page-icon-icw.icon-login { width:125px; height:125px; background-size:125px 125px; cursor:pointer;}
		.page-icon-icw.icon-login span {display: block;color: #fff;padding: 20px;text-align: center;font-size: 18px;line-height: 20px;}
		.page-icon-icw.icon-login:hover {color: #fff;text-decoration: none;background: #168124; }
		.show-xs-icon-login {padding:30px; text-align:center;}
	
	/*form-register*/		
	.form-register-icw {padding:60px 100px 55px; font-family: 'Montserrat', sans-serif;}
		.form-register-icw .form-register-icw-left {border-right: 1px solid #d5d5d5; padding-right:50px; padding-top:20px;}
		.form-register-icw .form-register-icw-right {padding-left:50px;  padding-top:20px;}
		
		.form-register-icw .icw-sub-title {text-align:center; padding-bottom:10px;} .form-register-icw .icw-sub-title-sm {text-align:center; padding-bottom:36px;}
		
		.form-block {float:left; width:100%; margin-bottom:26px;}
			.form-left {width:30px; float:left;}
			.form-right {overflow:hidden;}
			
			.form-block .form-note {padding:20px 10px 0px 20px;}
			
			.form-sub-title {font-size:18px; color:#a9a9a9 !important; font-family: 'Open Sans', sans-serif; font-weight:400; padding-bottom:10px; padding-bottom:10px; padding-top:24px; padding-left:30px; overflow:hidden}
			
			.form-block .icw-input {padding:18px; font-family: 'Open Sans', sans-serif; border-radius:5px;}
			.form-block select.icw-input {height:55px; font-family: 'Open Sans', sans-serif; border-radius:5px;box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.08);color: #B1B1B1;}
				.form-block input[name='captcha'] {width: 100% !important; margin: 0px !important; }
			.form-block .required {font-family: 'Open Sans', sans-serif; font-size:14px; color:#56b64b; padding-top: 16px;display: inline-block;line-height: 100%;}
			
			.form-block .captcha-img {padding-top:26px;}
			
			.form-btn-block {text-align:center; padding:25px 0px 70px;}
			
	/*FAQs*/
	
.icw-faqs { position:relative; font-family: 'Montserrat', sans-serif; color:#2f2f2f; padding:0px 160px 0px;}
	.icw-faqs .icw-faqs-block {padding:20px 30px; background:#f4f4f4; overflow:hidden; margin-bottom:40px; position:relative;}
	.icw-faqs .icw-faqs-block div.icw-q { cursor:pointer; font-family: 'Montserrat', sans-serif; font-size:14px; font-weight:bold; color:#2f2f2f !important; padding-left:90px; line-height:20px;}
		.icw-faqs .icw-faqs-block:before {position:absolute; left:30px; content:"Q"; top:20%; border-radius:50%; width:36px; height:36px; line-height:36px; text-align:center; display:inline-block; background:#3BB449; color:#fff; font-family: 'Montserrat', sans-serif; font-weight:bold; font-size:20px;}
	
	.icw-faqs .icw-faqs-block div.icw-a { position:relative; padding-left:90px; display:none;}
/*		.icw-faqs .icw-faqs-block div.icw-a:before {position:absolute; left:10px; content:"A"; border-radius:50%; width:36px; height:36px; line-height:36px; text-align:center; display:inline-block; background:#14bbf2; color:#fff; font-family: 'Montserrat', sans-serif; font-weight:bold; font-size:20px;}*/
	.icw-faqs .icw-faqs-block div.icw-a p { padding:0; margin:0px; }
	
	.icw-active.icw-faqs-block:before {content:"A"; background:#14bbf2 !important;}		
	

/* account page */
.icw-acc-link {color:#3BB449; text-decoration:underline;}

/* student page */
.student-address-container { padding:60px 85px !important;}
	
.acount-heading-title {font-size: 34px !important; color: #3BB449 !important; font-family: 'Montserrat', sans-serif !important; font-weight: 400 !important; text-transform: uppercase !important; border-bottom:none !important;}


/* Custom CSS */
.icw-div-content {padding:60px 0px !important; min-height:300px !important;}
.icw-div-content-title {border-bottom:none !important;}

.icw-main-title{
	font-size:34px;
	color:#3BB449;
	font-family:'Montserrat', sans-serif;
	font-weight:400;
	text-transform:uppercase;
	text-align:center;
}

.icw-SubTitle {font-size:30px; color:#3BB449 !important; font-family: 'Montserrat', sans-serif; font-weight:400; text-transform:uppercase; margin:10px 0px;}
	.icw-SubTitle a, .icw-SubTitle span{color:#3BB449 !important;}
	
.button-checkout{background: url(icons/checkout-button.png) 0px 0px no-repeat; color:#FFF; display: inline-block; width: 200px; height: 43px; font-size:16px; text-align:center;}
.button-checkout:hover{background-position:0px -83px; color:#FFF;}
.button-checkout span{display:block; line-height:43px; text-align:right; padding-right:40px;}
.checkout-btn-div{text-align:right;}

.icw-acount-link{color:#FFF !important; text-decoration:underline;}
.icw-acount-link:hover{color:#FFF; text-decoration:underline;}

.inmplayer-position-bottom_right .inmplayer-trigger {
  bottom: 59px!important;
  right: 23.5px!important;
}
/************** Select Box style ***********************/
.select-style {
    padding: 5px;
    margin: 4px;
    border: 2px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
    background-color: #fff;
	-webkit-appearance: menulist-button;
	-webkit-appearance:none;
	-moz-appearance:none;
    background: #fff url("icons/arrowdown.gif") no-repeat 90% 50%;
}

.select-style select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.select-style select:focus {
    outline: none;
}

.text-center{text-align:center !important;}
/************** Select Box style ***********************/

/********************* Custom Page titles **************************/
.icw-title-1{color:#3BB449; font-weight:normal; font-size:34px; margin-bottom:40px;}
	.icw-title-1 span{position:relative; display: inline-block;}
		.icw-title-1 span:before{position:absolute;content:""; width:40px; height:3px; background-color:#3BB449; bottom:-5px; left:50%; margin-left:-20px;}
		
.icw-title-2{color:#3BB449; font-weight:normal; font-size:34px; margin-bottom:40px;}
	.icw-title-2 span{position:relative; display: inline-block;}
		.icw-title-2 span:before{position:absolute;content:""; width:40px; height:3px; background-color:#3BB449; bottom:-5px;}

.icw-title-3{color:#3BB449; font-weight:normal; font-size:34px; margin-bottom:40px;}
	.icw-title-3 span{position:relative; display: inline-block; background:url(icons/left-arrow.png) center left no-repeat; display:inline-block; padding-left:20px;}
	
.icw-title-4{color:#3BB449; font-weight:normal; font-size:34px; margin-bottom:40px;}
	.icw-title-4 span{position:relative; display: inline-block;}
		.icw-title-4 span:before{position:absolute;content:""; width:40px; height:5px; background:url(icons/title-curve.png) bottom right no-repeat; display:inline-block; bottom:-8px; left:50%; margin-left:-20px;}
		
.icw-title-5{color:#3BB449; font-weight:normal; font-size:34px; margin-bottom:40px;}
	.icw-title-5 span{position:relative; display: inline-block;}
		.icw-title-5 span:before{position:absolute;content:""; width:40px; height:5px; background:url(icons/title-curve.png) bottom right no-repeat; display:inline-block; bottom:-8px;}
/********************* Custom Page titles **************************/


/****************** Fundraiser Page ********************************/
.fund-icon-icw {width:140px; height:140px; display:inline-block; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius:50%; background-color:#3BB449; background-position:50% 50%; background-repeat:no-repeat;}

	.fund-icon-icw.fund-user {background-image:url(icons/fund-user.png);}
	.fund-icon-icw.fund-sign {background-image:url(icons/fund-sign.png);}
	.fund-icon-icw.fund-group {background-image:url(icons/fund-group.png);}
	.fund-icon-icw.fund-monitor {background-image:url(icons/fund-monitor.png);}
	.fund-icon-icw.fund-graph {background-image:url(icons/fund-graph.png);}
	.fund-icon-icw.fund-thumb {background-image:url(icons/fund-thumb.png);}
	.fund-icon-icw.fund-revenue {background-image:url(icons/fund-revenue.png);}
	.fund-icon-icw.fund-note {background-image:url(icons/fund-note.png);}

.green{color:#3BB449; font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:700; display:block; margin-bottom:5px;}
.fund-sub-content{line-height: 22px; padding: 30px 15px;font-family: 'Open Sans', sans-serif; font-size:14px; color:#000;}
	.fund-sub-content .fund-desc{font-weight:400;}

.fund-content{font-family: 'Open Sans', sans-serif; font-size:14px; color:#000; font-weight:400; padding: 0px 100px 30px; text-align:center; line-height:22px;}

.fund-title{font-family: 'Open Sans', sans-serif; font-weight:700; text-align:center; padding-bottom:35px; font-size:30px; color:#3BB449 !important; line-height:30px;}
.fund-secondary-title{font-family: 'Open Sans', sans-serif; font-weight:700; text-align:center; padding-bottom:60px !important; font-size:30px; display:block; color:#3BB449 !important; line-height:30px;}
.fund-third-title{font-family: 'Open Sans', sans-serif; font-weight:700; text-align:center; padding-bottom:15px !important; padding-top:40px; font-size:30px; display:block; color:#3BB449 !important; line-height:30px;}

.fund-table-block{background-color:#f5f5f5; padding:75px 0px 100px; color:#000;}
	.fund-table-block span{font-family: 'Open Sans', sans-serif; padding-bottom:35px; display:block;}
	.fund-table-block .table{background-color:#fff;font-family: 'Open Sans', sans-serif; font-size:14px; text-align:left; }
		.fund-table-block .table .green{color: #3BB449; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 700; display:table-cell;}

.fund-table>tbody>tr>td, .fund-table>tbody>tr>th, .fund-table>tfoot>tr>td, .fund-table>tfoot>tr>th, .fund-table>thead>tr>td, .fund-table>thead>tr>th{padding: 15px !important;}
		
.fund-stat{ padding:0px 5px; text-align:left; line-height:22px; color:#000;}
	.fund-stat .green{font-size:18px;}
	.fund-stat span{ font-family: 'Open Sans', sans-serif; font-size: 14px; text-align:left;}
	
/****************** Fundraiser Page ********************************/

/**** cart page ****/
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.cart-info .row-border{ border-bottom:1px solid #ccc; padding:10px 15px; float:left; width:100%;}
.cart-info .row-border .date .cart-date, .cart-info .row-border .quantity .cart-date{padding:3px 8px;  width: inherit;  text-align: center;}

.buttons .foot-button{margin-bottom:10px;}

/***************** Buttons ************************/
.new-btn {
    border: 3px solid #02c04a;
    background: #fff;
    color: #02c04a;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    display:inline-block;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding:14px 40px;
    line-height: 1;
}
.new-btn:hover {
    background: #02c04a;
    color: #fff;
    cursor: pointer;
	text-decoration: none;
}
.grey-btn {
    border: 3px solid #e4e4e4;
    background: #fff;
    color: #e4e4e4;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    line-height: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding:14px 40px;
	display:inline-block;
}
.grey-btn:hover {
    background: #e4e4e4;
    color: #000;
    cursor: pointer;
	display:inline-block;
}
.red-btn {
    border: 3px solid #f41535;
    background: #fff;
    color: #f41535;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    line-height: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding:14px 40px;
	display:inline-block;
}
.red-btn:hover {
    background: #f41535;
    color: #fff;
    cursor: pointer;
	display:inline-block;
}
.black-btn {
    border: 3px solid #777777;
    background: #fff;
    color: #777777;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
	display:inline-block;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding:14px 40px;
	line-height: 1;
}
.black-btn:hover {
    background: #777777;
    color: #fff;
    cursor: pointer;
	display:inline-block;
}
.product-date input{width:80% !important;}
.modal-body {padding: 15px 15px 25px;}
@media only screen and (max-width: 980px){
	.cart-page-btn {width: 100%!important;padding: 14px 20px;margin-bottom: 10px;}
}

@media only screen and (max-width: 767px){
	.grey-btn, .new-btn, .red-btn, .black-btn{padding:14px 20px; margin-bottom:10px; width:90%; line-height: 1;}
	
}
@media only screen and (min-width: 768px) and (max-width: 992px){
	.grey-btn, .new-btn, .red-btn, .black-btn{padding:14px 20px;}
}
/***************** Buttons ************************/

/* announcements popup */
.announcements-popup {
	display:none;
	border: 1px solid #3ab54a;
	border-radius: 10px;
	padding: 15px;
	background: #fff;
	z-index: 99999;
	position: absolute;
	top:0px;
	width: 90%;
	margin-right:5%;
	margin-left:5%;
	margin-top:50px;

}
.announcements-popup .announcement ~ .announcement {
	padding: 10px;
	border-top: 1px solid;
	border-color: #3AB54A;
}
.announcements-popup .announcement {
	padding: 10px;
	border-top: 0px;
}
.announcements-popup a {
	color:#38B449;
}
/* announcements popup */

@media only screen and (max-width: 1220px) {
	.j-container {padding:0 15px;}
	.shopping-option .new-btn {padding:14px 13px;}
}
@media only screen and (min-width:801px) and (max-width:1170px) {
	.home-content-icw {padding:0px 30px 0px 100px;}
		.home-content-icw.right-icw {padding:0px 100px 0px 30px}
		
		.about-page-content, .customer-page-content {padding:0px 100px;}
		.row-icw .about-page-left {padding-right:40px;}
		
		.icw-faqs {padding:120px 100px 55px;}
			.icw-faqs .icw-faqs-block div.icw-q {line-height:20px;}
	
}

@media only screen and (max-width: 1024px) {
	/*.contact-form {padding:0px inherit;}*/
	.side_option{display:block;}
	.product-list-item .price_shop {float:none;}
	.icw-cart{float:none;}
	
	.buttons .foot-button{padding:5px;}
	
	.links-social{padding-left:20px !important;}
	#header .inner-container{padding:35px 20px 30px !important;}
	
	.icw-main-title.icw-title-1{margin-bottom:15px;}
	#container .product-area { padding-top: 35px;}
}

.show-xs {display:none}
@media only screen and (max-width: 760px){
	.home-content-icw {border-width:0px;}
	
	/*html.home-page .extended-container {display:none;}*/
	
	/*form-register*/		
	.form-register-icw {padding:60px 100px 55px;}
		.form-register-icw .form-register-icw-left {border-right: 0px solid #d5d5d5; padding-right:0px; padding-top:0px;}
		.form-register-icw .form-register-icw-right {padding-left:0px; padding-top:0px;}
	/*form-contact*/
	
	.icw-login-forgot {padding-bottom:25px;}
	
	
	.icw-faqs {padding:120px 30px 55px;}
		.icw-faqs .icw-faqs-block div.icw-q {line-height:20px; padding-left:70px;}
			.icw-faqs .icw-faqs-block:before {left:20px;}	
		.icw-faqs .icw-faqs-block div.icw-a { padding-left:70px;}
		
	.btn-icw-sm{margin:10px;}
	
	.icw_my_credittotal_page {padding-top:10px; font-size:12px;}
	.icw-secondary-menus {display:block !important}
	
	.icw-main-title.icw-title-1{margin-bottom:10px;}
	.hide-mb-xs {display:none !important;}
	.show-mb-xs {display:block !important;}
	
}
.show-mb-xs {display:none !important;}
.firefox .show-mb-xs {display:none !important;}

@media only screen and (max-width : 767px){
	.hide-mb-xs {display:none !important;}
	.show-mb-xs {display:block !important;}
	.firefox .hide-mb-xs {display:none !important;}
	.firefox .show-mb-xs {display:block !important;}
	.sort_categories{float:center;}
	.cart-info .row-border .show-mb-xs{width:100%; float:left; padding:5px 0px;}
	.cart-info .row-border .show-mb-xs:last-child{padding-bottom:0px;}
	.new-contact-form .icw-input{width:97% !important;}
	.contact-address{padding:25px 25px; border:none;min-height:inherit;text-align:center;}
	.icw-title-1, .icw-title-2, .icw-title-3, .icw-title-4, .icw-title-5, .fund-title, .fund-secondary-title, .fund-third-title{font-size:20px;}
	.icw-title-1 span:before, .icw-title-2 span:before{height:2px; width:30px;}
	.icw-SubTitle{font-size:20px;}
	#header .inner-container { padding: 10px 0 !important;	}
	.shopping-option .new-btn {  padding: 13px 20px;}
	
	.icw-main-title.icw-title-1{margin-bottom:15px;}
	/***** Fundraiser Page *****/
	#content{padding: 0px !important;}
	.fund-content{padding:0px 5px 30px;}
	.fund-graph-image{width:97%;}
	.fund-table>tbody>tr>td, .fund-table>tbody>tr>th, .fund-table>tfoot>tr>td, .fund-table>tfoot>tr>th, .fund-table>thead>tr>td, .fund-table>thead>tr>th{padding: 10px !important;}
	.fund-stat{padding: 20px 10px; text-align: center;}
	.fund-stat span{text-align:center;}
	.fund-graph-image{float:none !important;}
  .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {font-size: 17px;}
	/***** Fundraiser Page *****/
}

@media screen and (max-width: 800px){
	.hide-xs {display:none !important}
	.show-xs {display:block;}
	
	.home-content-icw {padding:0px 20px 0px 20px;}
		.home-content-icw.right-icw {padding:0px 20px 0px 20px}
		
	.about-page-content, .customer-page-content, .info-school-page-content {padding:0px 0px;}	
	.row-icw .about-page-left, .row-icw .customer-page-left, .row-icw .info-school-page-left {padding-right:20px;}
	
	.contact-form{padding:0px inherit !important;}
	
	.fund-stat{padding: 20px 10px; text-align: center;}
	.fund-stat span{text-align:center;}
	.fund-graph-image{float:none !important;}
}

@media only screen and (max-width: 480px) {
	.icw-title {text-align:justify !important;}
	.customer-page-content .customer-main-text {padding:10px;}
	.about-page-content, .customer-page-content, .info-school-page-content {padding:0px 0px;}	
	
	.row-icw .about-page-left, .row-icw .customer-page-left, .row-icw .info-school-page-left {float:left; padding-right:0px; width:100%; padding-bottom:30px;}
		.row-icw .about-page-right, .row-icw .customer-page-right, .row-icw .info-school-page-right {overflow:inherit; width:100%; float:left;}
}



@media only screen and (max-width : 414px){
	.customer-page-content .icw-title, .info-school-page-content .icw-title, .about-page-content .icw-title, .contact-page .icw-title {font-size:19px; text-align:center !important;}
	.customer-page-content .row-icw, .info-school-page-content .row-icw, .about-page-content .row-icw {margin-bottom:60px;}
		.customer-page-left,.customer-page-right, .info-school-page-left, .info-school-page-right, .about-page-left, .about-page-right {text-align:center !important;}

	.contact-page-left, .contact-page-right {float: left; padding-right: 0px; width: 100% !important; padding-bottom: 10px; text-align:center;}

	.page-icon-icw{width:90px;height:90px;}
		.icon-book,.icon-contact,.icon-faq,.icon-group, .icon-home, .icon-lunch, .icon-setting, .icon-family, .icon-computer{background-size: 50%;}
	.icw-sub-title{font-size:16px;}
	.customer-page-right p {font-size:12px;}
	
	.home-content-icw .icw-title{font-size: 25px; text-align: center !important;}
	.home-content-icw.right-icw p, .home-content-icw p {font-size:13px;}
	.home-content-links .block-icon-icw {width: 70px; height: 70px;}
	
	.info-school-page-content {padding:0px 0px;}
	.contact-page {padding:30px 10px !important;}

	.contact-form .contact-heading {font-size:16px;}
	
	.btn-icw-sm{margin:10px;}
}

@media only screen and (max-width : 240px){
	.contact-page-right { font-size:9px;}
}

@media only screen and (max-width : 768px) and (orientation : portrait){
	.row-icw .contact-page-left, .row-icw .contact-page-right{font-size:12px; width:100%;float: left; padding-right: 0px; padding-bottom: 10px; text-align:center; overflow:visible !important;}
	
	.icw-div-content{padding:45px 10px !important;}
	.icw-div-content .icw-div-content-title,.icw-div-content .acount-heading-title{ font-size: 25px !important; margin-bottom: 0; line-height: 20px; padding-bottom: 0px; }
		
	.order-list div.order-info .btn-icw-sm{display:inline;}
	
	.student_second{text-align:center; margin-top:10px;}
		.btn-icw-sm{margin:0px; padding: 12px 24px;}
	.address-entry.student-address-container .buttons{padding:0px 0 5px 0 !important; margin:0px;}
	.address-entry.student-address-container .buttons .right{float:left !important;}
	
	.firefox .contact-form{padding:inherit !important;}
	
	.student-address-container{padding: 40px 50px !important;}
	.student-address-container .acount-heading-title{font-size:20px !important; padding-bottom:0px !important; line-height:20px; margin-bottom:0px;}
		
	.icw-faqs .icw-page-title{padding-bottom:0px;}
	
	.journal2_cms_blocks{padding:45px 0 !important;}
}

@media only screen and (max-width : 1024px) and (orientation : landscape){
	.row-icw .login-page-left{margin-left: 30px; margin-bottom:30px;}	
	.icw-div-content{padding:45px 80px !important;}
	.icw-div-content .icw-div-content-title{font-size: 25px !important; margin-bottom: 0; line-height: 20px; padding-bottom: 0px !important;}
	
	.address-entry.student-address-container .buttons{padding:0px 0 5px 0 !important; margin:0px;}
	.student_second{text-align:right;}
		.btn-icw-sm{margin:0px; padding: 12px 24px;}
	
	.student-address-container{padding: 40px 50px !important;}
	.student-address-container .acount-heading-title{font-size:20px !important; padding-bottom:0px !important; line-height:20px; margin-bottom:0px;}
		
	.contact-form{padding: 0 80px;}
	
	.icw-login-forgot{padding-bottom:25px;}
		
	.icw-faqs{padding: 0px 100px;}
		.icw-page-title{padding-bottom:0px;}
	
	.journal2_cms_blocks{padding:45px 0 !important;}
	
	.acount-heading-title.heading-title icw-title-1{margin-bottom:20px;}
}

@media only screen and (max-width : 240px) and (orientation : portrait){
	.icw-div-content{padding: 30px 10px !important;}
		.icw-div-content-title{padding: 0px 0px 65px !important;}
	.row-icw .login-page-left{margin-left: 40px !important;}
	
	.form-register-icw{padding: 30px 20px; font-size:12px;}
	.icw-sub-title-sm{font-size: 25px;padding-bottom: 20px !important;}
	.icw-sub-title-sm{font-size: 15px;}
	
	.list{font-size:8px !important;}
		.green-title{font-size:8px !important;}
	
	.address-entry.student-address-container .buttons .right{float:left !important;}
	
	.student_second .btn-icw-sm{margin:5px;}
	
	.form-right select{width:96%;}
	.help{width:135px !important;}
	
	.order-list div.order-info .btn-icw-sm{font-size:10px;}
	
	.row-icw .contact-page-left, .row-icw .contact-page-right{width:100% !important;}	
}

@media only screen and (max-width : 320px) and (orientation : landscape){
	.firefox .icw-div-content{padding:15px 10px !important;}
	.icw-div-content{padding:20px 20px !important;}
		.icw-div-content-title{padding: 0px 0px 55px !important;}
	.icw-login-forgot .icw-acc-link{ font-size: 12px;}
	
	.icw-div-content{padding:20px 20px !important;}
		.icw-div-content-title{padding: 0px 0px 55px !important;}
		.acount-heading-title{font-size:25px !important; padding-bottom:45px;}
		.icw-sub-title{font-size:20px;}
	
	.student_second{text-align:center; margin-top:10px;}
		.btn-icw-sm{margin:0px; padding: 12px 24px;}
	.address-entry.student-address-container .buttons{padding:0px 0 5px 0 !important; margin:0px;}
		/*.right{float:left !important; margin-top:60px;}*/
		
	.help{width:150px !important;}
	
	.heading-title.icw-div-content-title {font-size:12px; text-align:center;}
	
	.form-register-icw{padding: 30px 20px 30px; font-size:12px;}
	.form-register-icw .icw-page-title{ font-size:25px; padding-bottom:40px;}
	.icw-sub-title-sm{font-size: 15px;}
	.row-icw .contact-page-left, .row-icw .contact-page-right{text-align:center !important;}
	
	.firefox .icw-row-firefox{clear:both;}
	
	#header .journal-search{display:block !important;}
	
	.firefox .contact-form{padding:0px 10px;}
}

@media only screen and (max-width : 384px) and (orientation : portrait){
	.contact-form{padding:0px;}
	
	.order-list .order-status{padding-right: 10% !important;}
	
	.student_second{text-align:center; margin-top:10px;}
		.btn-icw-sm{margin:0px; padding: 12px 24px;}
	.address-entry.student-address-container .buttons{padding:0px 0 5px 0 !important; margin:0px;}
	.address-entry.student-address-container .buttons .right{float:left !important;}
	
	.heading-title.icw-div-content-title {font-size:20px; text-align:center;}
	
	.firefox .icw-row-firefox{clear:both;}
}

@media only screen and (max-width : 414px) and (orientation : portrait){
	.product-list-item
		.image{text-align:center;}
		/*.name{display:block !important; text-align:left;}*/
	/*.product-date input{width:50% !important;}*/
	.icw-cart{text-align:center;}
	.pagination .results{float:left !important;}
	
	.row-icw .login-page-left{margin-left: 55px;}
	.contact-form{padding:0px;}
	
	.contact-page .heading-title{line-height:15px; margin-bottom:0px;}
	
	.form-register-icw{padding: 30px 20px 30px; font-size:12px;}
		.icw-page-title{ font-size:25px; padding-bottom:25px; line-height:15px;}
	
	.form-register-icw-left .form-register-icw .icw-sub-title-sm{padding-bottom: 20px;}
	
	.heading-title.icw-div-content-title {font-size:20px; text-align:center;}
	
	.icw-faqs{padding:0px 10px;}
		.icw-page-title{font-size:20px; line-height:20px;}
	
	.icw-sub-title-sm{font-size: 15px;}
	
	.order-list .order-content div{width: 50% !important; padding-left:10px !important;}
	.order-list div.order-info .btn-icw-sm{display:inline; margin:0px;}
	.order-list .order-status{padding-right:14% !important;}
	/*.buttons .right{float:left;}*/
	
	.student_second{text-align:center; margin-top:10px;}
		.btn-icw-sm{margin:0px; padding: 12px 24px;}
	.address-entry.student-address-container .buttons{padding:0px 0 5px 0 !important; margin:0px;}
	.address-entry.student-address-container .buttons .right{float:left !important;}
	
	.left a.btn-icw-sm {margin-bottom:10px;}
	
	.student-address-container{padding: 15px 10px !important;}
	.student-address-container .acount-heading-title{font-size:20px !important; padding-bottom:0px !important; line-height:20px; margin-bottom:0px;}
	
	.icw-div-content{padding:15px 10px !important;}
	.icw-div-content .icw-div-content-title,.icw-div-content .acount-heading-title{ font-size: 20px !important; margin-bottom: 0; line-height: 20px; padding-bottom: 0px !important; }
		
	.content{font-size:12px;}
		.icw-acc-link{font-size:12px !important;}
	
	.journal2_cms_blocks{padding:30px 0 !important;}
	
	.firefox .icw-row-firefox{clear:both;}
	
}

@media only screen and (max-width : 736px) and (orientation : landscape){
	.row-icw .login-page-left{margin-left:30px;}
	
	.form-register-icw{padding: 25px 20px; font-size:12px;}
	.form-register-icw .icw-page-title{ font-size:25px; padding-bottom:15px;}
	.icw-sub-title-sm{font-size: 15px;padding-bottom: 20px !important;}
	
	.contact-page{padding:30px 80px !important;}
		.heading-title.icw-title{line-height:25px;margin-bottom:0px;}
		
	.list{font-size:10px;}
		.green-title{font-size:12px !important;}
	
	.row-icw .contact-page-left{width:35%; text-align:right;}
	.row-icw .contact-page-right{width:65%;}
	
	.order-list .order-content div{width: 25% !important;}
	.order-list div.order-info .btn-icw-sm{margin:0px; display:inline;}
	.order-list .order-status{padding-right:30% !important;}
	
	.contact-form{padding:0px 80px;}
	
	.student_first{text-align: left; width: 100%; float: left;}
	.student_second{text-align:right;}
		.btn-icw-sm{margin:0px; padding: 12px 24px;}
	.student-address-container{padding: 15px 50px !important;}
	
	.icw-faqs{padding: 0px 10px;}
		.icw-page-title{font-size:20px; padding-bottom:0px;}
	
	.icw-div-content{padding:20px 20px !important;}
	.icw-div-content .icw-div-content-title,.icw-div-content .acount-heading-title{ font-size: 20px !important; margin-bottom: 0; line-height: 20px; padding-bottom: 0px !important; }
	.icw-div-content .icw-sub-title{font-size:20px;}
	
	.journal2_cms_blocks{padding:30px 0 !important;}
	
	#header .journal-search, #header .journal-cart{display:none;}

	.firefox .contact-form{padding:0px 10px;}
}

@media only screen and (max-width : 375px) and (orientation : portrait){
	.product-list-item
		.image{text-align:center;}
		.name{/*display:block !important;*/ text-align:left;}
	/*.product-date input{width:50% !important;}*/
	.icw-cart{text-align:center;}
	.pagination .results{float:left !important;}
	
	.row-icw .login-page-left{margin-left:35px;}
	
	.contact-page .heading-title{line-height:15px; margin-bottom:0px;}
	.contact-form{padding:0px;}
	
	.icw-div-content{padding:15px 10px !important;}
	.icw-div-content .icw-div-content-title,.icw-div-content .acount-heading-title{ font-size: 20px !important; margin-bottom: 0 !important; line-height: 20px; padding-bottom: 0px; }
		
	.content{font-size:12px;}
		.icw-acc-link{font-size:12px !important;}
	
	.order-list .order-content div{width: 50% !important; padding-left:10px !important;}
	.order-list div.order-info .btn-icw-sm{display:inline; margin:0px;}
	.order-list .order-status{padding-right:35px !important;}
	/*.buttons .right{float:left;}*/
	
	.student_second{text-align:center; margin-top:10px;}
		.btn-icw-sm{margin:0px; padding: 12px 24px;}
	.address-entry.student-address-container .buttons{padding:0px 0 5px 0 !important; margin:0px;}
	.address-entry.student-address-container .buttons .right{float:left !important;}
	
	.student-address-container{padding: 15px 10px !important;}
	.student-address-container .acount-heading-title{font-size:20px !important; padding-bottom:0px !important; line-height:20px; margin-bottom:0px;}
		
	.icw-faqs{padding:0px 10px;}
		.icw-page-title{font-size:20px; line-height:20px;}
	
	.form-register-icw{padding: 30px 20px 30px; font-size:12px;}
	.icw-sub-title-sm{font-size: 15px;}
	
	.journal2_cms_blocks{padding:30px 0 !important;}
	
	.firefox .icw-row-firefox{clear:both;}
	
}

@media only screen and (max-width : 667px) and (orientation : landscape){
	.row-icw .login-page-left{margin:0px 0px 30px 30px;}
	
	.form-register-icw{padding: 25px 20px; font-size:12px;}
	.form-register-icw .icw-page-title{ font-size:30px; padding-bottom:15px;}
	.icw-sub-title-sm{font-size: 15px;padding-bottom: 20px !important;}
	
	.row-icw .contact-page-left{width:35%; text-align:right;}
	.row-icw .contact-page-right{width:65%;}
	
	.icw-div-content{padding:20px 20px !important;}
	.icw-div-content .icw-div-content-title,.icw-div-content .acount-heading-title{ font-size: 20px !important; margin-bottom: 0; line-height: 20px; padding-bottom: 0px !important; }
	.icw-div-content .icw-sub-title{font-size:20px;}
		
	.order-list .order-content div{width: 25% !important;}
	.order-list div.order-info .btn-icw-sm{margin:0px; display:inline;}
	.order-list .order-status{padding-right:25% !important;}
	
	.student_first{text-align: left; width: 100%; float: left;}
	.student_second{text-align:right;}
		.btn-icw-sm{margin:0px; padding: 12px 24px;}
	.student-address-container{padding: 15px 50px !important;}
	
	.contact-form{padding:inherit;}
	
	.contact-page{padding:30px 80px !important;}
		.heading-title.icw-title{line-height:25px;margin-bottom:0px;}
	
	.icw-faqs{padding: 0px 10px;}
		.icw-page-title{font-size:20px; padding-bottom:0px;}
	
	.journal2_cms_blocks{padding:30px 0 !important;}
	
	#header .journal-search, #header .journal-cart{display:none;}
	
	.firefox .contact-form{padding:0px 10px;}
}

@media only screen and (max-width : 568px) and (orientation : landscape){
	.row-icw .login-page-left{margin: 30px;}
	
	.form-register-icw{padding: 25px 20px; font-size:12px;}
	.form-register-icw .icw-page-title{ font-size:30px; padding-bottom:15px;}
	.icw-sub-title-sm{font-size: 15px;padding-bottom: 20px !important;}
	
	#header .journal-search, #header .journal-cart{display:none;}
	
	.icw-div-content{padding:20px 20px !important;}
	.icw-div-content .icw-div-content-title,.icw-div-content .acount-heading-title{ font-size: 20px !important; margin-bottom: 0; line-height: 20px; padding-bottom: 0px !important; }
	.icw-div-content .secondary-title .icw-sub-title{font-size:20px;}
	.icw-div-content .icw-sub-title{font-size:20px;}
		
	.student-address-container{padding: 15px 50px !important;}
	.student_first{text-align: left; width: 100%; float: left;}
	.student_second{text-align:right;}
		.btn-icw-sm{margin:2px; padding: 12px 24px;}
	
	.order-list .order-content div{width: 50% !important;}
	.order-list div.order-info .btn-icw-sm{margin:0px; display:inline;}
	.order-list .order-status{padding-right:23% !important;}
	
	.list{font-size:10px;}
		.green-title{font-size:12px !important;}
	.contact-form {padding:inherit;}
	.contact-page{padding:30px 20px !important;}
		.heading-title.icw-title{line-height:25px;margin-bottom:0px;}
	.contact-page-right p{font-size:11px;}
	
	.journal2_cms_blocks{padding:30px 0 !important;}
	
	.icw-faqs{padding: 0px 10px 0px;}
		.icw-page-title{font-size:20px; padding-bottom:0px;}
	
	.firefox .contact-form{padding:0px 10px;}
}

@media only screen and (max-width : 320px) and (orientation : portrait){
	.product-list-item
		.image{text-align:center;}
		.name{/*display:block !important;*/ text-align:left;}
	/*.product-date input{width:50% !important;}*/
	.icw-cart{text-align:center;}
	.pagination .results{float:left !important;}
	
	.icw-div-content{padding:15px 10px !important;}
	.icw-div-content .icw-div-content-title,.icw-div-content .acount-heading-title{font-size:20px !important; padding-bottom:0px !important; line-height:20px; margin-bottom:0px;}
		
	.icw-login-forgot .icw-acc-link{font-size:11px;}
	
	.form-register-icw{padding: 30px 20px; font-size:12px;}
	.icw-sub-title-sm{font-size: 15px;padding-bottom: 20px !important;}
	
	.icw-faqs{padding: 0px 5px;}
		.icw-page-title{font-size:20px; line-height:18px;}
	.icw-faqs .icw-faqs-block:before{top: 35%;}
	
	.list{font-size:10px;}
		.green-title{font-size:14px !important;}
	
	.content{font-size:12px;}
		.icw-acc-link{font-size:12px !important;}
		.btn-icw-sm{font-size:12px;}
	
	.student_second{text-align:center; margin-top:10px;}
		.btn-icw-sm{margin:0px; padding: 12px 24px;}
	.address-entry.student-address-container .buttons{padding:0px 0 5px 0 !important; margin:0px;}
	.address-entry.student-address-container .buttons .right{float:left !important;}
	
	.student-address-container{padding: 15px 10px !important;}
	.student-address-container .acount-heading-title{font-size:20px !important; padding-bottom:0px !important; line-height:20px; margin-bottom:0px;}
	
	
	
	.order-list .order-content div{width: 50% !important; padding-left:10px !important;}
	.order-list div.order-info .btn-icw-sm{display:inline; margin:0px;}
	/*.buttons .right{float:left;}*/
	.order-list .order-status{padding-right:5px !important;}
	
	.contact-page .heading-title{line-height:15px; margin-bottom:0px;}
	
	.firefox .icw-row-firefox{clear:both;}
	
	.journal2_cms_blocks{padding:30px 0 !important;}
	
	.icw-secondary-menu a{padding:0 26%;}
		.icw-secondary-menu .icw-shop-link{padding:0 0;}
	
}

@media only screen and (min-width : 1281px){
	.student-address-container .student_second{
		text-align: right;
	}
}

/* datepicker centration on mobile */
@media only screen and (max-width : 470px){
	#ui-datepicker-div {
	    left: 50% !important;
	    margin-left: -150px;

	}
}

/*
  Journal - The Ultimate Opencart Theme
  Version 2.0.5
  Copyright (c) 2013 Digital Atelier
  http://journal.digital-atelier.com/
*/
/******************************
 SECOND IMAGE
*******************************/
.product-grid-second-image .product-grid-item .image > a.has-second-image, .product-list-second-image .product-list-item .image > a.has-second-image { background-size: 100% 100% !important; background-position: 500px !important; }
.product-grid-second-image .product-grid-item:hover .image > a.has-second-image, .product-list-second-image .product-list-item:hover .image > a.has-second-image { background-position: 0 !important; }
.product-grid-second-image .product-grid-item:hover .image > a.has-second-image > img, .product-list-second-image .product-list-item:hover .image > a.has-second-image > img { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition: opacity .2s ease-out; }
.section-brand .product-grid-item:hover .image > a.has-second-image > img, .section-brand .product-list-item:hover .image > a.has-second-image > img, .section-category .product-grid-item:hover .image > a.has-second-image > img, .section-category .product-list-item:hover .image > a.has-second-image > img, .carousel-brand .product-grid-item:hover .image > a.has-second-image > img, .carousel-brand .product-list-item:hover .image > a.has-second-image > img, .carousel-category .product-grid-item:hover .image > a.has-second-image > img, .carousel-category .product-list-item:hover .image > a.has-second-image > img, .side-column .product-grid-item:hover .image > a.has-second-image > img, .side-column .product-list-item:hover .image > a.has-second-image > img { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transition: opacity 0; }
/******************************
 NOTIFICATION
*******************************/
.ui-pnotify { top: 20px; right: 20px; position: fixed; height: auto; z-index: 99999999; background-color: #f4f4f4; padding: 10px; }
.ui-pnotify-closer { width: 30px; height: 30px; position: absolute; right: 3px; top: 10px; visibility: visible !important; transition: all 0.2s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.ui-pnotify-closer:before { content: "\e601"; color: inherit; font-size: 22px; position: relative; }
.ui-pnotify-title { display: block; background-color: #5f6874; padding: 3px 10px 5px; margin-bottom: 10px; }
.ui-pnotify-text { height: 60px; line-height: 16px; display: block; }
.ui-pnotify-text img { float: left; margin-right: 10px; max-width: 60px; }
/******************************
PHOTO GALLERY
*******************************/
html.swipebox { overflow: hidden !important; overflow-y: scroll !important; }
#swipebox-overlay { background-repeat: no-repeat; background-position: center; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999999 !important; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; user-select: none; max-width: 100%;}
#swipebox-slider { height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; display: none; }
#swipebox-slider .slide { background-repeat: no-repeat; background-position: center; height: 100%; width: 100%; line-height: 1px; text-align: center; display: inline-block; }
#swipebox-slider .slide:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
#swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container { display: inline-block; max-height: 100%; max-width: 100%; margin: 0; padding: 0; width: auto; height: auto; vertical-align: middle; }
#swipebox-slider .slide .swipebox-video-container { background: none; max-width: 1140px; max-height: 100%; width: 100%; padding: 5%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
#swipebox-slider .slide .swipebox-video-container .swipebox-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; }
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; }
#swipebox-action, #swipebox-caption { position: absolute; left: 0; z-index: 999; height: 50px; width: 100%; }
#swipebox-action { bottom: -50px; }
#swipebox-action.visible-bars { bottom: 0; }
#swipebox-action.force-visible-bars { bottom: 0 !important; }
#swipebox-caption { top: -50px; text-align: center; }
#swipebox-caption.visible-bars { top: 0; }
#swipebox-caption.force-visible-bars { top: 0 !important; }
#swipebox-action #swipebox-prev.disabled, #swipebox-action #swipebox-next.disabled {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; }
#swipebox-slider.rightSpring { -moz-animation: rightSpring 0.3s; -webkit-animation: rightSpring 0.3s; }
#swipebox-slider.leftSpring { -moz-animation: leftSpring 0.3s; -webkit-animation: leftSpring 0.3s; }
 @-moz-keyframes rightSpring {
 0% {
 margin-left: 0px;
}
 50% {
 margin-left: -30px;
}
 100% {
 margin-left: 0px;
}
}
 @-moz-keyframes leftSpring {
 0% {
 margin-left: 0px;
}
 50% {
 margin-left: 30px;
}
 100% {
 margin-left: 0px;
}
}
 @-webkit-keyframes rightSpring {
 0% {
 margin-left: 0px;
}
 50% {
 margin-left: -30px;
}
 100% {
 margin-left: 0px;
}
}
 @-webkit-keyframes leftSpring {
 0% {
 margin-left: 0px;
}
 50% {
 margin-left: 30px;
}
 100% {
 margin-left: 0px;
}
}
/* Skin
--------------------------*/
#swipebox-overlay { background: rgba(0, 0, 0, 0.6); }
#swipebox-action, #swipebox-caption { text-transform: uppercase; background-color: #333745; }
#swipebox-caption { font-size: 18px; line-height: 50px; -webkit-font-smoothing: antialiased; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#swipebox-prev, #swipebox-next, #swipebox-close { border: none !important; text-decoration: none !important; text-align: center; color: white; cursor: pointer; position: absolute; padding: 0 5px; line-height: 50px; }
#swipebox-close { right: 10px; z-index: 999999; }
#swipebox-close:before { color: inherit; content: "\e601"; font-size: 32px; }
#swipebox-prev { left: 50%; margin-left: -30px; }
#swipebox-prev:before { color: inherit; content: "\e093"; font-size: 32px; padding: 0 3px; }
#swipebox-next { left: 50%; margin-left: 5px; }
#swipebox-next:before { color: inherit; content: "\e094"; font-size: 32px; padding: 0 3px; }

@media only screen and (min-width: 1024px) {
#swipebox-close { right: 20px; }
}
/******************************
 STICKY HEADER DEFAULT
*******************************/
.sticky-header { position: fixed; top: -40px; }
.sticky-header .journal-login, .sticky-header .journal-links { display: none; }
.sticky-header .j-tall { height: 80px; }
.sticky-header .journal-cart { width: 35%; }
.sticky-header #cart { box-shadow: none; }
.sticky-header #cart .content { min-width: 100%; }
.sticky-header .logo a { height: 80px; }
.sticky-header .logo a img { max-height: 80px; }
.sticky-header .journal-search { position: relative; width: 40%; }
.sticky-header .button-search { border-left: 1px solid #e4e4e4; }
.sticky-header .autocomplete2-suggestions { box-shadow: 0 1px 8px -5px rgba(0, 0, 0, 0.5); }
.sticky-header.journal-header-menu .logo a img { max-height: 100%; }
.sticky-header .journal-menu-bg, .sticky-header .journal-top-header { display: none; }
.sticky-header .journal-menu { float: left; clear: none !important; width: 75%; }
.sticky-header .mega-menu { left: -33.333333%; }
/******************************
 STICKY HEADER CENTER
*******************************/
.sticky-header-center.journal-header-center .journal-top-header, .sticky-header-center.journal-header-center .journal-links, .sticky-header-center.journal-header-center .journal-language, .sticky-header-center.journal-header-center .journal-currency, .sticky-header-center.journal-header-center .journal-secondary { box-shadow: none; }
.sticky-header-center.journal-header-center .j-100 { height: 80px; transition: all 0.3s; }
.sticky-header-center.journal-header-center .journal-links .wl-links, .sticky-header-center.journal-header-center .journal-secondary .wl-links { margin: 10%; }
.sticky-header-center.journal-header-center .logo { bottom: 0px; }
.sticky-header-center.journal-header-center .logo a { height: 80px; }
.sticky-header-center.journal-header-center .logo a img { max-height: 80px; transition: all 0.3s; }
.sticky-header-center.journal-header-center .journal-menu-bg { top: 120px; transition: all 0.3s; }
.sticky-header-center.journal-header-center .journal-search, .sticky-header-center.journal-header-center .journal-cart { top: 20px; transition: all 0.3s; }
.sticky-off { top: 0 !important; position: relative !important; }
/******************************
SIDE BLOCKS
*******************************/
.side-block-left, .side-block-right { position: fixed; top: 0; z-index: 999999; }
.side-block-left *,  .side-block-right * { -webkit-transform: translateZ(0) scale(1, 1); }
.side-block-icon { width: 50px; height: 50px; background-position: center; background-repeat: no-repeat; line-height: 50px; text-align: center; transition: background-color 0.2s; }
.side-block-icon i { margin-right: 0 !important; }
.side-block-content p { margin: 0; }
.side-block-content p a { transition: all 0.2s; }
.side-block-content { min-height: 50px; box-sizing: border-box; }
.side-block-content > div { position: relative; width: 100%; height: 100%; }
.side-block-left .side-block-icon { position: absolute; top: 0; right: -50px; }
.side-block-right .side-block-icon { position: absolute; top: 0; left: -50px; }
.side-block-content hr { margin-bottom: 7px; }
.side-block-content img { margin: 5px 0; max-width: 100%; }
.side-block-content a { display: inline-block; margin: 10px 0; }
/******************************
SCROLL TOP
*******************************/
.scroll-top { display: none; position: absolute; z-index: 99; right: 20px; /*bottom: 0px;*/ height:57px; width:57px; text-align:center; line-height:57px; padding: 0px; cursor: pointer; background:#808080; }
	.scroll-top:before { transition: color .2s; content: "\e611" !important; font-size: 15px !important; color:#fff !important; line-height:100%; }
	.scroll-top:hover {transition: color .2s; background:#3BB449;}
		.scroll-top:hover:before {color:#fff !important;}
/******************************
BUTTON ICONS
*******************************/
.button-left-icon:before { float: left; }
.button-right-icon:before { float: right; }
.button-cart-text { position: relative; }
/******************************
TOOLTIPS
*******************************/
[data-hint]:before { border: 7px solid transparent; display: none; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
.hint--top, .hint--left, .hint--right { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
.hint--top:before { left: 50%; margin-left: -7px; border-top-color: #333745; margin-bottom: -13px; }
.hint--right:before { margin-top: -6px; border-right-color: #333745; }
.hint--left:before { border-left-color: #333745; }
.hint--top:after, .hint--top:focus:after { margin: 0; -webkit-transform: translate3d(0, 0, 0) translateX(-50%); -moz-transform: translate3d(0, 0, 0) translateX(-50%); -ms-transform: translate3d(0, 0, 0) translateX(-50%); transform: translate3d(0, 0, 0) translateX(-50%); }
[data-hint]:after { text-shadow: none; color: white; font-family: Helvetica, Arial, sans-serif; text-transform: none; background-color: #333745; box-shadow: none; line-height: 100%; padding: 8px 10px; display: none; }
.hint--top:hover:after, .hint--top:focus:after { -webkit-transform: translate3d(0, 0, 0) translateY(-8px) translateX(-50%); -moz-transform: translate3d(0, 0, 0) translateY(-8px) translateX(-50%); -ms-transform: translate3d(0, 0, 0) translateY(-8px) translateX(-50%); transform: translate3d(0, 0, 0) translateY(-8px) translateX(-50%); }
.quickview .hint--top:after { -webkit-transform: translate3d(0, 0, 0) translateY(0) translateX(0); -moz-transform: translate3d(0, 0, 0) translateY(0) translateX(0); -ms-transform: translate3d(0, 0, 0) translateY(0) translateX(0); transform: translate3d(0, 0, 0) translateY(0) translateX(0); }
.quickview .hint--top:hover:after, .quickview .hint--top:focus:after { -webkit-transform: translate3d(0, 0, 0) translateY(-8px) translateX(0); -moz-transform: translate3d(0, 0, 0) translateY(-8px) translateX(0); -ms-transform: translate3d(0, 0, 0) translateY(-8px) translateX(0); transform: translate3d(0, 0, 0) translateY(-8px) translateX(0); }
.journal-carousel .product-grid-item .image .wishlist a:hover:after, .journal-carousel .product-grid-item .image .compare a:hover:after { -webkit-transform: translate3d(0, 0, 0) translateY(-8px) translateX(0); -moz-transform: translate3d(0, 0, 0) translateY(-8px) translateX(0); -ms-transform: translate3d(0, 0, 0) translateY(-8px) translateX(0); transform: translate3d(0, 0, 0) translateY(-8px) translateX(0); }
/******************************
 Countdown
*******************************/
.countdown { position: absolute; background-color: rgba(0, 0, 0, 0.4); transition: all 0.2s; visibility: hidden; opacity: 0; bottom: 0; z-index: 999; width: 100%; display: table; padding: 3px 0; }
.countdown span { display: table-cell; vertical-align: middle; position: relative; font-size: 14px; font-weight: bold; border-right: 1px solid white; width: 25%; color: white; text-align: center; }
.countdown span:last-of-type { border-right: 0; }
.countdown span div { display: block; font-size: 10px; font-weight: normal; border: 0; text-align: center; width: 100%; overflow: hidden; padding: 0 3px; }

@media only screen and (max-width: 760px) {
.countdown { padding: 0; }
.scroll-top { top:74px; right:0px; }
}
@media only screen and (max-width: 1185px) {
.scroll-top { right:0px; }
}
.ipad .countdown { padding: 0; }
.countdown-on .countdown { visibility: visible; opacity: 1; }
.countdown-on.product-grid-item .countdown { display: table; }
.product-info .right > div .countdown { position: relative; background-color: rgba(0, 0, 0, 0.4); width: auto; visibility: visible; opacity: 1; display: table; padding: 5px 0; }
.product-info .right > div .countdown span { display: table-cell; vertical-align: middle; padding: 0 5px; position: relative; font-size: 19px; font-weight: bold; border-right: 1px solid white; color: white; text-align: center; }
.product-info .right > div .countdown span:last-of-type { border-right: 0; }
.product-info .right > div .countdown span div { display: block; font-size: 11px; font-weight: normal; border: 0; text-align: center; width: 100%; overflow: hidden; padding: 0 3px; }
/******************************
 BRAND LOGO
*******************************/
.brand-logo { display: table; }
.brand-logo a { display: block; vertical-align: middle; padding-right: 5px; }
.brand-logo:after { content: ""; display: table; width: 100%; clear: both; }

/*
  Journal - The Ultimate Opencart Theme
  Version 2.0.5
  Copyright (c) 2013 Digital Atelier
  http://journal.digital-atelier.com/
*/
/******************************
 Top bar
*******************************/
.icw-clear {clear:both;}
.main-top-header {height:36px; background:#eeeeee; width:100%; float:left; font-family: 'Montserrat', sans-serif; font-size:12px; position:relative; z-index:9995;}
	.main-top-header a {float:left; font-family: 'Montserrat', sans-serif; font-size:12px; color:#2f2f2f}
	.main-top-header-inner {max-width: 1150px; margin: 0 auto; position: relative; z-index:1; background:#eeeeee; min-height: 36px;}
	.links-social {margin:0px; padding:0px; list-style:none;}
	.links-social li {float:left; padding:7px 20px 0px 0px;}
	.links-social li a {display:inline-block; background:url(icons/img-social-media.png) left top no-repeat; height:22px; width:23px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; }
		.links-social li a.link-facebook {background-position:0px 0px;}
		.links-social li a.link-twitter {background-position:-46px 0px;}
		.links-social li a.link-pintrest {background-position:-92px 0px;}
		.links-social li a.link-youTube {background-position:-138px 0px;}
		.links-social li a:hover {opacity:0.7; text-decoration:none;}

	.top-header-right-links {float:right;}
		.top-header-right-links {margin:0px; padding:0px; list-style:none; }
		.top-header-right-links li {float:left; position:relative;}
		.top-header-right-links li a {height:36px; line-height:35px; padding:0px 20px; display:inline-block;}
		
		.top-header-right-links li .top-link-green {background:#3BB449; color:#fff; position:relative; height:36px; line-height:35px; padding:0px 20px; display:inline-block;}
			.top-header-right-links li .top-link-green:before {position:absolute; content:""; width: 0;height: 0; right:-20px; top:0px; border-top: 36px solid #3BB449;border-right: 20px solid transparent;}
			.top-header-right-links li .top-link-green:after {position:absolute; content:""; width: 0;height: 0; left:-20px; top:0px; border-bottom: 36px solid #3BB449;border-left:20px solid transparent;}
			.top-header-right-links li .top-link-green a {padding:0px; color:#fff; float:none;}
			.top-header-right-links li .top-link-green a .pipe {line-height:35px; padding:0px 10px; display:inline-block;}
		
		.top-link-gray {background:#2f2f2f; color:#fff !important; position:relative; }
			.top-header-right-links li a.top-link-gray:after {position:absolute; content:""; width: 0;height: 0; left:-20px; top:0px; border-bottom: 36px solid #2f2f2f;border-left:20px solid transparent;}
		
		.top-header-right-links li .top-link-green:hover,
		.top-header-right-links li .top-link-gray:hover {color:#fff;}	
		.top-header-right-links li .cart-link:hover, .top-header-right-links li .icw-support-link:hover {color:#3BB449;}
		
		.top-header-right-links a:hover {text-decoration:underline; color:#fff;}
			
		.top-header-right-links li {position:relative;}
			.top-header-right-links li span.responsive-submenu {display:none}
			.top-header-right-links li:hover .ul-top-menu {display:block;  animation:mymove 1s ease-out forwards;animation-iteration-count:1;
-webkit-animation:mymove 1s;-webkit-animation-iteration-count:1;}
			.top-header-right-links .ul-top-menu {position:absolute; display:none; margin: 0px; z-index: 9999999; top: 30px; padding-top:16px; left:-20px;} 
			.top-header-right-links .ul-top-menu:before{position:absolute; content:"";width: 0;height: 0; top:9px; left:15px; border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #3BB449;}
			
		@keyframes mymove{from {top:5px; opacity: 0;}to {top:30px; opacity: 1;}}
		@-webkit-keyframes mymove {from {top:5px; opacity: 0;}to {top:30px; opacity: 1;}}
			
			.top-header-right-links li .ul-top-menu ul {padding: 10px;  width:170px; float:left; list-style:none; margin:0px; background:#3BB449; 
			/*-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);*/}
			.top-header-right-links li ul li {float:left; padding:7px 15px; width: 140px; border-bottom:1px solid #34a342;border-top:1px solid #75cb81;}
				.top-header-right-links li ul li a {line-height:inherit; white-space:nowrap; height:inherit; padding:0px; color:#fff; }
				.top-header-right-links li ul li a:hover {text-decoration:underline; }
			
			.top-header-right-links li ul li:first-child {border-top:0px solid #75cb81; padding-top:2px;}
			.top-header-right-links li ul li:last-child {border-bottom:0px solid #34a342; padding-bottom:2px;}
			
			.top-li-gray .ul-top-menu {left:0px;}
			.top-li-gray .ul-top-menu:before {border-bottom: 7px solid #2f2f2f !important;}
				.top-li-gray .ul-top-menu ul {background:#2f2f2f !important; }
				.top-li-gray .ul-top-menu ul li {border-bottom:1px solid #2a2a2a;border-top:1px solid #6e6e6e;}
			
			.top-header-right-links li.top-li-gray {padding-left:20px;}
			
			.topgray-bg {position:absolute; width: 50%; height: 36px; right:0px; top:0px; background:#2f2f2f}
	
	.responsive-menu {display:none;}
		.responsive-menu span {height:3px; background:#fff; width:25px; display:block; margin:6px 0px;}
		.responsive-menu {background:#3BB449; color:#fff; position:relative; padding:0px 10px; float:right !important; height:36px;}
			.responsive-menu:before {position:absolute; content:""; width: 0;height: 0; left:-20px; top:0px; border-bottom: 36px solid #3BB449;border-left:20px solid transparent;}
	.responsive-secondary-menu {display:none;}
		.responsive-secondary-menu span {height:3px; background:#3BB449; width:25px; display:block; margin:6px 0px;}
		.responsive-secondary-menu {background:#eee; color:#fff; position:relative; padding:1px 10px !important; height:36px;}
			
 /*	html.home-page #top-modules>.journal2_cms_blocks {background:url(http://myschooltuckshop.com.au/image/data/full_banner.jpg) 50% 50% no-repeat scroll; background-size:contain;}			
	html.home-page #top-modules>.journal2_cms_blocks.gutter {background:#fff !important;}*/

.mb-login-top{padding: 5px 20px; display: inline-block; color:#3BB449;   float: right;margin-top: 20px;margin-right: 30px;}
	

/**************************** New navigation for Mini Sites ****************************/
.current-store .store-menus{
    display: block;
    margin: 0px auto;
    overflow:hidden;
	clear: both;
	min-height: auto;
}

.switch-student-link {
	background: url(icons/switch-student.png);
	background-size: 18px;
	background-repeat: no-repeat;
	background-position: 0px;
	padding-left: 20px!important;
}

.change-date-link {
	background: url(icons/change-date.png);
	background-size: 18px;
	background-repeat: no-repeat;
	background-position: 0px;
	padding-left: 20px!important;
}
	.current-store .store-menus .menu-highlight{
		background-color: #3BB449;
		display: inline-block;
		overflow: hidden;
		float:left;
	}
		.current-store .store-menus .menu-highlight a, .current-store .store-menus .menu-highlight a:hover{color: #fff !important;}
		.current-store .store-menus .menu-highlight a:first-child{border-right: 1px solid #fff;}
	.current-store .store-menus a{color:#444444 !important; float:left; padding: 5.5px 15px;}
		.current-store .store-menus a:hover{color: #3BB449 !important;}
	.current-store .store-menus a span{
		display: block;
		padding: 14px 0px;
		font-size: 12px;
		text-transform: uppercase;
		font-weight: 600;
	}
	
	#header .menu-container .mini-site a.mst{display: block; padding: 20px 20px 0px 0px; height:75px; opacity: 0.4;}
  	#header .menu-container .mini-site a.msv{display: block; padding: 20px 20px 0px 0px; height:75px; opacity: 0.4;}
  	#header .menu-container .mini-site a.mse{display: block; padding: 20px 20px 0px 0px; height:75px; opacity: 0.4;}
  	#header .menu-container .mini-site a.msf{display: block; padding: 20px 20px 0px 0px; height:75px; opacity: 0.4;}
	#header .menu-container .mini-site a.msu{display: block; padding: 20px 20px 0px 0px; height:75px; opacity: 0.4;}
	#header .menu-container .mini-site a.ttr{display: block; padding: 10px 20px 0px 10px; height:60px; opacity: 0.4;}
	#header .menu-container .mini-site a.ttr>img{height: 50px;}
	
	#header .menu-container .mini-site .mst.active, #header .menu-container .mini-site .msv.active, #header .menu-container .mini-site .mse.active, #header .menu-container .mini-site .msf.active, #header .menu-container .mini-site .msu.active, #header .menu-container .mini-site .ttr.active{opacity:1;}
	#header .menu-container .mini-site .mst:hover, #header .menu-container .mini-site .msv:hover, #header .menu-container .mini-site .mse:hover, #header .menu-container .mini-site .msf:hover, #header .menu-container .mini-site .msu:hover, #header .menu-container .mini-site .ttr:hover{opacity:1;}
	
	#header .menu-container .mini-site a img{height: 40px;}
	
	.current-store .store-menus a.mst, .current-store .store-menus a.msv, .current-store .store-menus a.mse, .current-store .store-menus a.msf, .current-store .store-menus a.msu{display: block;  padding-top: 7.5px; min-width: 200px}
	
	.current-store .store-menus a img{height: 40px;}

@media only screen and (min-width: 1024px) and (max-width: 1200px){
	#header .new-logo{padding-left:10px; }
	.new-mainmenu li a{padding: 0px 20px !important;}
	#header .menu-container .mini-site a img{height: 35px;}
	.current-store .store-menus a{padding-right:15px;}
	.current-store .store-menus a span{font-size:10px;}
}

@media only screen and (min-width: 981px) and (max-width: 1024px){
	#header .menu-container .mini-site a img{height:35px;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
	#header .new-logo {margin: 20px 5px}
	
	.msc-dropdown{padding: 7px 40px !important;}
	.new-mainmenu li a{padding: 0px 10px !important;}
	.current-store .store-menus a{padding-right: 25px;}
	.msc-dropdown>.inner{margin-left: 0px !important;}
	
	#header .menu-container .mini-site a img{height:35px;}
	
	.current-store .store-menus a img{height: 30px;}
	.current-store .store-menus a{padding-right:10px;}
	.current-store .store-menus a span{font-size:10px;}
}

@media only screen and (min-width: 768px) and (max-width: 980px){
	#header .new-logo {margin: 20px 5px}
	.current-store .logged-links {left:auto};
	#header .menu-container .mini-site a img{height:30px;}
	
	.current-store .store-menus .menu-highlight a:first-child{display:block;}
}

@media only screen and (max-width: 768px){
	.current-store .logged-links {display: none;}
	.current-store .store-menus {min-height: 42px;}
	.current-store .store-menus .menu-highlight a{display: block;}
	.current-store .store-menus > a{display:none;}
	.current-store .store-menus a img {height: 32px;}
	.current-store .store-menus a:first-child{display:block;min-width: 0;}
	.current-store .store-menus a span{font-size: 10px;padding: 8px 10px;}
	.current-store .store-menus a .mst, .current-store .store-menus a .msf, .current-store .store-menus a .msu, .current-store .store-menus a .mse, .current-store .store-menus a .msv{background-size: 40px;background-position: 0% 0%;padding: 0px 0px 0px 50px;height: 45px;	width: 135px;font-size: 12px;}
	.msc-dropdown{padding: 15px 0px !important;}
	.msc-dropdown>label{font-size: 15px!important;}
	#header .menu-container{height:110px !important;}
	.msc-dropdown>.inner {margin-top: 16px;}
}
@media only screen and (max-width: 400px){
	.current-store .store-menus a.mst, .current-store .store-menus a.msv, .current-store .store-menus a.mse, .current-store .store-menus a.msf, .current-store .store-menus a.msu {
		min-width: auto;
	}
	.current-store .store-menus a img {height:36px;}
	.current-store .store-menus a {
		padding: 5.5px 2px;
	}
	.msc-dropdown>label{font-size: 12px!important;}
	.msc-dropdown>.inner {
		width: 100%!important;
	}
}
/**************************** New navigation for Mini Sites ****************************/

/* NEW HEADER*/
#header .inner-container {padding:35px 0px 30px;}
	#header .new-logo a {
		position: absolute;
	    top: 51%;
	    transform: translateY(-50%);
		display:block;
		float:left;
	}
	#header .new-logo a img {max-height: 74px; max-width: 250px; vertical-align: middle;}
	@media only screen and (max-width: 1024px){
		#header .new-logo a img {max-width: 200px;}
	}
	@media only screen and (max-width: 1024px){
		#header .new-logo a img {max-width: 150px;}
	}
	.new-mainmenu {float:left !important;}
		.new-mainmenu {
			padding: 0px;
			list-style: none;
			display: inline-block;
			line-height: 35px;
			margin: 0px;
			clear: both;	
		}
		.new-mainmenu li {float:left; position:relative; z-index:9999}
		.new-mainmenu li a {line-height:35px; font-size:14px; padding:0px 20px 0px 35px; color:#444444; display:inline-block; font-weight: bold;}
			.new-mainmenu li .has-dropdown:after {
			   color: #444;
			   content: ' ▾';
			   padding-left: 5px;
			}
			.new-mainmenu li a:hover {color:#3BB449;}

			.new-mainmenu li span.responsive-submenu {display:none}
			
	.responsive-mainmenu {display:none; float:right; margin-top:20px;}
		.responsive-mainmenu span {height:3px; background:#3BB449; width:25px; display:block; margin:6px 0px;}
		.responsive-mainmenu {color:#fff; position:relative; padding:0px 10px; float:right !important; height:36px;}
			.responsive-mainmenu:before {position:absolute; content:"MENU"; left: -35px;top: 12px; font-size: 12px; color:#DCDCDC;}	
			
#header-carousel {margin:0px 40px; position:relative;}
	.header-carousel {min-height:100px; padding:20px; background:#f7f7f7;}
	.header-carousel, .header-carousel p {font-size:9px; font-weight:normal; }			
	
	#header-carousel .owl-controls {display:none !important}
	
	#header-carousel a.icw-next, #header-carousel .icw-prev {position:absolute; display:block; top:50%; margin-top:-10px; width:10px; height:15px; background: url(../css/icons/header-carousel-arrows.png) 0px 0px no-repeat; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
	#header-carousel a.icw-next {left:-20px; }
		#header-carousel a.icw-next:hover {background-position:-9px 0px;}
	#header-carousel .icw-prev {right:-20px; background-position:-366px 0px;}
		#header-carousel a.icw-prev:hover {background-position:-356px 0px;}			
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* display none until init */
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/* mouse grab icon */
.grabbing { cursor:url(../css/icons/grabbing.png) 8 8, move; }
/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility:    hidden; -ms-backface-visibility:     hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }

@media only screen and (max-width: 980px) {
	.links-social {margin-left:10px !important;}
	
#header .inner-container { margin-left: 0px !important; padding:10px 0px;} 
	#header .new-logo {margin-left:10px;padding-left: 10px;}
	#header-carousel {  margin: 10px 30px 0px;}
		#header-carousel .header-carousel {padding:10px; min-height: 50px;}
		
		
	
}		
	
@media only screen and (max-width: 420px){
	.journal-links .links a i, .journal-secondary .links a i {float:none !important;}
	header .links > a { padding:0 20px !important;}
	.journal-secondary{top:15px;}
	.journal-logo {top:30px;}
	.journal-cart {display:none !important;}
	.links-social {margin-left:10px !important;}
	.scroll-top {top:-57px; right:0px;}
	.copyright {font-size:13px;}
	.icw-home-banner-block {font-size:12px !important;}
	.icw-home-banner-block strong {font-size:15px !important;}
	.icw-home-banner-block strong{ line-height:18px !important;}

}

@media only screen and (max-width : 736px){
	.home-content-icw.right-icw p, .home-content-icw p {min-height:75px;}
}

@media only screen and (max-width : 240px){
	.links-social {margin-left:4% !important;}
	header .links > a { padding:0 0px !important;}
	.icw-home-banner-block strong{ line-height:18px !important;}
	.scroll-top {top:-57px;}
	.footer-right-menu-icw {padding:0px 0px 0px 0px;}
	.footer-links-social {margin-left: 30px;}
	.copyright { font-size:9px;}
	.top-menu-link { font-size: 13px !important;}
}
	
@media only screen and (min-width:768px) and (max-width:900px) {
	.journal-links .links a i, .journal-secondary .links a i {float:none !important;}
	header .links > a {padding:0px 4px !important;}
	.links-social{margin-left:3%;}
	/*.scroll-top {top:55px;}*/
	.footer-right-menu-icw {margin-top:75px !important;}
	
	.new-mainmenu li a {padding: 0px 0px 0px 5px !important;}
}

	@media only screen and (max-width: 760px) {		
		.mobile #top-modules > div, .tablet #top-modules > div {background-size:cover !important}
		
		.links-social {margin-left:40px;}
		.links-social li {padding:7px 15px 0px 0px}
		
		.responsive-mainmenu {display:block;}
			.new-mainmenu {display:none; margin-top:10px; float: left; width: 100%; border-top:1px solid #F4F4F4;}
			.new-mainmenu li {width:100%; border-top:1px solid #F4F4F4;}
			.new-mainmenu > li {/*background:#E5E5E5;*/ padding:0px !important;}
			.new-mainmenu a {float:none; display:block !important;}
				.new-mainmenu li span.responsive-submenu {display:block; width:36px; height:36px; background:#269939 url(icons/submenu-down-arrow.png) 50% 50% no-repeat; position:absolute; right:0px; top:0px;}
			
		
		.responsive-menu {display:block;}
		.responsive-secondary-menu {display:block;}
		.icw-secondary-menu{display:none; width:100% !important; border:none; margin:0;}
			.icw-secondary-menu a {display:block}		
		.top-header-right-links {display:none;}
		
		.top-header-right-links {float: left; width: 100%;}
			.top-header-right-links li {width:100%;}
			.top-header-right-links > li {/*background:#E5E5E5;*/ padding:0px !important;}
			.main-top-header a {float:none; display:block !important;}
				.top-header-right-links li span.responsive-submenu {display:block; width:36px; height:36px; background:#269939 url(icons/submenu-down-arrow.png) 50% 50% no-repeat; position:absolute; right:0px; top:0px;}
				.top-header-right-links li.top-li-gray span.responsive-submenu {background-color:#454545 !important;}
				
			
			.top-header-right-links li:hover .ul-top-menu {display:none;  animation: none !important;-webkit-animation:none !important;}

			.top-header-right-links .ul-top-menu {position:relative !important; border:10px solid #3BB449; overflow:hidden; left:0px !important; top:0px !important; padding:0px; background:#3BB449; -webkit-box-shadow: 0px 3px 7px 1px rgba(0,0,0,0.75);-moz-box-shadow: 0px 3px 7px 1px rgba(0,0,0,0.75);box-shadow: 0px 3px 7px 1px rgba(0,0,0,0.75);}
				.top-header-right-links li .ul-top-menu ul {width:100%;  padding:5px 0px !important; -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow:none;}
				.top-header-right-links li ul li {width:inherit; padding:7px 0px;}
					.top-header-right-links li ul li a {padding:0px 15px;}
					
			.top-li-gray .ul-top-menu {background:#2f2f2f !important; border-color:#2f2f2f !important;}		
					.top-link-gray {padding-right:0px !important;}
				
			.top-header-right-links li .top-link-green {display:block !important;}
				.top-header-right-links li .top-link-green > a {display:inline-block !important;}
			
			.top-header-right-links li .top-link-green:before,
			.top-header-right-links li a.top-link-gray:after,
			.top-header-right-links li .top-link-green:after,
			.top-header-right-links .ul-top-menu:before {display:none;}
			
			/*Header menu : added by icw*/
			/*#header .journal-links {padding-top:5px}
			#header {padding-top:55px;}
			.journal-header-center .j-100 {height: 140px !important;}
			.logo {padding-top:10px;}*/
			
			.journal-header-center {box-shadow: none !important}
			.journal-links .links a i, .journal-secondary .links a i {float:none !important;}
			.journal-header-center .top-menu-link {display:block; line-height:100%;}
				.journal-header-center .links {width:100% !important;}
				#header .links > a {display: table-cell; width: 33.3%; float:none; padding:0px !important}
				/*#header .journal-links.j-min,#header .journal-links .j-min,
				#header .journal-secondary .links.j-min {height:50px;}*/
	}
	
	
	
	.icw-home-banner-block {width:580px; padding:5px 15px 18px; font-family: 'Montserrat', sans-serif; font-size:18px; font-weight:500; background:rgba(0,0,0,0.64); margin-left: auto; margin-right: auto; margin-top:80px; margin-bottom: 10px; color:#fff; border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius:4px;}
		.icw-home-banner-block strong {font-size:35px; font-weight:700; line-height:32px;}
		.icw-home-banner-block p {padding-bottom:15px;}
	
	.btn-icw {font-family: 'Montserrat', sans-serif; color:#fff; background:#3BB449; font-size:32px; display:inline-block; padding:5px 25px 8px; font-weight:700; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius:3px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; border:none; }
		.btn-icw:hover {color:#fff; text-decoration:none; background:#168124;}
		
	@media only screen and (max-width: 760px) {
		.icw-home-banner-block {width:95%; margin:140px auto 0px;}
	}

/******************************
 HEADER
*******************************/
header { background-color: #f4f4f4; display: table; z-index: 99; position: relative; margin: 0 auto; width: 100%; }
header div { position: relative; }
.journal-top-header { width: 100%; position: absolute; }
#header { max-width: 1024px; margin: 0 auto; position: relative; }
/******************************
 Logo
*******************************/
.logo { position: relative; width: 100%; z-index: 50; bottom: 20px; height: 100%; }
.logo a { text-align: center; display: inline-block; vertical-align: middle; position: relative; height: 120px; width: 100%; font-size: 0; }
.logo a:before { content: ""; height: 100%; display: inline-block; vertical-align: middle; }
.logo a img { margin: 0 auto; max-width: 100%; max-height: 120px; vertical-align: middle; display: inline-block; }
/******************************
Top Links
*******************************/
.journal-header-default header .links > a, .journal-header-menu header .links > a { padding-top: 2px; }
header .links { position: relative; display: table; width: 100%; }
header .links > a { display: table-cell; vertical-align: middle; text-decoration: none; text-align: center; border-right-width: 1px; border-right-style: solid; border-right-color: #e4e4e4; border-bottom: 1px solid transparent; padding: 0 25px; transition: background-color 0.2s; }
header .links > a:last-child, header .links > span:last-child { border-right-width: 0; }
.links .no-link { cursor: default; display: table-cell; vertical-align: middle; padding: 0 6px; }
.journal-header-default .links .no-link, .journal-header-menu .links .no-link { text-align: center; border-right: 1px solid #e4e4e4; }
.top-menu-link { white-space: nowrap; position: relative;font-variant: small-caps; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight:bold; }


/****************** custom Css ******************/
/*header .wl-links > a {padding:0px 42px 0px 27px}*/
/************************************************/

/******************************
 Language/Currency
*******************************/
@media only screen and (max-width: 760px) {
.journal-login { z-index: 9999 !important; }
}
.journal-login { position: relative; display: table; z-index: 998; }
.journal-login > div { position: relative; text-align: center; display: table-cell; vertical-align: middle; }
.journal-login > div:first-child { padding-left: 10px; }
.journal-language, .journal-currency { z-index: 3; }
.journal-language form, .journal-currency form { float: left; }
.journal-language form .currency-symbol, .journal-currency form .currency-symbol { background-color: white; padding: 1px 5px; color: #ea2e49; }
.journal-language .dropdown-toggle, .journal-currency .dropdown-toggle { width: 40px; height: 40px; color: #333745; padding: 0; font-size: 13px; border-color: transparent; background-color: transparent; }
.journal-language .dropdown-toggle img, .journal-currency .dropdown-toggle img { position: relative; top: 1px; }
.journal-language .dropdown-toggle .caret, .journal-currency .dropdown-toggle .caret { display: none; }
.journal-language .btn-group, .journal-currency .btn-group { position: relative; display: inline-block; vertical-align: middle; }
.journal-language .dropdown-menu, .journal-currency .dropdown-menu { min-width: 40px; padding: 0; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15); margin: 0px 0; border: none; top: 39px; position: absolute; display: none; left: 0; z-index: 1000; float: left; list-style: none; font-size: 14px; background-clip: padding-box; background-color: white; }
.journal-language .dropdown-menu > li, .journal-currency .dropdown-menu > li { border-top: 1px solid #e4e4e4; }
.journal-language .dropdown-menu > li:first-of-type, .journal-currency .dropdown-menu > li:first-of-type { border-top: none; }
.journal-language .dropdown-menu > li > a, .journal-currency .dropdown-menu > li > a { text-align: center; font-size: 13px; padding: 5px 10px; color: #333745; cursor: pointer; display: block; line-height: 1.5; white-space: nowrap; }
.journal-language .dropdown-menu > li > a img, .journal-currency .dropdown-menu > li > a img { position: relative; top: 1px; }
.journal-language .dropdown-menu:before, .journal-currency .dropdown-menu:before { content: "\e61e"; position: absolute; left: 50%; top: -14px; margin-left: -9px; color: white; font-size: 16px; }
.journal-language .dropdown-menu > li:first-of-type, .journal-currency .dropdown-menu > li:first-of-type { border-top-right-radius: inherit; border-top-left-radius: inherit; }
.journal-language .dropdown-menu > li:first-of-type a, .journal-currency .dropdown-menu > li:first-of-type a { border-top-right-radius: inherit; border-top-left-radius: inherit; }
.journal-language .dropdown-menu > li:last-of-type, .journal-currency .dropdown-menu > li:last-of-type { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; }
.journal-language .dropdown-menu > li:last-of-type a, .journal-currency .dropdown-menu > li:last-of-type a { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; }
.open .dropdown-toggle.btn-default { color: #ea2e49; border-color: transparent; background-color: transparent; }
/******************************
 Login
*******************************/
.journal-login .journal-secondary { text-align: right; padding-right: 10px; font-size: 13px; }
.journal-login .journal-secondary a { padding: 0 3px; }
.journal-login .journal-secondary div a { font-family: inherit; font-size: inherit; padding: 3px; }
#welcome { position: relative; top: 0px; }
/******************************
 Search
*******************************/
#search { position: relative; width: 100%; }
.button-search { width: 40px; height: 40px; cursor: pointer; border-right-width: 1px; border-right-style: solid; border-right-color: transparent; float: left; position: absolute; color: #cccccc; transition: color 0.2s, background-color 0.2s; z-index: 9; }
.button-search i { margin-left: 10px; margin-top: 10px; display: block; }
.button-search i:before { content: "\e697"; font-size: 20px; }
#search input { float: left; width: 100%; height: 100%; max-width: 100%; background-color: white; border: none; border-radius: 0; padding: 0; margin: 0; padding-left: 50px; font-size: 13px; color: #333745; box-shadow: none; }
/******************************
 Cart
*******************************/
.journal-cart { z-index: 999; position: relative; margin: 0; }
#cart { left: 0; right: 0; width: 100%; height: 40px; }
#cart .heading { cursor: pointer; float: none; margin: 0; padding: 0; border: none; position: relative; height: 100%; z-index: 1; }
#cart .heading i { width: 40px; height: 40px; display: block; border-left-width: 1px; border-left-color: transparent; }
#cart .heading i:before { content: "\e000"; font-size: 28px; margin-right: 6px; margin-top: 6px; float: right; color: white; }
#cart .heading a { color: inherit; border: none; font-size: inherit; text-decoration: none; overflow: hidden; width: 100%; height: 100%; display: table; }
#cart .heading a span { text-align: right; padding-right: 7px; display: table-cell; vertical-align: middle; width: 100%; }
#cart .content { visibility: hidden; opacity: 0; min-width: 360px; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; position: relative; min-height: 125px; color: #333745; /*float: right;*/
transition: opacity .3s; }
#cart .content .cart-wrapper { background-color: white; box-shadow: 0 1px 8px -3px rgba(0, 0, 0, 0.5); }
#cart .checkout { clear: both; padding: 18px 0; text-align: center; display: table; margin: 0 auto; width: 100%; }
#cart .checkout a + a { margin-left: 15px; }
#cart .empty { padding: 50px 0; text-align: center; font-size: 14px; font-style: italic; }
#cart.active .heading { padding: 0; margin: 0; border: 0; }
#cart.active .content { transition: opacity 0.2s; display: block; visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.mini-cart-info { position: relative; overflow: auto; padding: 3px 12px 0 12px; }
.mini-cart-info table { border-collapse: collapse; width: 100%; margin-bottom: 0; }
.mini-cart-info table tr { border-bottom: 1px solid #eeeeee; }
.mini-cart-info table tr td { color: inherit; vertical-align: top; padding: 10px 5px; padding-left: 0; }
.mini-cart-info table tr td a { display: block; color: inherit; }
.mini-cart-info table tr td.image { width: 1px; }
.mini-cart-info table tr td.image img { text-align: left; max-width: 50px; }
.mini-cart-info table tr td.name { padding-left: 5px; }
.mini-cart-info table tr td.name div { line-height: 1; }
.mini-cart-info table tr td.quantity { text-align: right; }
.mini-cart-info table tr td.total { text-align: right; }
.mini-cart-info table tr td.remove { text-align: right; padding-top: 11px; }
.mini-cart-info table tr td.remove img { display: none; }
.mini-cart-info table tr td.remove i { cursor: pointer; color: #ea2e49; transition: color .2s; left: 5px; }
.mini-cart-info table tr td.remove i:before { content: "\e601"; font-size: 15px; top: -2px; color: inherit; }
.mini-cart-info table tr:last-of-type { border-bottom: none; }
.mini-cart-total { text-align: right; padding: 5px 10px 3px 0; background-color: #f4f4f4; }
.mini-cart-total table { border-collapse: collapse; display: inline-block; width: auto; }
.mini-cart-total td { padding: 3px 4px; }
.mini-cart-total td.left { min-width: 100px; text-align: right; font-weight: bold; }
.mini-cart-total td.right { min-width: 80px; text-align: right; font-weight: bold; }
/******************************
 Auto-Suggest
*******************************/
.autocomplete2-suggestions { background-color: white; top: 100%; }
.autocomplete2-suggestions div { overflow: auto; }
.autocomplete2-suggestion { border-bottom: 1px solid #f4f4f4; min-height: 38px; padding: 7px 8px 5px 8px; color: #45738f; cursor: pointer; }
.autocomplete2-suggestion a:hover { text-decoration: none; color: inherit; }
.autocomplete2-suggestion .p-image { max-width: 55px; }
.autocomplete2-suggestion .p-name { font-size: 13px; margin-bottom: 5px; padding-top: 3px; padding-left: 7px; }
.autocomplete2-suggestion .p-name span { display: block; margin-bottom: 2px; }
.autocomplete2-suggestion span.p-price { font-size: 13px; color: #333745; }
.autocomplete2-suggestion span.p-price .price-old { float: left; margin-right: 5px; text-decoration: line-through; color: #ea2e49; }
.autocomplete2-selected { background-color: transparent !important; }
.autocomplete2-suggestion:last-child { border-bottom: none; }
.autocomplete2-selected { background-color: #fafafa; }
.view-more-link { display: block; padding: 3px 5px; }
/******************************
HEADER CENTER
*******************************/
.journal-desktop .sticky-wrapper { max-height: 120px; position: relative; z-index: 9999; }
.journal-desktop.header-center .sticky-wrapper { max-height: 180px; }
.is-sticky { max-height: 180px; }
.is-sticky .journal-header-center .logo a { transition: all .2s; }
.journal-header-center { background-color: transparent; }
.journal-header-center .logo a { height: 100px; transition: all 0; }
.journal-header-center .logo a img { max-height: 100px; }
.journal-header-center .journal-menu { clear: both; z-index: 1; }
.journal-header-center .journal-menu-bg { width: 100%; position: absolute; top: 140px; }
.journal-header-center .journal-center-bg { position: absolute; width: 100%; top: 40px; }
.journal-header-center .links { display: table; width: auto; }
.journal-header-center .links > a, .journal-header-center .links .no-link { text-align: center; border: none; }
.journal-header-center .links > a:hover { transition: color 0.2s, background-color 0.2s; background-color: transparent; }
.journal-header-center .journal-secondary { text-align: right; }
.journal-header-center .journal-secondary .links { float: right; }
.journal-header-center .journal-top-header { border-bottom: 1px solid transparent; }
.journal-header-center .journal-language, .journal-header-center .journal-currency { padding: 0; display: inline-block; }
.journal-header-center .journal-language form, .journal-header-center .journal-currency form { width: 100%; text-align: right; height: 40px; }
.journal-header-center .journal-language form > div, .journal-header-center .journal-currency form > div { display: inline-block; border-left-width: 1px; border-left-style: solid; border-left-color: transparent; border-right-width: 1px; border-right-style: solid; border-right-color: transparent; }
.journal-header-center .journal-language form .dropdown-toggle, .journal-header-center .journal-currency form .dropdown-toggle { max-width: 40px; }
.journal-header-center .journal-language form .dropdown-menu, .journal-header-center .journal-currency form .dropdown-menu { top: 40px; }
.journal-header-center .journal-currency form { text-align: left; }
.journal-header-center .journal-currency form > div { border-left-width: 0; }
.journal-header-center .lang { width: 10%; text-align: center; }
.journal-header-center .lang form { width: auto; float: none; display: inline-block; }
.journal-header-center .no-curr { width: 0; }
.journal-header-center .curr { width: 10%; text-align: center; }
.journal-header-center .curr form { width: auto; float: none; display: inline-block; }
.journal-header-center .curr form > div { border-left-width: 1px; border-left-style: solid; }
.journal-header-center .no-lang { width: 0; }
.journal-header-center .journal-search, .journal-header-center .journal-cart { top: 30px; position: relative; z-index: 2; }
.journal-header-center #search { position: relative; width: 100%; }
.journal-header-center .button-search { transition: color 0.2s, background-color 0.2s; }
.journal-header-center .button-search i { margin-top: 9px; margin-left: 11px; }
.journal-header-center #search input { background-color: transparent; border-top: 1px solid #38B449; border-bottom: 1px solid #38B449; border-right: 1px solid #38B449; border-radius: 20px; }
.journal-header-center .journal-search:hover #search input { transition: background-color 0.2s; }
.journal-header-center .journal-cart { background-color: transparent; color: #222222; }
.journal-header-center #cart .empty { min-height: 125px; }
.journal-header-center #cart { box-shadow: none; width: 75%; transition: background-color 0.2s; }
.journal-header-center #cart .heading i { text-align: center; width: 40px; height: 40px; display: block; transition: background-color 0.2s, color 0.2s; }
.journal-header-center #cart .heading i:before { margin-right: 1px; float: none; margin-top: 7px; }
.journal-header-center #cart .content { padding-top: 15px; }
.journal-header-center #cart .content:before { content: "\e61e"; color: white; font-size: 40px; position: absolute; top: -5px; right: 0px; }
.journal-header-center .autocomplete2-suggestions { top: 54px; border-top: none; overflow: visible; }
.journal-header-center .autocomplete2-suggestions > div { overflow: auto; border-radius: inherit; }
.journal-header-center .autocomplete2-suggestions:before { content: "\e61e"; font-size: 40px; position: absolute; top: -22px; }
.journal-header-center .autocomplete2-suggestion:first-of-type { border-top-left-radius: inherit; border-top-right-radius: inherit; }
.journal-header-center .autocomplete2-suggestion:last-child { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; }
.journal-header-center.nolang .journal-currency form { text-align: center; }
.journal-header-center.nolang .journal-currency form div { border-left-width: 1px; }
.journal-header-center.nocurr .journal-language form { text-align: center; }
.journal-header-center.nosecond .journal-center-bg { top: 40px; }
.journal-header-center.nosecond .links { margin: 0 auto; float: none; }
.journal-header-center.nosecond .journal-currency { position: absolute; right: 0; }
.journal-header-center.nosecond .journal-currency form div { border-left-width: 1px; }
.journal-header-center.nosecond .journal-language { position: absolute; left: 0; }
.journal-header-default.nocart .links > a:last-child { border-right-width: 1px; }
/******************************
HEADER MEGA
*******************************/
.journal-header-mega .journal-search { padding-right: 5%; }
/******************************
 EXTENDED MENU HEADER
*******************************/
.journal-header-default .journal-language, .journal-header-default .journal-currency, .journal-header-menu .journal-language, .journal-header-menu .journal-currency { width: 40px; }
.journal-header-menu #cart { height: 40px; }
.journal-header-menu #cart i[data-icon]:before { top: 4px; }
.journal-header-menu .logo a { height: 80px; }
.journal-header-menu .logo a img { max-height: 80px; }
.journal-header-menu .journal-menu { clear: both; }
.journal-header-menu .journal-menu-bg { width: 100%; position: absolute; top: 80px; }
/******************************
 JOURNAL MEGA-MENU
*******************************/
header { -webkit-backface-visibility: hidden; }
.mega-menu *, .drop-down * { -webkit-transform: translateZ(0) scale(1, 1); }
.mobile-trigger, .mobile-plus { display: none; }
.super-menu > li:hover { transition: background-color 0.2s; }
.super-menu { width: 100%; position: relative; display: table; table-layout: fixed; margin: 0; padding: 0; border: 0; }
.super-menu > li { border-left: 1px solid #333745; transition: all 0.2s !important; display: table-cell; min-width: 40px; color: white; }
.super-menu > li:first-of-type { border-top-left-radius: inherit; border-bottom-left-radius: inherit; }
.super-menu > li:last-of-type { border-top-right-radius: inherit; border-bottom-right-radius: inherit; }
.super-menu > li > a { text-align: center; height: 100%; font-size: 15px; text-transform: uppercase; color: inherit; text-decoration: none; display: block; z-index: 6; position: relative; line-height: 40px; height: 40px; white-space: nowrap; overflow: hidden; }
.super-menu > li > a i { display: inline-block; }
.super-menu > li > a i:before { float: left; }
.super-menu > li.icon-only { width: 50px; }
.super-menu > li.icon-only > a i { margin-right: 0 !important; }
.super-menu > li:last-of-type { border-right: 1px solid #333745; }
.journal-desktop .menu-floated > li { display: block; border-left: 0; }
.journal-desktop .menu-floated > li > a { padding: 0 15px; }
.journal-desktop .menu-floated .float-left { float: left; border-right: 1px solid #333745; }
.journal-desktop .menu-floated .float-right { float: right; border-left: 1px solid #333745; }
.journal-desktop .menu-floated .float-right:last-of-type { border-right: 0; }
.journal-header-default .super-menu > li:last-of-type { border-right: none; }
.journal-header-default .super-menu > li:first-of-type { border-left: none; }
.mega-menu { left: 0; position: absolute; display: none; padding: 20px; overflow: hidden; width: 100%; }
.mega-menu > div { display: block; overflow: hidden; margin-right: -20px; margin-bottom: -20px; }
.journal-header-default .mega-menu, .journal-header-menu.sticky-header .mega-menu { left: -33.333333%; width: 133.333333%; }
/******************************
MEGA-MENU DROPDOWN
*******************************/
.drop-down { position: relative; }
.drop-down .menu-plus { position: absolute; font-size: 17px; top: 10px; right: 8px; }
.drop-down .menu-plus:before { content: "\e094"; }
.drop-down > ul { display: none; }
.drop-down ul { position: absolute; list-style: none; margin: 0; padding: 0; box-shadow: 0 1px 8px -3px rgba(0, 0, 0, 0.5); }
.drop-down ul li { color: #333745; background-color: white; position: relative; border-bottom: 1px solid #f4f4f4; }
.drop-down ul li:last-of-type { border-bottom-width: 0; }
.drop-down ul li ul { visibility: hidden; opacity: 0; left: 100%; top: 0; }
.drop-down ul li.left ul { left: -100%; }
.drop-down ul li:hover > ul { transition: opacity 0.2s; visibility: visible; opacity: 1; }
.drop-down ul li a { padding: 11px 25px 12px 9px; display: block; color: inherit; white-space: nowrap; }
.drop-down ul li a:before { margin-right: 5px; }
/******************************
MEGA-MENU CATEGORIES
*******************************/
.mega-menu-item > div { margin-right: 20px; height: 100%; }
.mega-menu-item h3 { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; transition: background-color 0.2s; }
.mega-menu-item h3 a { display: block; color: inherit; transition: color 0.2s; }
.mega-menu-categories .mega-menu-item { margin-bottom: 20px; }
.mega-menu-categories .mega-menu-item ul { float: left; width: 58%; margin: 7px 0 0 0; padding: 0; list-style: none; }
.mega-menu-categories .mega-menu-item ul li { padding-bottom: 3px; position: relative; }
.mega-menu-categories .mega-menu-item ul li a { display: block; text-overflow: ellipsis; overflow: hidden; white-space: normal; padding-left: 10px; transition: color .1s; line-height: 15px; }
.mega-menu-categories .mega-menu-item ul li a:before { position: absolute; left: 0; }
.mega-menu-categories .mega-menu-item img { float: right; width: 40%; height: auto; margin-top: 10px; }
.mega-menu-categories .mega-menu-item .show-more-text a:before { content: ""; }
.mega-menu-categories .mega-menu-item.menu-image-left ul { width: 55%; padding: 0 0 0 8px; }
.mega-menu-categories .mega-menu-item.menu-image-left img { float: left; }
.mega-menu-categories .mega-menu-item.menu-image-top ul { width: 100%; }
.mega-menu-categories .mega-menu-item.menu-image-top img { float: none; width: 100%; }
.mega-menu-categories .mega-menu-item.menu-no-links img { width: 100%; }
.mega-menu-categories .mega-menu-item.menu-no-image ul { width: 100%; padding: 0; }
/******************************
MEGA-MENU PRODUCTS
*******************************/
#header .mega-menu .product-wrapper { margin-right: 20px; box-shadow: none; }
#header .mega-menu .product-grid-item { margin-bottom: 20px; }
/******************************
MEGA-MENU BRANDS
*******************************/
.mega-menu-brands .mega-menu-item { margin-bottom: 20px; }
.mega-menu-brands .mega-menu-item img { width: 100%; float: left; }
/******************************
MEGA-MENU HTML
*******************************/
.mega-menu-html .mega-menu-item { margin-bottom: 20px; }
.mega-menu-html .mega-menu-item img { max-width: 100%; height: auto !important; }
.mega-menu-html .mega-menu-item ul, .mega-menu-html .mega-menu-item ol { padding-left: 30px; }
.dummy-hide { display: block !important; visibility: hidden; opacity: 0; }
/******************************
 MEGA-MENU MIXED
*******************************/
.mega-menu .wrapper p span { line-height: 100% !important; }
.mega-menu .mega-menu-column { float: left; margin: 0 0 -10px 0; }
.mega-menu .mega-menu-column:last-of-type > div { margin-right: -20px; }
.mega-menu .mega-menu-column .menu-cms-block { clear: both; margin: 0; }
/**************************************************/
.journal-links .wl-links, .journal-secondary .wl-links { margin: 9%; }
.journal-links, .journal-secondary { z-index: 5; }
.journal-links .links a, .journal-links .links a i, .journal-secondary .links a, .journal-secondary .links a i { font-size: 14px !important; }
.journal-links .links a i, .journal-secondary .links a i { float: left; }
/**************************************************/

/******************************
 Added by jay : 22 Jan 2014
*******************************/
.main-menu a {color:#2f2f2f; font-size:14px; line-height:26px; font-family: 'Montserrat', sans-serif !important; font-weight:500!important;}
	.main-menu a:hover {color:#3BB449; text-decoration:underline;}
.icw-icon-menu {background:url(icons/img-main-menu.png) 0px 0px no-repeat; display:inline-block; width:25px; height:24px; margin-right:5px;}
	.icw-icon-home {background-position:4px -4px;}
	.icw-icon-tuckshop {background-position:-109px -2px;}
	.icw-icon-parent {background-position:-254px -2px;}
	.icw-icon-about {background-position:-395px -7px;}
	.icw-icon-contact {background-position:-524px -1px;}
	.icw-icon-faq {background-position:-651px 1px; width: 28px; height: 26px;}

.icw-icon-side-category{background:url(icons/img-side-category.png) 0px 0px no-repeat; display:inline-block; width:60px; height:60px; margin-right:5px;}
	.icw-icon-food{ background-position:0px 0px;}
	.icw-icon-sides{ background-position:-75px 0px;}
	.icw-icon-drinks{ background-position:-149px 0px;}
	.icw-icon-dessert{ background-position:-226px 0px;}
	.icw-icon-snacks{ background-position:-303px 0px;}
	.icw-icon-treats{ background-position:-378px 0px;}
	.icw-icon-other{ background-position:-451px 0px;}
	
.icw-icon-category {background:url(icons/icon-plus-minus.png) 0px 0px no-repeat; display:inline-block; width:15px; height:15px; margin-right:5px;}
	.icw-icon-plus{ background-position:-27px 0px; margin-left:5px;}
	.icw-icon-minus{ background-position:0px 0px; margin-left:0px;}
	
	.main-menu a:hover .icw-icon-home {background-position:4px -130px;}
	.main-menu a:hover .icw-icon-tuckshop {background-position:-109px -128px;}
	.main-menu a:hover .icw-icon-parent {background-position:-254px -128px;}
	.main-menu a:hover .icw-icon-about {background-position:-395px -128px;}
	.main-menu a:hover .icw-icon-contact {background-position:-524px -127px;}
	.main-menu a:hover .icw-icon-faq {background-position:-651px -125px;}


/* START MOBILE MENU*/
.m-button-nav-toggle { font-size: 1.3em; float: right; border: 0; background: 0 0; color: #000; outline: 0; cursor: pointer }

.m-button-nav-toggle.menuname {display:none; float:right; margin-top:8px;}
		.m-button-nav-toggle.menuname span {display:block; margin:6px 0px; font-weight: 600; font-size: 16px}
		.m-button-nav-toggle.menuname {color:#444444; position:relative; padding:0px 10px; float:right !important; height:36px;}
			/*.m-button-nav-toggle.menuname:before {position:absolute; content:"MENU"; left: -35px;top: 12px; font-size: 12px; color:#DCDCDC;}*/

	.m-menu-header {padding:20px; overflow:hidden;}
		.m-menu-header .m-logo {float:left;}
		.m-menu-header .m-button-nav-toggle {float:right; padding-top:25px;}
			.m-menu-header .m-button-nav-toggle .icon-close {background: url(icons/m-menu-close-green.png) left center no-repeat; width:20px; height:20px; display:inline-block; float:right;}
	
	.m-sub-menu-header {overflow:hidden;}
		.m-sub-menu-header .m-sub-logo {float:left; padding-bottom:10px !important; margin:20px 0px 0px 0px}
	
	.m-nav-main {transition: right .25s ease-in-out; background: #f5f5f5; position: fixed; z-index:99995; overflow-x: hidden; width:100%; right: -100%; top: 0; bottom: 0 }
	.m-nav-main .m-nav-container {transition: left .25s ease-in-out; position: relative; left: 0; height:100%; bottom:0px;}
	.m-nav-main .m-nav-container.show-sub { /*left: -280px*/ }
	.m-nav-main .m-nav-container ul { margin: 0; padding: 0 20px }
	.m-nav-main .m-nav-container ul li { list-style: none;}
	.m-nav-main .m-nav-container ul li a { text-decoration: none; text-transform: uppercase; display: block; padding:4px 20px; color: #444444; font-size: 14px; font-family: 'Open Sans', sans-serif; }
	.m-nav-main .m-nav-container ul li a:hover { color: #3BB449 !important }
	
	.m-nav-main .m-nav-container ul li .m-sub-menu {width: 100%;  height:100%; position: fixed !important; position: absolute; right:-130%; bottom:0px; top: 0; transition: right .25s ease-in-out;}
	.m-nav-main .m-nav-container.show-sub ul li.active .m-sub-menu {right: 0%; top:0px; bottom:0px; transition: right .25s ease-in-out;}
	
	.m-nav-main .m-nav-container ul li ul {width: 100%; height:100%; margin-left:30px; background-color:#f5f5f5; -webkit-box-shadow:-5px 0px 50px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:-5px 0px 50px 0px rgba(50, 50, 50, 0.75);box-shadow:-5px 0px 50px 0px rgba(50, 50, 50, 0.75);   overflow:auto;}
		
	.m-nav-main .m-nav-container ul li ul li { border: 0 }
	.m-nav-main .m-nav-container ul li ul li.nav-label {padding: 10px 0 10px }
		.m-nav-main .m-nav-container ul li ul li.nav-label strong {font-family: 'Open Sans', sans-serif; color:#444444; font-size:20px; cursor:pointer;}
		.m-nav-main .m-nav-container ul li ul li.nav-label strong:hover {color:#3BB449;}
		
		.m-nav-main .m-nav-container ul li ul li.m-sub-menu-header a{float: left; width: initial;}
		
		.m-nav-main .m-nav-container ul li ul li a{display: block; padding: 10px 0px 10px 0px; width: 100%; font-size: 14px;}
			.m-nav-main .m-nav-container ul li ul li a:hover{cursor: pointer;}
		.m-nav-main .m-nav-container ul li ul li a img{display:block; height:50px;}
	
	.m-nav-main .m-nav-container ul li ul li a.back {background: url(icons/m-menu-close-green.png) left center no-repeat; width:20px; height:20px; display:inline-block; float:right;margin-right: 35px; margin-top: 45px; }
	.m-nav-main .m-nav-container ul li.has-sub-nav > a { background: url(icons/m-sub-menu-arrow.png) 98% center no-repeat; transition: background .25s ease-in-out;}
		.m-nav-main .m-nav-container ul li.has-sub-nav > a:hover {background: url(icons/m-sub-menu-arrow.png) 100% center no-repeat}
	.m-nav-main .m-nav-container ul li.has-sub-nav ul a { background: 0 0 }
	.m-nav-main .m-nav-container ul li.active ul { display: block }
	.open .m-nav-main { right: 0 }
	*, :after, :before { box-sizing: border-box }
	body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: sans-serif; line-height: 1.42857143; color: #222; margin: 0 }
	.m-main { transition: right .25s ease-in-out; position: relative; right: 0 }
	.m-main.open { right: 280px }
	
.student-menu { background: url(icons/student.png) 98% center no-repeat; width:50px; height:50px; transition: background .25s ease-in-out;}


@media only screen and (max-width: 760px){
	.m-button-nav-toggle.menuname { display: block; }
	.m-menu-header .m-logo img, .m-nav-main .m-nav-container ul li.has-sub-nav ul a img{width:initial;}
	#header .new-logo img{max-height:53px!important;max-width:150px!important;}
	#header .new-logo{padding-top:12px; padding-left:10px; margin-left: 0;}
	#header .menu-container .menu-logo-div{padding: 10px 0px!important;}

	#header .menu-container{height: 90px!important;}
	
	.m-nav-main .m-nav-container ul li a{padding: 10px 20px; font-size: 18px;}
}
@media only screen and (min-width: 768px) and (max-width: 800px){
	.m-button-nav-toggle.menuname { display: block; position: absolute; top: 30px; right: 0px;}
}
/* End MOBILE MENU */



/******************* New Secondary Menu ***************************/
#header .menu-container {display: block; height: 150px;}
	#header .menu-container .menu-logo-div{padding: 40px 0px; text-align:center;}
	#header .menu-container .menu-link-div{padding: 20px 0px; text-align:center;}
	
	#header .menu-container .mini-site{
		display: block;
    	overflow: hidden;
	}
	#header .menu-container .mini-site a{
		display: block;
		clear: both;
		height: 75px;
		line-height: 24px;
		font-size: 14px;
		padding: 15px 0px;
		color: #444444;
		font-weight: bold;
	}
	#header .menu-container .mini-site a .mst{display: block; background: url(icons/mst.png) center center no-repeat; background-size: 50px; background-position: 0% 0%;
    padding-left: 75px; height:75px;}
  	#header .menu-container .mini-site a .msv{display: block; background: url(icons/msv.png) center center no-repeat; background-size: 50px; background-position: 0% 0%;
    padding-left: 75px; height:75px;}
  	#header .menu-container .mini-site a .mse{display: block; background: url(icons/mse.png) center center no-repeat; background-size: 50px; background-position: 0% 0%;
    padding-left: 75px; height:75px;}
  	#header .menu-container .mini-site a .msf{display: block; background: url(icons/msf.png) center center no-repeat; background-size: 50px; background-position: 0% 0%;
    padding-left: 75px; height:75px;}
	#header .menu-container .mini-site a .msu{display: block; background: url(icons/msu.png) center center no-repeat; background-size: 50px; background-position: 0% 0%;
    padding-left: 75px; height:75px;}

	#header .menu-container .menu-account-div{background-color: #3BB449; /*padding: 20px 25px;*/ text-align:center;}
	#header .menu-container .menu-account-div .new-menu-link{line-height: 23px; font-size: 14px; padding: 65px 0px; color: #fff; display: inline-block; font-weight:bold; height:150px;}
	#header .menu-container .menu-account-div.logged-menu .new-menu-link{padding:20px 0px; height:75px; display:block; text-transform:uppercase;}
	#header .menu-container .menu-account-div.logged-menu .with-balance{height:50px!important;}
	#header .menu-container .menu-account-div.logged-menu .header-balance{font-weight: 600!important}

.checkout-menu-div .new-menu-link{display: block; padding: 45px 0px; text-align: left;  color:#444444;font-weight: 600}
.checkout-menu-div .new-menu-link:hover{color:#3BB449;}	
	
.cart-link {padding: 45px 0px; margin:0px;}
		.cart-link .cart-icon{background: url(icons/green-cart.png) 98% center no-repeat; width:20px; height:20px; transition: background .25s ease-in-out; background-size:contain; display:inline-block; margin:0px 5px -5px 0px;}
		.cart-link li {position:relative; list-style:none;}
		.cart-link li .new-menu-link{line-height:5px !important; color:#444444;font-weight: 600}
		.cart-link li .new-menu-link:hover{color:#3BB449;}
		
		.cart-link .top-li-gray{text-align: center; float: none;	}
			.cart-link li:hover .ul-top-menu {display:block;  animation:mymove 1s ease-out forwards;animation-iteration-count:1;
-webkit-animation:mymove 1s;-webkit-animation-iteration-count:1;}
			.cart-link .ul-top-menu {width:280px;position:absolute; display:none; margin: 0px; z-index: 9999999; top: 30px; padding-top:16px; left:-100px;} 
			.cart-link .ul-top-menu:before{position:absolute; content:"";width: 0;height: 0; top:9px; left:65%; border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #3BB449;}
			
		@keyframes mymove{from {top:5px; opacity: 0;}to {top:15px; opacity: 1;}}
		@-webkit-keyframes mymove {from {top:5px; opacity: 0;}to {top:15px; opacity: 1;}}
			
			.cart-link li .ul-top-menu ul {padding: 10px;  width:auto; list-style:none; margin:0px; background:#3BB449; 
			/*-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);*/}
			.cart-link li ul li {padding:7px 15px; width: auto; border-bottom:1px solid #34a342;border-top:1px solid #75cb81;}
				.cart-link li ul li a {line-height:inherit; height:inherit; padding:0px; color:#fff; font-weight: 600 }
				.cart-link li ul li a:hover {text-decoration:underline; }
				.cart-link li ul li span {line-height:inherit; height:inherit; padding:0px; color:#fff; font-weight: 600; width:90%; }
			
			.cart-link li ul li:first-child {border-top:0px solid #fff; padding-top:2px;}
			.cart-link li ul li:last-child {border-bottom:0px solid #fff; padding-bottom:2px;}

			.cart-link .mini-cart-buttons {background: #fff; padding-top:5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; border: 2px solid #3BB449}
			.cart-link .mini-cart-buttons a {padding: 0px 0px; line-height: 30px; font-size: 16px}
			.cart-link .mini-cart-buttons a:first-child {width: 49%;}
			.cart-link .mini-cart-buttons a:last-child {width: 49%;}
			
			.top-li-gray .ul-top-menu {top:15px;}
			.top-li-gray .ul-top-menu:before {border-bottom: 7px solid #3BB449 !important;}
				.top-li-gray .ul-top-menu ul {background:#3BB449 !important; }
				.top-li-gray .ul-top-menu ul li {border-bottom:1px solid #fff;border-top:1px solid #fff;}
.new-secondary-menu{background: #fff url(icons/header-border.png) 0 0 repeat; width:100%; height:5px;}
.icw-secondary-menu{text-align: center;width: 100%;margin:0px;position: relative;z-index: 5; height: 60px; background-color: #f5f5f5; }
	.icw-secondary-menus {padding: 17px 5px; display:inline-block; margin:0px auto; position:relative;}
		.icw-secondary-menu a{padding-right:30px; color:#444444; font-size: 14px; font-weight:100; font-family: 'Open Sans', sans-serif; vertical-align: baseline;}
		.icw-secondary-menu a.active{font-weight:600;}
		.icw-secondary-menu a:hover{ color:#3BB449; /*text-decoration:underline;*/}
		.change-date span{font-weight: bold;}

.table-responsive {min-height: .01%;overflow-x: auto;}

.icw_my_credittotal_page {padding-top:20px;}

@media only screen and (max-width: 1068px){
	.msc-dropdown{padding:5px 0px !important;}
}
@media only screen and (min-width: 768px) and (max-width: 800px){
	#header .new-logo{margin: 0px -5px;}
	#header .menu-container .mini-site a.mst, #header .menu-container .mini-site a.msv, #header .menu-container .mini-site a.mse, #header .menu-container .mini-site a.msf, #header .menu-container .mini-site a.msu{height: 54px;}
	#header .menu-container .menu-link-div .new-menu-link{font-size:12px;}
	#header .menu-container .menu-account-div .new-menu-link{padding: 50px 0px !important; font-size: 12px; line-height: 18px;}
		#header .menu-container .menu-account-div.logged-menu .new-menu-link{padding: 20px 0px !important;}
	#header .menu-container .menu-link-div, #header .menu-container .menu-account-div{display:none;}
	#header .menu-container .menu-logo-div, #header .menu-container .menu-link-div{padding:20px 0px 0px;}
	#header .menu-container .menu-logo-div, #header .menu-container .cart-link{padding:30px 10px;}
	.new-mainmenu li a{font-weight:normal; font-size:12px;}
	.top-li-gray .ul-top-menu{left:-128px;}
	.cart-link .ul-top-menu:before{left:140px;}
	
	#header .menu-container .menu-link-div.checkout-menu-div .new-menu-link{margin-top: 0px; padding:0px;}	
}

@media only screen and (min-width: 981px) and (max-width: 1024px){
	#header .menu-container .menu-link-div .new-menu-link{font-size:12px;}
	#header .menu-container .menu-account-div .new-menu-link{padding: 50px 0px; font-size: 12px;}
	#header .menu-container .menu-logo-div, #header .menu-container .menu-link-div{padding:20px 0px 0px;}
	.new-mainmenu li a{font-weight:normal; font-size:12px;}
	.top-li-gray .ul-top-menu{left:-128px;}
	.cart-link .ul-top-menu:before{left:180px;}
	
	#header .menu-container .menu-link-div .new-menu-link .cart-icon{width: 15px;}
}
/******************* New Secondary Menu ***************************/


/*************************** Dropdown ***************************/
.msc-dropdown {display: inline-block; vertical-align: middle; float: right; padding: 7.5px 20px;}
	.msc-dropdown>label {
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		display: inline-block;
		position: relative;
		cursor: pointer;
		font-size: 18px;
		-webkit-transition: all .2s;
		transition: all .2s;
		padding: 0 10px;
		color: #444444;
		top: 5px;
	}
	.msc-dropdown>label:after {
		content: "";
		display: block;
		width: 0;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-bottom: 15px solid #c4c4c4;
		position: absolute;
		bottom: -22px;
		left: 50px;
		visibility: hidden
	}
	.msc-dropdown>label .services-dropdown{
		background-image: url(icons/switcher.png);
		background-position: center;
		width: 30px;
		height: 30px;
		display: block;
		background-repeat: no-repeat;
		margin: 0 auto;
		background-size: contain;
		background-color: #3BB449;
	}
	.msc-dropdown>input { display: none }
	.msc-dropdown.active>label { color: #444444 }
	.msc-dropdown.active>label:after { visibility: visible }
	.msc-dropdown>.inner {
		margin-left: -40px;
		z-index:9;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: absolute;
		width: 400px;
		padding: 20px;
		background: white;
		-webkit-box-shadow: 0px 0px 2px 1px #c4c4c4;
		visibility: hidden;
		margin-top: 20px;
		text-align: center
	}
	.msc-dropdown.active .inner { visibility: visible }
	.msc-dropdown>.inner .row{display:block; padding:10px 0px; overflow: auto;}
	.msc-dropdown>.inner a{padding:0px; float: none;}
	.msc-dropdown>.inner .msc-switch{
		display: block;
		background: url(icons/msc.png) center center no-repeat;
		background-size: contain;
		height: 60px;
		background-position: 50% 50%;
    	margin: 0px auto;
	}
	.msc-dropdown>.inner .mst-switch{
		display: block;
		background: url(icons/mst.png) center center no-repeat;
		background-size: contain;
		height: 60px;
		background-position: 50% 50%;
    	margin: 0px auto;
	}
	.msc-dropdown>.inner .msf-switch{
		display: block;
		background: url(icons/msf.png) center center no-repeat;
		background-size: contain;
		height: 60px;
		background-position: 50% 50%;
    	margin: 0px auto;
	}
	.msc-dropdown>.inner .msu-switch{
		display: block;
		background: url(icons/msu.png) center center no-repeat;
		background-size: contain;
		height: 60px;
		background-position: 50% 50%;
    	margin: 0px auto;
	}
	.msc-dropdown>.inner .mse-switch{
		display: block;
		background: url(icons/mse.png) center center no-repeat;
		background-size: contain;
		height: 60px;
		background-position: 50% 50%;
    	margin: 0px auto;
	}
	.msc-dropdown>.inner .msv-switch{
		display: block;
		background: url(icons/msv.png) center center no-repeat;
		background-size: contain;
		height: 60px;
		background-position: 50% 50%;
    	margin: 0px auto;
	}
  .msc-dropdown>.inner .dimmed {
    cursor: default;
  }
  .msc-dropdown>.inner .dimmed:hover {
    color: inherit!important;
  }
  .msc-dropdown>.inner .dimmed >span {
    opacity: 0.4;
  }
  .msc-dropdown>.inner .dashboard-switch{
    display: block;
    background: url(icons/msc.png) center center no-repeat;
    background-size: contain;
    height: 44px;
    background-position: 50% 50%;
      margin: 0px auto;
  }
  .msc-dropdown>.inner .order-switch{
    display: block;
    background: url(icons/order-list.png) center center no-repeat;
    background-size: contain;
    height: 44px;
    background-position: 50% 50%;
      margin: 0px auto;
  }
  .msc-dropdown>.inner .student-switch{
    display: block;
    background: url(icons/happy-child.png) center center no-repeat;
    background-size: contain;
    height: 44px;
    background-position: 50% 50%;
      margin: 0px auto;
  }
  .msc-dropdown>.inner .credit-switch{
    display: block;
    background: url(icons/money.png) center center no-repeat;
    background-size: contain;
    height: 44px;
    background-position: 50% 50%;
      margin: 0px auto;
  }
  .msc-dropdown>.inner .edit-switch{
    display: block;
    background: url(icons/pc.png) center center no-repeat;
    background-size: contain;
    height: 44px;
    background-position: 50% 50%;
      margin: 0px auto;
  }
  .msc-dropdown>.inner .email-setting-switch{
    display: block;
    background: url(icons/mail.png) center center no-repeat;
    background-size: contain;
    height: 44px;
    width: 58px;
    background-position: 50% 50%;
      margin: 0px auto;
  }
  .msc-dropdown>.inner .fundraiser-switch{
    display: block;
    background: url(icons/fund.png) center center no-repeat;
    background-size: contain;
    height: 44px;
    width: 58px;
    background-position: 50% 50%;
      margin: 0px auto;
  }
/*************************** Dropdown ***************************/

/*************************** Sticky Shopping Menu ***************************/
.sticky-shopping-menu-container {
	display: none;
	position: fixed;
	padding: 10px;
	z-index:9999;
	background-color:rgba(232, 232, 232, 1);
	bottom:0px;
	width: 100%;
	left: 0;
}

.sticky-shopping-menu {	
	text-align: center;
	width: 50%;
}
.sticky-menu-link {
    line-height: 20px !important;
    color: #444444;
    font-weight: 600;
    float:left;
}

.sticky-shopping-menu .cart-icon {
    background: url(icons/green-cart.png) 98% center no-repeat;
    width: 20px;
    height: 20px;
    transition: background .25s ease-in-out;
    background-size: contain;
    display: inline-block;
    margin: 0px 5px -5px;
    float:left;
}
.sticky-student {
	float:right;
	color: #444444;
	text-transform: none;
	font-weight: 600;
	line-height: 20px !important;
}
@media only screen and (max-width: 1200px){
	#header .new-logo img {
		max-width: 100%;
	}
}
@media only screen and (max-width: 991px){	
	.msc-dropdown>.inner{margin-left: -5px !important;}
}
@media only screen and (max-width: 800px){
	.sticky-shopping-menu-container {
		display: block;
	}
}
@media only screen and (max-width: 768px){	
	.msc-dropdown>.inner{margin-left: 0 !important; margin-top: 15px;}
	.msc-dropdown>label:after { bottom: -18px;}
}
@media only screen and (max-width: 400px){
	.sticky-shopping-menu-container {
		font-size: 12px;
		padding: 6px;
	}
}
/*************************** Sticky Shopping Menu ***************************/
.cart-bubble {
    background: #EC462F;
    border-radius: 2em;
    -moz-border-radius: 2em;
    -webkit-border-radius: 2em;
    color: #ffffff;
    display: inline-block;
    font-weight: 600;
    line-height: 2em;
    text-align: center;
    width: 2em;
    position: absolute;
    top:-15px;
}

.sticky-cart-bubble {
    background: #EC462F;
    border-radius: 2em;
    -moz-border-radius: 2em;
    -webkit-border-radius: 2em;
    color: #ffffff;
    display: inline-block;
    font-weight: 600;
    line-height: 2em;
    text-align: center;
    width: 2em;
    position: absolute;
	top: 15%;
    margin-left: 2px;
}

.cart-bubble-grey {
	background: #ccc!important;
}

/*
  Journal - The Ultimate Opencart Theme
  Version 2.0.5
  Copyright (c) 2013 Digital Atelier
  http://journal.digital-atelier.com/
*/
/******************************
SLIDER
*******************************/
#content .journal-slider {
  margin-bottom: 20px; }
#content .multi-modules .journal-slider {
  margin-bottom: 0; }

.tp-loader {
  border-radius: 50%; }

.tp-caption {
  line-height: 100%;
  text-align: left;
  -webkit-backface-visibility: hidden; }
  .tp-caption a, .tp-caption a:hover {
    color: inherit; }

a.tp-caption {
  transition: color 0.15s, background-color 0.15s, border-color 0.15s !important; }

.tp-bannertimer, .tp-bannertimer.tp-bottom {
  background-image: none;
  background-color: #ea2e49;
  height: 3px;
  z-index: 98; }

.nav-on-hover .tp-bullets, .nav-on-hover .tparrows {
  opacity: 0; }

.nav-on-hover:hover .tp-bullets, .nav-on-hover:hover .tparrows {
  opacity: 1; }

@media only screen and (min-width: 760px) {
  .side-blocks-active .journal-fullwidth-slider .tp-leftarrow,
  .side-blocks-active .journal-fullwidth-slider .tp-leftarrow.default {
    left: 70px !important; }
  .side-blocks-active .journal-fullwidth-slider .tp-rightarrow,
  .side-blocks-active .journal-fullwidth-slider .tp-rightarrow.default {
    right: 70px !important; } }
.tp-leftarrow,
.tp-leftarrow.default,
.tp-rightarrow,
.tp-rightarrow.default {
  background-image: none;
  background-color: transparent;
  width: auto;
  height: auto;
  padding: 0;
  display: block;
  border-radius: 50%;
  color: white;
  transition: color 0.2s; }
  .tp-leftarrow:before,
  .tp-leftarrow.default:before,
  .tp-rightarrow:before,
  .tp-rightarrow.default:before {
    transition: color 0.2s;
    content: "\e093";
    font-size: 40px;
    color: inherit; }

.tp-rightarrow:before,
.tp-rightarrow.default:before {
  content: "\e094"; }

.tp-bullets .tp-leftarrow.round,
.tp-bullets .tp-rightarrow.round {
  background-image: none; }
  .tp-bullets .tp-leftarrow.round:before,
  .tp-bullets .tp-rightarrow.round:before {
    font-size: 20px;
    top: -3px; }

.tp-bullets.simplebullets.round .bullet {
  background-color: transparent;
  background-image: none;
  transition: all .2s;
  margin-bottom: 2px;
  margin-left: 8px;
  width: 13px;
  height: 13px;
  -webkit-perspective: 1000; }
  .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet:hover {
    background-color: transparent; }
  .tp-bullets.simplebullets.round .bullet:hover:after {
    content: ""; }

.full-thumbs .tp-bullets.tp-thumbs {
  width: 100% !important; }
  .full-thumbs .tp-bullets.tp-thumbs .tp-mask {
    width: 100% !important; }

.tp-bullets.tp-thumbs {
  width: auto !important;
  height: auto !important;
  padding: 0;
  overflow: hidden;
  background-color: transparent; }
  .tp-bullets.tp-thumbs .bullet {
    opacity: 1;
    position: relative; }
    .tp-bullets.tp-thumbs .bullet.selected:before, .tp-bullets.tp-thumbs .bullet:hover:before {
      opacity: 0; }

.tp-bullets.tp-thumbs .bullet {
  position: relative; }
  .tp-bullets.tp-thumbs .bullet:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: black;
    position: absolute;
    transition: opacity .2s;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; }

/******************************
 JOURNAL SLIDER
*******************************/
#content .journal-simple-slider {
  margin-bottom: 20px; }

.backface .journal-simple-slider * {
  -webkit-backface-visibility: hidden; }

.journal-simple-slider {
  overflow: hidden; }
  .journal-simple-slider .js-caption {
    cursor: pointer;
    font-size: 45px;
    font-size: 4.5vh;
    position: absolute;
    z-index: 1;
    background-color: red;
    left: 50%;
    margin-left: -150px;
    bottom: 6%;
    transition: all 0.2s; }
    .journal-simple-slider .js-caption:hover {
      background-color: #ffff00; }
  .journal-simple-slider .owl-wrapper {
    cursor: -webkit-grab;
    cursor: -moz-grab; }
  .journal-simple-slider .owl-item {
    position: absolute; }
    .journal-simple-slider .owl-item img {
      width: 100%;
      height: auto;
      float: left; }
  .journal-simple-slider .owl-pagination {
    width: 100%;
    bottom: 8px;
    position: absolute;
    transition: all 0.2s;
    z-index: 99; }
  .journal-simple-slider .owl-controls .owl-buttons div {
    transition: all 0.2s;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .journal-simple-slider .owl-controls .owl-buttons .owl-prev {
    left: 15px;
    top: 50%;
    transition: all 0.2s;
    z-index: 99; }
    .journal-simple-slider .owl-controls .owl-buttons .owl-prev:before {
      content: "\e093";
      font-size: 30px; }
  .journal-simple-slider .owl-controls .owl-buttons .owl-next {
    right: 15px;
    top: 50%;
    transition: all 0.2s;
    z-index: 99; }
    .journal-simple-slider .owl-controls .owl-buttons .owl-next:before {
      content: "\e094";
      font-size: 30px; }
  .journal-simple-slider.nav-on-hover .owl-controls .owl-buttons div, .journal-simple-slider.nav-on-hover .owl-pagination {
    visibility: hidden;
    opacity: 0; }
  .journal-simple-slider.nav-on-hover:hover .owl-controls .owl-buttons div, .journal-simple-slider.nav-on-hover:hover .owl-pagination {
    visibility: visible;
    opacity: 1; }

/******************************
FULLSCREEN SLIDER
*******************************/
.journal-fullscreen-slider {
  position: fixed;
  width: 100%;
  height: 100%;
  padding: 0;
  top: 0;
  z-index: -1; }
  .journal-fullscreen-slider .tp-loader {
    display: none; }

.transparent-overlay {
  background-repeat: repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 99; }

/******************************
CUSTOM SECTIONS
*******************************/
.section-brand .quickview-button,
.section-category .quickview-button,
.carousel-brand .quickview-button,
.carousel-category .quickview-button {
  display: none; }
.section-brand .product-details,
.section-category .product-details,
.carousel-brand .product-details,
.carousel-category .product-details {
  padding-bottom: 0; }

#top-modules .journal2_custom_sections:before,
#bottom-modules .journal2_custom_sections:before {
  content: "";
  height: 40px;
  position: absolute;
  left: -20px;
  right: 0; }

#content .custom-sections {
  margin-bottom: 20px; }

.box-heading.box-sections {
  padding: 0; }

.box-sections ul {
  margin: 0;
  padding: 0;
  display: table;
  width: 100%;
  table-layout: fixed; }
  .box-sections ul li {
    list-style: none;
    border-right: 1px solid white;
    display: table-cell; }
    .box-sections ul li a {
      display: block;
      text-align: center;
      padding: 0 5px;
      color: white;
      font-size: inherit;
      transition: all .2s;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      height: 40px;
      line-height: 40px; }
  .box-sections ul li:last-of-type {
    border-right: 0; }

.single-section .box-heading ul li a {
  cursor: default;
  padding-left: 10px;
  text-align: left; }
  .single-section .box-heading ul li a:hover {
    background-color: inherit; }

.isotope-item {
  z-index: 2; }

.backface .isotope-item {
  -webkit-backface-visibility: hidden; }

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1; }

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  -ms-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s; }

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width; }

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity; }

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s; }

/******************************
 CAROUSEL
*******************************/
#top-modules .journal-carousel, #bottom-modules .journal-carousel {
  margin: 0 auto; }

.owl-carousel .owl-item {
  position: relative;
  z-index: 1; }

.journal-carousel > div {
  overflow: hidden; }
.journal-carousel .product-grid-item {
  margin-bottom: 0; }
.journal-carousel .owl-wrapper-outer {
  margin-bottom: 20px;
  z-index: 0; }
.journal-carousel .tab-content {
  padding: 0;
  margin-top: 0;
  background-color: transparent;
  margin-bottom: 0;
  overflow: visible;
  border: 0;
  z-index: 100; }
.journal-carousel .owl-buttons {
  display: block; }
  .journal-carousel .owl-buttons div {
    position: absolute;
    top: -53px;
    right: 0;
    height: 32px;
    width: 32px;
    line-height: 32px;
    font-size: 25px;
    margin: 0;
    border-radius: 0;
    cursor: pointer;
    background-color: transparent;
    color: white;
    transition: color .2s, background-color .2s; }
  .journal-carousel .owl-buttons .owl-prev {
    right: 30px; }
.journal-carousel .owl-next:before {
  content: "\e094";
  padding: 0 3px;
  transition: color .2s, background-color .2s; }
.journal-carousel .owl-prev:before {
  content: "\e093";
  padding: 0 3px;
  transition: color .2s, background-color .2s; }
.journal-carousel .side-buttons div {
  top: 50% !important;
  right: 5px;
  margin-top: -50px; }
.journal-carousel .side-buttons .owl-prev {
  left: 5px; }
.journal-carousel .htabs {
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0; }
  .journal-carousel .htabs a {
    background-color: transparent;
    box-shadow: none;
    border-right-style: solid;
    border-right-width: 1px;
    border-color: #333745;
    color: inherit;
    height: 40px;
    transition: background-color 0.2s, color .2s;
    float: left;
    padding: 0 15px; }
.journal-carousel .htabs.single-tab a, .journal-carousel .htabs.single-tab a.selected, .journal-carousel .htabs.single-tab a:hover {
  border: none;
  cursor: default;
  background-color: transparent; }
.journal-carousel .htabs.single-tab a {
  padding: 0; }

.owl-controls {
  text-align: center; }

.owl-pagination {
  margin-top: -11px;
  margin-bottom: 9px; }

.owl-controls.clickable .owl-buttons div:hover {
  opacity: 1;
  text-decoration: none; }

.owl-controls .owl-page {
  display: inline-block; }

.owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 3px 3px 0 3px;
  background-color: transparent;
  -webkit-perspective: 1000;
  transition: all .2s; }

.owl-controls .owl-page.active span,
.owl-controls.clickable .owl-page:hover span {
  background-color: transparent; }

.owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: white;
  padding: 2px 10px;
  font-size: 12px;
  border-radius: 30px; }

.carousel-category .side-buttons div, .carousel-brand .side-buttons div {
  margin-top: -25px; }

/******************************
 BANNER
*******************************/
.banner {
  position: relative;
  margin: 0 auto;
  margin-bottom: -2px; }

.banner div {
  text-align: center;
  display: none;
  margin: 0 auto; }

/******************************
 FILTER MODULE
*******************************/
#content .box-filter {
  display: block;
  overflow: hidden;
  width: 100%;
  position: relative;
  margin-top: -15px;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 20px; }

#content #button-filter {
  margin: 15px 0;
  float: right; }

#content .box-filter > li {
  max-width: 200px;
  float: left;
  margin-right: 10px; }

#content .box-filter > li > span {
  font-size: 15px;
  font-weight: bold;
  padding: 8px 8px 12px 0;
  display: block;
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 8px;
  padding-left: 8px; }

#column-right .box-filter > li,
#column-left .box-filter > li {
  min-height: 40px;
  width: 100%;
  display: table; }

#column-right .box-filter > li > span,
#column-left .box-filter > li > span {
  font-size: 15px;
  font-weight: bold;
  padding: 8px 8px 8px 0;
  min-height: 40px;
  display: block;
  padding-left: 15px;
  line-height: 1.5;
  border-bottom: 1px solid #dbdbdb; }

#column-right #button-filter,
#column-left #button-filter {
  margin: 15px; }

#column-right .box-content .box-filter li ul,
#column-left .box-content .box-filter li ul {
  display: block;
  padding-left: 10px;
  padding-top: 5px; }

/******************************
 WELCOME MODULE
*******************************/
.welcome {
  margin-bottom: 15px; }
  .welcome h1 {
    border-bottom: 1px solid transparent;
    padding-bottom: 4px; }
  .welcome p {
    font-weight: normal;
    font-size: 13px;
    padding-top: 5px; }

.side-column .welcome {
  padding: 10px;
  margin-bottom: 0;
  clear: both; }
  .side-column .welcome h1 {
    margin-bottom: 8px; }

/******************************
STORE PICKER
*******************************/
#content .store-picker, .side-column .store-picker {
  padding: 10px 10px 0 10px; }
  #content .store-picker p, .side-column .store-picker p {
    text-align: left !important;
    padding: 0 0 5px 0; }

/******************************
CMS BLOCKS
*******************************/
.cms-blocks, .static-banners {
  /* display: table; */
  width: 100%; }
  .cms-blocks .blocks, .static-banners .blocks {
    margin-right: -20px; }
  .cms-blocks .box-heading, .static-banners .box-heading {
    margin-bottom: 20px; }

.cms-block {
  position: relative;
  padding-right: 20px;
  margin-bottom: 20px; }
  .cms-block ul, .cms-block ol {
    padding: 10px 0 0 25px;
    margin: 0; }
  .cms-block img {
    max-width: 100% !important;
    height: auto !important; }

.gecko .side-column img, .ie .side-column img {
  max-width: 200px !important; }

.block-content {
  /* display: table; */
  max-height:none !important;
  width: 100%; }

p img {
  max-width: 100% !important;
  height: auto !important; }

.block-icon {
  text-align: center;
  -webkit-backface-visibility: hidden; }
  .block-icon i {
    margin: 0 !important; }

.block-icon-left {
  float: left;
  margin-right: 10px; }

.block-icon-top {
  margin: 0 auto 10px auto; }

/******************************
 STATIC BANNERS
*******************************/
.static-banners > div {
  margin-right: -20px; }

.static-banner {
  position: relative;
  padding-right: 20px;
  margin-bottom: 20px; }
  .static-banner img {
    width: 100%;
    float: left; }
  .static-banner .banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 20px;
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s; }
    .static-banner .banner-overlay i {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -17px;
      margin-left: -15px;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      transform: scale(0);
      transition: all .2s; }
  .static-banner:hover .banner-overlay {
    transition: all 0.2s;
    visibility: visible;
    opacity: 1; }
    .static-banner:hover .banner-overlay i {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      transform: scale(1); }
  .static-banner .block-content {
    display: block; }

#content .static-banners {
  margin-bottom: 0; }

/******************************
 TEXT ROTATOR
*******************************/
.journal-rotator {
  margin-bottom: 20px; }

.text-rotator.bullets-on.bullets-center .quovolve-nav {
  bottom: -5px; }

.rotator-image {
  margin: 15px;
  display: block;
  max-width: 200px;
  float: left;
  position: relative; }

.rotator-image.image-center {
  margin: 15px auto 0 auto !important; }

.rotator-text {
  padding: 15px 15px 0 15px;
  display: block;
  line-height: 100%;
  position: relative;
  font-weight: inherit;
  font-size: inherit; }
  .rotator-text > div {
    float: left; }

.has-cta .rotator-text {
  display: inline-block; }

.cta-center .rotator-text, .cta-right .rotator-text {
  padding-bottom: 5px; }

.cta-center .rotator-text {
  display: block;
  margin-bottom: 5px; }

.rotator-author {
  display: block;
  margin-top: 8px;
  position: relative;
  padding: 0 15px; }

.bullets-on .rotator-author {
  padding-bottom: 8px; }
.bullets-on .quote {
  padding-bottom: 20px; }

.bullets-off .rotator-author {
  margin-bottom: 10px; }

.quovolve-nav {
  position: absolute;
  width: 100%;
  bottom: 0;
  margin: 0;
  padding: 0; }
  .quovolve-nav ol {
    margin: 0;
    text-align: right;
    padding: 0 10px 7px 20px; }
    .quovolve-nav ol li {
      list-style: none;
      display: inline-block; }

.headline-mode .quote.has-cta.cta-center {
  overflow: visible; }

.quote {
  text-align: left;
  overflow: hidden; }
  .quote .cta {
    position: relative !important; }
    .quote .cta i {
      float: left; }

.headline-mode .rotator-text {
  padding: 14px 0 15px 0; }
.headline-mode .quovolve-nav ol {
  padding-bottom: 2px; }
.headline-mode .quote .button-icon-right i {
  margin-right: 0 !important;
  margin-left: 7px;
  float: right; }
.headline-mode.align-left {
  padding-left: 20px;
  padding-right: 20px; }

.bullets-left .quovolve-nav ol {
  text-align: left; }

.bullets-center .quovolve-nav ol {
  text-align: center; }

.bullets-right .quote {
  padding-bottom: 30px; }
.bullets-right .quovolve-nav ol {
  text-align: right; }

.nav-numbers a {
  color: transparent !important;
  background-color: transparent;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin: 4px;
  text-decoration: none;
  transition: all 0.2s;
  -webkit-perspective: 1000; }
  .nav-numbers a:hover:after {
    content: ""; }

/******************************
 PHOTO GALLERY
*******************************/
.journal-gallery .box-heading {
  margin-bottom: 15px; }
.journal-gallery .box-content {
  width: auto; }
.journal-gallery .owl-carousel .gallery-thumb {
  margin-bottom: 0; }

.journal-gallery.journal-carousel .owl-buttons div {
  top: -51px; }

.oc-module {
  display: table; }

.backface .oc-module * {
  -webkit-transform: translateZ(0) scale(1, 1); }

#top-modules .journal-gallery .owl-pagination, #bottom-modules .journal-gallery .owl-pagination {
  padding: 7px 0; }

.gallery-thumb {
  padding-right: 15px;
  margin-bottom: 15px;
  overflow: hidden; }
  .gallery-thumb a {
    display: block;
    position: relative;
    overflow: hidden; }
    .gallery-thumb a:before {
      content: "\e015";
      position: absolute;
      font-size: 30px;
      color: white;
      left: 50%;
      top: 50%;
      margin-left: -16px;
      margin-top: -16px;
      z-index: 99;
      transition: all .2s;
      visibility: hidden;
      opacity: 0;
      padding: 0 2px;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      transform: scale(0); }
  .gallery-thumb img {
    width: 100%;
    float: right; }
  .gallery-thumb .item-hover {
    position: absolute;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden;
    transition: all .2s;
    -webkit-transition: opacity 0;
    border-radius: inherit; }

.gallery-thumb > a:hover .item-hover {
  transition: all .2s;
  visibility: visible;
  opacity: 1; }

.gallery-thumb > a:hover:before {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1); }

/******************************
ADVANCED GRID
*******************************/
.multi-modules {
  overflow: hidden; }
  .multi-modules .static-banner, .multi-modules .journal-simple-slider, .multi-modules .static-banners > div {
    margin: 0 !important;
    padding: 0 !important; }
    .multi-modules .static-banner .banner-overlay, .multi-modules .journal-simple-slider .banner-overlay, .multi-modules .static-banners > div .banner-overlay {
      right: 0; }
  .multi-modules .tp-banner-container {
    height: auto !important; }

.multi-modules-column {
  margin-top: 0 !important; }

.multi-modules-row {
  overflow: hidden;
  position: relative; }

#top-modules .multi-modules .static-banners, #bottom-modules .multi-modules .static-banners {
  padding: 0 !important; }

.container-dimensions {
  position: absolute;
  top: 10px;
  left: 10px;
  color: red;
  z-index: 97;
  display: none; }

.multi-modules-row:hover .container-dimensions {
  display: block; }

.multi-modules-row .journal-carousel + .container-dimensions {
  display: none; }

/******************************
NEWSLETTER
*******************************/
.journal-newsletter {
  margin-bottom: 20px; }
  .journal-newsletter .box-content {
    border-radius: inherit; }
    .journal-newsletter .box-content:after {
      content: "";
      display: block;
      clear: both;
      height: 0; }
  .journal-newsletter input + .button {
    margin-top: 10px; }
  .journal-newsletter.text-left .newsletter-text {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 50%;
    padding-right: 20px;
    text-align: left;
    line-height: 17px; }
  .journal-newsletter.text-left .newsletter-input-wrap {
    display: block;
    position: relative;
    float: left;
    width: 100%; }
    .journal-newsletter.text-left .newsletter-input-wrap input {
      width: 100%;
      height: 100%;
      box-shadow: none; }
    .journal-newsletter.text-left .newsletter-input-wrap .newsletter-button {
      position: absolute;
      top: 5px;
      right: 3px; }
    .journal-newsletter.text-left .newsletter-input-wrap input + .button {
      margin-top: 0; }
  .journal-newsletter.text-top .newsletter-text {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    text-align: left;
    line-height: 18px; }
  .journal-newsletter.text-top .newsletter-input-wrap {
    display: block;
    position: relative;
    width: 100%; }
    .journal-newsletter.text-top .newsletter-input-wrap input {
      width: 100%;
      height: 100%;
      box-shadow: none;
      border: 0; }
    .journal-newsletter.text-top .newsletter-input-wrap .newsletter-button {
      position: absolute;
      top: 5px;
      right: 3px; }
    .journal-newsletter.text-top .newsletter-input-wrap input + .button {
      margin-top: 0; }

.side-column .journal-newsletter .newsletter-text {
  float: none;
  width: 100% !important;
  margin-bottom: 10px;
  padding: 0; }
.side-column .journal-newsletter .newsletter-input-wrap {
  float: none;
  width: 100% !important;
  height: auto !important;
  text-align: center; }
  .side-column .journal-newsletter .newsletter-input-wrap .newsletter-button {
    position: relative;
    left: auto !important;
    right: auto !important;
    width: 100%; }
  .side-column .journal-newsletter .newsletter-input-wrap input + .button {
    margin-top: 0; }

/******************************
 SUPER FILTER
*******************************/
.main-products {
  position: relative;
  display: table; }

.ie .main-products, .safari5 .main-products {
  width: 100%; }

.product-list .sf-loader {
  right: 0; }

.sf-loader {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.6);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" !important;
  font-size: 14px;
  z-index: 99;
  left: 0;
  top: 20px;
  right: 20px;
  bottom: 20px;
  overflow: hidden; }
  .sf-loader span {
    padding: 5px 10px;
    display: block;
    -webkit-font-smoothing: auto; }

.side-column .journal-sf .box-filter > li {
  min-height: 0; }

.sf-reset {
  position: absolute;
  right: 10px;
  top: 11px;
  z-index: 99;
  transition: color .2s; }
  .sf-reset .sf-reset-icon:after {
    font-size: 15px; }

.sf-reset-icon:after {
  content: "\e601";
  font-size: 14px;
  position: relative;
  margin-left: 5px;
  float: right; }

.sf-text {
  right: 7px; }
  .sf-text .sf-reset-icon {
    display: none; }

.sf-icon {
  top: 10px; }
  .sf-icon:before {
    border-top-color: #428bca;
    display: block; }
  .sf-icon:after {
    display: block;
    background-color: #428bca;
    padding: 6px 9px; }
  .sf-icon .sf-reset-text {
    display: none; }
  .sf-icon .sf-reset-icon:after {
    font-size: 20px;
    position: relative;
    margin-left: 1px;
    top: -2px; }

.sf-price .ui-slider-horizontal {
  height: auto; }
.sf-price .ui-widget-content {
  border: none;
  background: white; }
.sf-price .ui-widget-header {
  background: #ea2e49;
  border: none; }
.sf-price .ui-slider-handle {
  width: 16px;
  height: 16px;
  top: 0;
  cursor: pointer;
  background: #428bca;
  border: 0;
  border-radius: 0;
  transition: background 0.2s; }
.sf-price .value {
  position: absolute;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  color: white;
  background: #428bca;
  top: 23px;
  left: 50%;
  margin: 0 0 0 -18px;
  min-width: 36px;
  text-align: center;
  display: block;
  padding: 2px 3px; }
  .sf-price .value:after {
    content: "";
    position: absolute;
    border: 7px solid transparent;
    border-bottom: 7px solid #428bca;
    border-radius: 0;
    top: -12px;
    left: 50%;
    margin-left: -7px; }
.sf-price .price-range-both.value {
  min-width: 72px;
  margin: 0 0 0 -36px;
  top: 19px; }
.sf-price .price-range-both {
  display: none; }

.journal-sf {
  position: relative; }
  .journal-sf .box-content {
    display: block;
    overflow: auto; }
  .journal-sf .sf-price .box-content {
    overflow: visible; }
  .journal-sf:before {
    border-top-color: #428bca;
    display: block; }
  .journal-sf:after {
    display: block;
    background-color: #428bca;
    padding: 6px 9px;
    border-radius: 3px; }
  .journal-sf ul {
    border-radius: inherit;
    overflow: hidden; }
    .journal-sf ul li {
      border-bottom: 1px solid #333745; }
      .journal-sf ul li:last-of-type {
        border-bottom: none; }
    .journal-sf ul label {
      width: 100%;
      display: block;
      transition: color 0.2s;
      font-weight: normal;
      margin: 0;
      padding: 0; }
      .journal-sf ul label img {
        transition: border-color 0.1s; }
      .journal-sf ul label input[type=checkbox] {
        position: relative;
        margin: 0 5px 0 0; }
    .journal-sf ul.hide-checkbox label input[type=checkbox] {
      display: none; }

.journal-sf .sf-both ul label img {
  vertical-align: middle;
  margin: 0 5px 0 22px;
  float: left;
  display: block;
  max-width: 42px; }
.journal-sf .sf-both ul label .sf-name {
  line-height: 100%;
  vertical-align: middle;
  display: table-cell;
  height: 42px;
  max-width: 135px; }
.journal-sf .sf-both ul label input[type=checkbox] {
  position: absolute;
  left: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }
.journal-sf .sf-both ul.hide-checkbox label img {
  margin-left: 0; }
.journal-sf .sf-both ul.hide-checkbox label input[type=checkbox] {
  display: none; }
.journal-sf .sf-image .box-content {
  overflow: hidden;
  max-height: 310px; }
  .journal-sf .sf-image .box-content ul {
    display: block; }
    .journal-sf .sf-image .box-content ul li {
      border-bottom: none !important;
      float: left;
      width: 25%;
      padding: 0; }
    .journal-sf .sf-image .box-content ul label {
      width: 100%;
      display: block; }
      .journal-sf .sf-image .box-content ul label img {
        display: block;
        margin: 0;
        width: 100%; }
      .journal-sf .sf-image .box-content ul label input[type=checkbox] {
        display: none; }
    .journal-sf .sf-image .box-content ul.hide-checkbox label input[type=checkbox] {
      display: none; }

/******************************
 POPUP
*******************************/
.mfp-removing .journal-popup {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7); }
.mfp-removing.mfp-bg {
  opacity: 0;
  transition: all 0.2s ease-in-out; }

.has-popup body {
  overflow-y: scroll; }

.journal-popup {
  position: relative;
  background: #FFF;
  margin: 0px auto; }
  .journal-popup .journal-newsletter {
    margin-bottom: 0;
    padding: 0 20px; }
    .journal-popup .journal-newsletter .box-content {
      padding: 0 !important;
      background-color: transparent !important; }
  .journal-popup .mfp-close {
    color: white;
    top: -38px;
    right: -16px; }
  .journal-popup * {
    box-sizing: border-box; }
  .journal-popup .journal-popup-header-content {
    text-align: center;
    border: 0; }

.journal-popup-content {
  overflow: hidden; }

.journal-popup-content.overflow-on {
  overflow: auto; }

.journal-popup-header,
.journal-popup-footer,
.journal-popup-newsletter {
  display: table;
  width: 100%; }

.journal-popup-header-content,
.journal-popup-footer-content,
.journal-popup-newsletter-content {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

.journal-popup-footer-content {
  text-align: left;
  padding-left: 5px;
  background-color: #f4f4f4; }
  .journal-popup-footer-content .button {
    line-height: 38px; }

.dont-show-label label {
  font-weight: normal; }
.dont-show-label input[type='checkbox'] {
  margin-right: 0;
  position: relative; }

.firefox .dont-show-label input[type='checkbox'] {
  margin-right: 0;
  margin-left: 10px; }
.firefox .journal-popup-footer-content .button {
  line-height: 39px; }

.journal-popup-footer-content.has-btn {
  text-align: center; }
  .journal-popup-footer-content.has-btn .button:first-of-type {
    margin-right: 8px; }
  .journal-popup-footer-content.has-btn .dont-show-label {
    position: absolute;
    left: 0;
    margin-top: 9px; }

/******************************
MOBILE
*******************************/
.has-popup.tablet body {
  position: fixed;
  width: 100%; }

@media only screen and (max-width: 760px) {
  .journal-popup, .mfp-bg, .mfp-wrap {
    display: none !important; } }



/*
  Journal - The Ultimate Opencart Theme
  Version 2.0.5
  Copyright (c) 2013 Digital Atelier
  http://journal.digital-atelier.com/
*/
/******************************
 SHOPPING CART
*******************************/
.cart-info .d .stock {
  color: red; }
.cart-info .name {
  max-width: 400px;
  text-align: left; }
  .cart-info .name a {
    font-weight: bold; }
.cart-info .image {
  text-align: center;
  width: 60px; }
  .cart-info .image img {
    margin: 5px 0;
    float: left;
    margin-left: 10px; }
.cart-info .quantity {
  /*min-width: 110px;*/ }
.cart-info .date {
  min-width: 80px;
  text-align: left; }
.cart-info .date .date-selector {
  width: 80% ; }
.cart-info .action {
  min-width: 40px;
  text-align: left; }
.cart-info .price, .cart-info .total {
  font-weight: bold;
  text-align: right; }
.cart-info table {
  overflow: hidden; }
.cart-info td {
  padding: 5px 10px 5px 5px;
  text-align: center; }
.cart-info thead td {
  height: 40px;
  font-weight: bold;
  border-bottom: none;
  font-size: 13px; }
.cart-info tbody td {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #e4e4e4; }
.cart-info tbody td.image {
  padding-left: 0; }
.cart-info tbody tr:last-of-type td {
  border-bottom: none; }

#content.sc-page .content p {
  padding: 10px;
  font-size: 13px; }
#content.sc-page .content table.radio .highlight td {
  border-bottom: 1px solid #e4e4e4; }
#content.sc-page .content table.radio .highlight:last-of-type td {
  border-bottom: none; }

.cart-module > div {
  display: none; }
  .cart-module > div form {
    padding-left: 10px; }
    .cart-module > div form input[type='text'] {
      max-width: 240px;
      margin: 20px 0; }
  .cart-module > div input[name='postcode'] {
    width: 100px;
    margin-left: 6px;
    margin-top: 5px; }

#shipping table {
  padding: 10px 0;
  width: 45%; }
  #shipping table td:first-of-type {
    font-weight: bold; }
#shipping select {
  width: 150px; }
#shipping .button {
  margin: 10px 0; }

.cart-total {
  /*overflow: auto;
  padding: 8px;
 padding:8px 15px; */}
.cart-total .row{padding:5px 0px; width:100%; float:left;}
.cart-total .right {text-align:right;}
  .cart-total table {
    float: right; }
  .cart-total td {
    padding: 4px;
    text-align: right; }

.cart-option-note {
  color: #3BB449;
  display: inline-block;
}

label {
  line-height: 1.5;
  font-size: 13px;
  position: relative; }

#total .right {
  font-size: 14px;
  width: 87%;
  font-weight: bold; }

.quantity input[type='text'] {
  width: 30px;
  text-align: center; }

.action-area {
  overflow: hidden; }
  .action-area h3 {
    padding: 10px 12px; }

/******************************
 CHECKOUT PAGE
*******************************/
.checkout {
  margin-bottom: 20px;
  overflow: hidden; }
  .checkout select {
    margin: 0; }
  .checkout div:last-of-type .checkout-heading {
    border-bottom: none; }

.checkout-heading {
  border-bottom: 1px solid #333745;
  font-size: 13px;
  min-height: 35px;
  padding: 10px;
  clear: both; }

.checkout-heading a {
  float: right;
  margin-top: 1px;
  font-weight: normal;
  text-decoration: none; }

.checkout-content {
  padding: 0 0 15px 0;
  display: none;
  position: relative; }
  .checkout-content:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0; }
  .checkout-content p {
    padding: 10px 0; }
  .checkout-content .left {
    float: left;
    width: 50%; }
  .checkout-content .right {
    float: right;
    width: 48%; }
  .checkout-content .left p:last-of-type {
    min-height: 92px; }
  .checkout-content .buttons {
    margin-bottom: 0;
    clear: both; }
    .checkout-content .buttons .right {
      width: 100%; }
  .checkout-content textarea {
    width: 100% !important;
    margin-top: 15px; }

#payment-address h2 {
  margin-bottom: 15px; }

.checkout-product .total {
  font-weight: bold; }
.checkout-product td {
  padding: 15px; }
.checkout-product thead td {
  font-weight: bold;
  padding: 13px; }
.checkout-product .name,
.checkout-product .model {
  text-align: left; }
.checkout-product .quantity,
.checkout-product .price,
.checkout-product .total {
  text-align: right; }
.checkout-product tbody td {
  border-bottom: 1px solid #f4f4f4; }
.checkout-product tfoot td {
  text-align: right;
  padding: 6px 15px; }

.checkout .section-hr{padding-top:0px; margin-bottom:30px;}

.wait {
  position: absolute;
  padding-top: 12px;
  right: -10px;
  bottom: 30px; }

.newsletter-page table.form {
  padding-top: 0; }

/******************************
 RETURNS
*******************************/
.returns > h1 + p {
  margin-bottom: 15px; }
.returns form h2, .returns form .content {
  margin-bottom: 15px; }
.returns .left {
  float: none; }
.returns .buttons .left {
  float: left; }

@media only screen and (max-width: 980px) {
  .return-product > div {
    width: 100%;
    display: block; }
    .return-product > div input {
      margin: 3px 0; }

  .return-detail > div {
    width: 100%;
    display: block; }

  .return-reason {
    margin-bottom: 20px; } }
/******************************
 SITEMAP
*******************************/
.sitemap-info {
  overflow: auto;
  padding-bottom: 20px; }
  .sitemap-info ul {
    margin: 0;
    padding: 0; }
    .sitemap-info ul li {
      list-style: none;
      padding: 2px;
      margin-bottom: 1px;
      font-weight: bold; }
  .sitemap-info > div {
    float: left;
    width: 50%;
    padding-left: 7px; }
    .sitemap-info > div > ul {
      padding: 10px 0 5px 15px; }
    .sitemap-info > div > ul > li ul {
      margin-left: 7px; }
      .sitemap-info > div > ul > li ul > li a {
        font-weight: normal; }
    .sitemap-info > div > ul > li > ul li:before {
      font-size: 12px; }
  .sitemap-info > div:first-of-type {
    padding-left: 0;
    padding-right: 10px; }

/******************************
BRANDS
*******************************/
.header-default-sticky .manufacturer-list a[id]:before, .header-slim-sticky .manufacturer-list a[id]:before {
  content: "";
  display: block;
  height: 120px;
  margin-top: -120px; }

.header-center-sticky .manufacturer-list a[id]:before {
  content: "";
  display: block;
  height: 150px;
  margin-top: -150px; }

.manufacturer-list:first-of-type {
  margin-top: 10px; }

.manufacturer-list {
  overflow: auto; }
  .manufacturer-list ul {
    float: left;
    width: 25%;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 10px; }

.manufacturer-heading {
  background: #5f6874;
  font-size: 15px;
  font-weight: bold;
  padding: 5px 8px;
  margin-bottom: 6px; }

.manufacturer-content {
  padding: 8px; }

.manufacturer-list ul {
  float: left;
  width: 25%;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 10px; }

/******************************
 CONTACT PAGE
*******************************/
.contact-page h2 {
  margin-bottom: 15px; }
.contact-page .buttons {
  margin-top: 15px; }
.contact-page .content b {
  margin-bottom: 5px;
  display: inline-block; }

.contact-info {
  overflow: auto; }

.contact-info > div > div {
  float: left;
  width: 48%;
  margin-bottom: 10px; }

/******************************
 SEARCH PAGE
*******************************/
#content.search-page .buttons + h2 {
  margin-bottom: 15px; }
#content.search-page .content {
  margin: 15px 0; }
  #content.search-page .content input[type="text"] {
    width: 265px; }
  #content.search-page .content select {
    margin: 10px; }

.scrollbox {
  border: 1px solid #CCCCCC;
  width: 100%;
  max-width: 350px;
  height: 96px;
  background: #FFFFFF;
  overflow-y: scroll;
}

/************************ FAQ Page v2 ******************************/
.faq-tab {width: auto; }
.faq-title{font-size: 36px; font-family: 'Open Sans', sans-serif; font-weight: 100; text-align: center; padding:10px 0px; display:block; color: #444444;}
.faq-sub-title{font-size: 14px; color: #444444; display: block; padding: 0px 0px 50px; text-align: center; font-family: 'Open Sans', sans-serif; font-weight: 400;} 
.tabs-faq { height:51px; width:30%; clear: both; background:#e7e7e7; margin:0px auto !important; padding:0px !important; list-style:none; -webkit-border-radius: 4px;
-moz-border-radius: 4px;border-radius: 4px; overflow:hidden }
  .tabs-faq li { float: left; width:50%; text-align:center;}
  .tabs-faq li.current { position: relative; background-color: #02c04a; z-index: 5; }
  .tabs-faq li a { padding: 14px; color: #444444; text-decoration: none; font-family: 'Open Sans', sans-serif; font-weight:700; display:block; height: 51px; line-height:21px;}
  .tabs-faq .current a { color: #fff; }
.tab-contents {width:auto;}
.tab-content-faq {display: none; text-align:center; }
  .tab-content-faq .sub-title{color:#444444; font-size:12px; font-family: 'Open Sans', sans-serif; display:inline-block; padding:0px 0px 20px;}
  #parent { display: block; }
  
  
.faq-section{
  border-bottom: 1px solid #e5e5e5;
  overflow:hidden;
}
.faq-group-title{color: #02C04A;text-transform: uppercase;font-size: 14px; font-weight: 700; padding: 32px 30px; display: inline-block;}


/********************************** Terms Page **********************************/
.terms-section{
  border-bottom: 1px solid #e5e5e5;
  overflow:hidden;
}
.terms-main-content{
  display: block;
    padding-top: 20px;
    text-decoration: none;
    color: #444444;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
}
/********************************** Terms Page **********************************/

/********************************** Titles **********************************/

.main-title {
    font-size: 36px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    text-align: center;
    padding: 45px 0px 10px;
    display: block;
    color: #444444;
    line-height:35px;
}
.main-sub-title {
    font-size: 14px;
    color: #444444;
    display: block;
    padding: 0px 0px 25px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

@media only screen and (max-width: 767px){
  .main-title {line-height:40px;}
  .form-section label{text-align: center; padding: 0px 0px 30px; display: block;}
  
  .resp-center{float:none !important; text-align:center !important;}
}
@media only screen and (max-width: 1024px){
  .extended-layout #content{padding: 20px 0px !important;}
}
/********************************** Titles **********************************/

/********************************** Links **********************************/
.new-link{color: #444444; font-weight: 600; text-decoration: underline;}
.new-link:hover{color:#3BB449;}
/********************************** Links **********************************/

/****************************** Topup Page v2 ******************************/
.topup-fund-div{font-family: 'Open Sans', sans-serif; overflow:hidden; display:block; clear:both;}
  .topup-fund-div .topup-fund{background-image: url(icons/money.png); background-position: center; width: 90px; height: 86px; display: block;
    background-repeat: no-repeat; margin: 0 auto; background-size:contain;}
  .topup-fund-div .topup{font-size: 30px; font-weight: bold; color: #3BB449; display:block; padding-top:25px; padding-bottom:5px;}
  .topup-fund-div .sub-topup{font-size: 14px; font-weight: bold; color: #5d5d5d; display:block;}

.topup-tab {width: auto; }

.tabs-topup-test { height:51px; width:75%; clear: both; background:#e7e7e7; margin:0px auto !important; padding:0px !important; list-style:none; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px; overflow:hidden }
  .tabs-topup-test li { float: left; text-align:center;}

.tabs-topup { height:51px; width:75%; clear: both; background:#e7e7e7; margin:0px auto !important; padding:0px !important; list-style:none; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px; overflow:hidden }
  .tabs-topup li { float: left; text-align:center;}
  .tabs-topup-test li.current, .tabs-topup li.current { position: relative; background-color: #02c04a; z-index: 5; }
  .tabs-topup-test li a, .tabs-topup li a { padding: 14px; color: #444444; text-decoration: none; font-family: 'Open Sans', sans-serif; font-weight:700; display:block; height: 51px; line-height:21px;}
  .tabs-topup-test .current a, .tabs-topup .current a { color: #fff; }
  
.tab-contents {width:auto;}
.tab-content-topup {display: none; text-align:center; }
  .tab-content-topup .sub-title{color:#B9B9B9; font-size:12px; font-family: 'Open Sans', sans-serif; display:inline-block; padding:0px 0px 20px;}
  #parent { display: block; }
  
  
.topup-section{
  border-bottom: 1px solid #e5e5e5;
  overflow:hidden;
}

#nav {
    width: 100%;
  list-style:none;
  padding:0px !important;
}
#nav li{
  list-style:none;
}

#nav > li{
  border-bottom: 1px solid #e5e5e5;
}
#nav > li:last-child{
  border-bottom: none;
}

#nav > li > a{
  font-size:18px;
}

#nav li a {
    display: block;
    padding: 30px 0px;
    text-decoration: none;
    color: #444444;
  text-align:left;
  font-family: 'Open Sans', sans-serif;
}
#nav > li > a:hover, #nav > li > a.active {
    color: #349E47;
}
#nav > li ul {
    display: none;
  padding: 0px !important;
}
#nav li ul li a {
    padding: 0px 5px 50px;
  color: #444444;
}

@media only screen and (max-width: 760px){
  .tab-content-faq{padding: 0px 10px;}
    .tabs-faq{width:90%;}
    .tabs-faq { height:40px; margin:0px 0px 15px;}
    .tabs-faq li a { padding: 14px; height:40px; line-height:14px;}
  .faq-title{padding-bottom: 35px; line-height: 40px;}
  .faq-sub-title{padding: 0px 20px 50px; line-height: 25px;}
  
  #nav li a{text-align:center;}
  #nav li ul li a{line-height: 22px;}
  .faq-group-title{padding-top: 55px;}
}

/************************ Register Page v2 ******************************/
.register-tab {width: auto; }
  .register-tab .register-tab-title{ font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 700; color: #a1a1a1; line-height:77px;}
  .register-tab .section-hr{display: inline-block; border-bottom: 1px solid #f2f2f2; width: 100%; padding-top: 60px; margin-bottom: 60px;}
  
  .register-tab .parent-tab{display: inline-block; background: url(icons/register-icons.png) left top no-repeat; height: 77px; background-color: #f5f5f5; width: 77px;   background-size: 150px 150px; background-position: 0px -70px; border-radius: 38px; float:left; margin-right:20px;}
  .register-tab .register-parent-tab:hover .parent-tab, .register-tab .register-parent-tab.current .parent-tab{background-position:-3px -3px; border: 3px solid #02c04a;}
  .register-tab .register-parent-tab:hover, .register-tab .register-parent-tab.current{color:#444444;}
  
  .register-tab .school-tab{display: inline-block; background: url(icons/register-icons.png) left top no-repeat; height: 77px; background-color: #f5f5f5; width: 77px;   background-size: 150px 150px; background-position: -75px -70px; border-radius: 38px; float:left; margin-right:20px;}
  .register-tab .register-school-tab:hover .school-tab, .register-tab .register-school-tab.current .school-tab{background-position: -78px -3px; border: 3px solid #02c04a;}
  .register-tab .register-school-tab:hover, .register-tab .register-school-tab.current{color:#444444;}
  
  .register-tab .register-right{text-align:right; line-height:40px;}
  .register-tab .register-right span{font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 700; color: #898989; text-transform: uppercase;}
  .register-tab .register-right .required{color:#02c04a;}

.tab-contents {width:auto;} 
  .tab-contents .tab-content-parent{text-align:center;}
  .tab-contents .tab-content-school{display:none; text-align:center;}
    .tab-contents .tab-content-school .form-note{font-size: 10px; color: #dadada; line-height: 14px; font-family: 'Open Sans', sans-serif; text-align: left; padding: 5px 0px;}
  .tab-contents .icw-input{padding: 12px; font-family: 'Open Sans', sans-serif; border-radius: 5px;}
  .tab-contents .register-input-padding{padding: 0px 15px 0px 5px;}
  .tab-contents .register-input-padding .error{display: inline-block; background-color: #3BB449; left:0px; color: white; padding: 3px 4px 2px 4px; font-size: 12px; position: relative;}
  .tab-contents .register-text-agree{line-height: 40px; color: #898989;font-family: 'Open Sans', sans-serif; font-weight: 500; margin-left:50px;}
    .tab-contents .register-text-agree .icw-acc-link{text-decoration:none;}

.form-section {float:left; width:100%; margin-bottom:26px; text-align:right; font-family: 'Open Sans', sans-serif;}
.form-section:last-child{padding-bottom:35px;}
  .form-section .form-note {padding:20px 10px 0px 20px;}
  
  .form-section label {font-size: 14px;color: #898989; font-weight: 600; text-transform: uppercase;}
  
  .form-section .icw-input {padding:18px; border-radius:5px;}
  .form-section select.icw-input {height:55px; border-radius:5px;box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.08);color: #777; margin:0px; width:100%; line-height:4em;}
    .form-section input[name='captcha'] {width: 100% !important; margin: 0px !important; }
  .form-section .required {font-size:14px; color:#56b64b; padding-top: 16px;display: inline-block;line-height: 100%;}
  
  .form-section .captcha-img {padding-top:26px;}

  .form-btn-block {text-align:center; padding:25px 0px 70px;}
  .form-section span.error {
    display: inline-block;
    left: 0px;
    background-color: #e51b1b;
    color: white;
    padding: 4px;
    border-radius:5px;
    font-size: 12px;
    position: relative;
  }

.section-hr{display: inline-block;border-bottom: 1px solid #f2f2f2;width: 100%;padding-top: 30px; margin-bottom: 60px;}
.register-checked{position:relative; float:left;}
.register-checked:hover{cursor:pointer;}
.register-checked:before{background: #fff url(icons/checkbox-inactive.png) 0 0 no-repeat; width:36px; height:36px; position:absolute; content:" ";}
.register-checked-active:before{
  background: #fff url(icons/checkbox-active.png) 0 0 no-repeat !important;
}

/********************************** Add Student Page **********************************/
.add-student-form{padding: 15px 0px 50px; display:inline-block;}
  .add-student-form .form-section {float: left;width: 100%;margin-bottom: 26px;text-align: left;}
    .add-student-form .form-section label {font-size: 14px; font-family: 'Open Sans', sans-serif; color: #898989; font-weight: 600; text-transform: uppercase;}
    .add-student-form .form-section label small{font-size: 12px; display: block; font-style: italic; font-family: 'Open Sans', sans-serif; text-transform: none; color: #898989;
    font-weight: 100;}
    .add-student-form .form-section .required{font-family: 'Open Sans', sans-serif;  font-size: 14px;  color: #56b64b;  padding-top: 16px;  display: inline-block;  line-height: 100%;}
    .add-student-form .form-section select.icw-input{font-family: 'Open Sans', sans-serif; float:left; border-radius: 5px; box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.08); color: #777;  margin: 0px; line-height:4em; height:55px;}
    .add-student-form .form-section .icw-input{padding: 18px; font-family: 'Open Sans', sans-serif; border-radius: 5px;}
    .add-student-form .form-section .photo{text-align:left; padding:0px 0px 75px;}
    .add-student-form .form-section .inst{color: #56b64b; font-size: 10px; padding: 0px 10px; font-weight:700; text-align:left; display:block;}
  
  .add-student-form .section-hr{display: inline-block;border-bottom: 1px solid #f2f2f2;width: 100%;padding-top: 30px; margin-bottom: 60px;}
  
.radio {
  display: inline-block;
  padding-right: 20px;
  font-size: 18px;
  line-height: 20px;
  cursor: pointer;
}
.radio .radio-text{
  color:#a1a1a1;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 700;
  float:left;
  line-height:25px;
  padding-left:15px;
}
.radio:hover .radio-text{
  color:#444444;
}

.radio input {
  width: 1px;
  height: 1px;
  opacity: 0;
}

.radio input[type="radio"]:checked + span.radio-text { 
   color:#444444;
   background-color: #FFBF00;
}

.radio input:checked + .outer .inner {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.radio input:checked + .outer { border: 5px solid #02c04a; }

.radio input:focus + .outer .inner {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  background-color: #e67012;
}

.radio .outer {
  width: 15px;
  height: 15px;
  display: block;
  float: left;
  margin: 5px 0px 0px;
  border: 2px solid #c4c4c4;
  border-radius: 50%;
  background-color: #fff;
}

/************************* withdraw Page **********************************/
.withdraw-fund-div{font-family: 'Open Sans', sans-serif; overflow:hidden; display:block; clear:both;}
  .withdraw-fund-div .withdraw-fund{background-image: url(icons/money.png); background-position: center; width: 90px; height: 86px; display: block;
    background-repeat: no-repeat; margin: 0 auto; background-size:contain;}
  .withdraw-fund-div .withdraw{font-size: 30px; font-weight: bold; color: #3BB449; display:block; padding-top:25px; padding-bottom:5px;}
  .withdraw-fund-div .sub-withdraw{font-size: 14px; font-weight: bold; color: #5d5d5d; display:block;}
  
.withdraw-tab {width: auto; }
.tabs-withdraw { height:51px; width:30%; clear: both; background:#e7e7e7; margin:0px auto !important; padding:0px !important; list-style:none; -webkit-border-radius: 4px;
-moz-border-radius: 4px;border-radius: 4px; overflow:hidden }
  .tabs-withdraw li { float: left; width:50%; text-align:center;}
  .tabs-withdraw li.current { position: relative; background-color: #02c04a; z-index: 5; }
  .tabs-withdraw li a { padding: 14px; color: #444444; text-decoration: none; font-family: 'Open Sans', sans-serif; font-weight:300; display:block; height: 51px; line-height:21px;}
  .tabs-withdraw .current a { color: #fff; }
.tab-contents {width:auto;}
.tab-content-withdraw {display: none; text-align:center; }
  #bank { display: block; }

.form-section {float:left; width:100%; margin-bottom:26px; text-align:right; font-family: 'Open Sans', sans-serif;}
.form-section:last-child{padding-bottom:35px;}
  .form-section .form-note {padding:20px 10px 0px 20px;}
  
  .form-section label {font-size: 14px;color: #898989; font-weight: 600; text-transform: uppercase;}
  
  .form-section .icw-input {padding:18px; border-radius:5px;}
  .form-section select.icw-input {height:55px; border-radius:5px;box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.08);color: #777; margin:0px; width:100%; line-height:4em;}
    .form-section input[name='captcha'] {width: 100% !important; margin: 0px !important; }
  .form-section .required {font-size:14px; color:#56b64b; padding-top: 16px;display: inline-block;line-height: 100%;}
  
  .form-section .captcha-img {padding-top:26px;}

  .form-btn-block {text-align:center; padding:25px 0px 70px;}
  .form-section span.error {
    display: inline-block;
    left: 0px;
    background-color: #e51b1b;
    color: white;
    padding: 4px;
    border-radius:5px;
    font-size: 12px;
    position: relative;
  }

  .new-contact-form .section-hr{ display: inline-block; border-bottom: 1px solid #f2f2f2; width: 100%; padding-top: 30px; margin-bottom: 60px;}

  .new-contact-form{padding: 0px 25px;}
  .contact-address{padding: 0 0 0 25px; border-left: 1px solid #dfdfdf;min-height:275px;}
    .contact-address .green-title{padding-bottom:10px; font-family: 'Open Sans', sans-serif; color:#3BB449; font-size:14px;}
    .contact-address p{color: #a7a7a7; padding-bottom: 15px; font-weight: normal; line-height: 25px; font-size: 14px; font-weight: 100; font-family: 'Open Sans', sans-serif;}
  .contact-address .new-link{text-decoration:none;}

/************************ Contact Page *******************************/

/****************************** New Home PAGE*******************************/
.pull-right {float:right}
.pull-left {float:left}

.home-blocks {font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 25px; font-size:14px;}
 
/* Home Block 1 */
.home-block1 {background-color:#f5f5f5; background-position:center bottom; background-repeat:no-repeat; background-image:url('icons/home-top-bg.png'); background-size:100% 100%; padding:80px 0px 20px;}
  .home-block1-txt {padding-left:20px;}
  .home-block1 .home-block1-txt h1 {line-height:40px; margin-bottom:30px; font-size: 30px !important;color: #444444 !important; font-weight: 700 !important; font-family: 'Open Sans', sans-serif !important;}
  .home-block1-txt p {margin-bottom:50px; font-weight:400;}
  .home-block1 img {max-width:100%;}
  
  .home-block1-img {padding-right:20px;}

/* Home Block 2 */  
.home-content{padding: 0px 125px; text-align: center;}
  .icw-container .home-content h1{font-size: 30px !important; color: #444444 !important; padding-bottom: 35px; font-family: 'Open Sans', sans-serif !important; font-weight:700 !important;}
  .home-content p{font-size: 14px; color: #000000; line-height: 22px; font-weight: 500;}

/* Home Block 3 */
.home-block3{ padding-top: 25px;}
.home-block-3{text-align:center;display: inline-block; margin-bottom:50px;}
  .home-block-3 .green-heading{display: block;color: #3BB449; font-size: 18px; font-weight: 700; padding: 35px 0px;}
  .home-block-3 .sub-content{color: #444444; font-size: 14px; display: block;}

  .ttr-block{margin-bottom: 25px}
  .home-ttr{text-align: center; padding: 0 30px 0 30px} 
  .home-block-3 .ttr-title{text-transform: uppercase; text-align: left; font-size: 18px; font-weight: 700; display: block; color: #444444; padding-bottom: 10px;}
  .home-block-3 .ttr-content{color: #444444; font-size: 14px; display: block; text-align: left;}
  .home-block-3 .ttr-sub{color: #444444; font-size: 14px; display: block; text-align: center; float: right; width:40%;padding-top: 10px}
  .home-block-3 .ttr-sub a{color: #d24445; font-weight: 700;}
  

.home-icon-icw{width: 90px; height: 100px; display: inline-block; background-repeat: no-repeat;}
  .home-icon-icw.home-green-user{background-image: url(icons/user.png); background-position:center; width:100%; background-size:contain;}
  .home-icon-icw.home-register-step1{background-image: url(icons/icon-signup.png); background-position:center; width:100%; background-size:contain;}
  .home-icon-icw.home-register-step2{background-image: url(icons/user.png); background-position:center; width:100%; background-size:contain;}
  .home-icon-icw.home-register-step3{background-image: url(icons/tuckshop.png); background-position:center; width:100%; background-size:contain;}
  .home-icon-icw.home-fundraiser-step1{background-image: url(icons/money.png); background-position:center; width:100%; margin-bottom: 30px; background-size:contain;}
  .home-icon-icw.home-fundraiser-step2{background-image: url(icons/group.png); background-position:center; width:100%; margin-bottom: 30px; background-size:contain;}
  .home-icon-icw.home-fundraiser-step3{background-image: url(icons/money-bag.png); background-position:center; width:100%; margin-bottom: 30px; background-size:contain;}
  .home-icon-icw.home-meal-step1{background-image: url(icons/icon-meal-step1.png); background-position:center; width:100%; margin-bottom: 30px; background-size:contain;}
  .home-icon-icw.home-meal-step2{background-image: url(icons/green-family.png); background-position:center; width:100%; margin-bottom: 30px; background-size:contain;}
  .home-icon-icw.home-meal-step3{background-image: url(icons/meal-bundle.png); background-position:center; width:100%; margin-bottom: 30px; background-size:contain;}
  
  .home-icon-icw.home-green-route{background-image: url(icons/home-icons.png); width:225px;}
  .home-icon-icw.home-green-thumb{background-image: url(icons/home-icons.png); width:186px; background-position: -302px 0px;}
  .home-icon-icw.home-green-group{background-image: url(icons/group.png); width:135px;}
  .home-icon-icw.home-green-money{background-image: url(icons/money.png); width:110px;}
  .home-icon-icw.home-green-money-bag{background-image: url(icons/money-bag.png);}
.home-arrow{width: 120px; height: 100px; display: inline-block; background-repeat: no-repeat;}
  .home-arrow.home-green-arrow{background-image: url(icons/green-arrow.png); background-position: 0px 50%;}
.home-icon-step{width: 600px; height: 65px; display: inline-block; background-repeat: no-repeat;background-image: url(icons/step-arrow.png);}

/* Home Step Arrow */
.home-step-arrow{ text-align: center;  padding: 50px 0px 80px;}

/* Home Block 4 */
.home-block4{display:block; overflow:auto;}
.home-block-4{ text-align: center; min-height: 250px; margin-bottom:100px;}
  .home-block-4.section-left{background-color: #3BB449; position:relative}
  .home-block-4.section-left .left-panel{padding: 20px 70px 20px; float: right; max-width: 600px;}
  .home-block-4.section-left .left-panel .sub-title{font-size: 18px; font-weight: 700; display: block; color: #fff; padding-bottom: 25px;}
  .home-block-4.section-left .left-panel .desc{color: #fff;font-size: 18px; line-height: 35px; display:block;}
  
  .home-block-4.section-left .left-panel .learn-button{max-width:600px; bottom:20px; margin:0px auto;}
  .home-block-4.section-left .left-panel .btn-line {margin-top:30px;}
  
  
  .home-block-4.section-right{background-color: #f5f5f5; position:relative;}
  .home-block-4.section-right .right-panel{padding: 20px 70px 20px; float: left; max-width: 600px;}
  .home-block-4.section-right .right-panel .sub-title{font-size: 18px; font-weight: 700; display: block; color: #444444; padding-bottom: 25px;}
  .home-block-4.section-right .right-panel .desc{color: #444444;font-size: 18px; font-weight: 400; line-height: 35px; display:block;}
  
  .home-block-4.section-right .right-panel .learn-button{max-width:600px; bottom:20px; margin:0px auto;}
  .home-block-4.section-right .right-panel .btn-line{margin-top:30px;}

@media only screen and (max-width: 768px){
  .home-block-4.section-right .learn-button{position:relative; bottom:0px !important;}
  .home-block-4.section-left .learn-button{position:relative; bottom:0px !important;}
  .home-block4 .home-block-4{margin:0px;}
  
  .home-icon-icw.home-register-step1, .home-icon-icw.home-register-step2, .home-icon-icw.home-register-step3, .home-icon-icw.home-fundraiser-step1, .home-icon-icw.home-fundraiser-step2, .home-icon-icw.home-fundraiser-step3, .home-icon-icw.home-meal-step1, .home-icon-icw.home-meal-step2, .home-icon-icw.home-meal-step3{margin-top:25px; height:100px;}
  
   .home-block-4.section-left .left-panel, .home-block-4.section-right .right-panel{padding: 0px 20px; float: none; margin: 0 auto;}
   
   .home-block-3 .green-heading{padding: 10px 0px;}
   .home-block-3 .sub-content{font-size:16px;}

  .home-ttr{text-align: center; padding: 20px 30px 20px 30px} 
  .home-block-3 .ttr-sub{float: none; width:auto;}
}
@media only screen and (max-width: 760px){
  .home-ttr img{max-width: 80%!important} 
  .home-block-3 .ttr-title{text-transform: uppercase; text-align: center;}
  .home-block-3 .ttr-content{text-align: center;}
}
@media only screen and (min-width: 768px) and (max-width: 800px){
  .home-icon-icw.home-register-step1, .home-icon-icw.home-register-step2, .home-icon-icw.home-register-step3, .home-icon-icw.home-fundraiser-step2, .home-icon-icw.home-fundraiser-step3, .home-icon-icw.home-meal-step2, .home-icon-icw.home-meal-step3{margin:0px;}
  
  .home-icon-icw.home-meal-step2, .home-icon-icw.home-meal-step3, .home-icon-icw.home-fundraiser-step2, .home-icon-icw.home-fundraiser-step3{margin-bottom:30px;}
  .home-block-3 .sub-content{padding: 0px 10px;}
}

/* Home Block 5 */  
.home-block-bottom {padding:100px 0px 35px;}
  .home-block-bottom-txt {margin-top:100px; padding:50px 20px; background-color:#3BB449; color:#fff; position:relative; font-size:18px; line-height:30px;}
    .home-block-bottom-txt:before {background-color:#3BB449; content:""; height:100%; width:100%; display:block; position:absolute; top:0px; left:90px;}
    .home-block-bottom-txt:after {background-color:#3BB449; content:""; height:100%; width:100%; display:block; position:absolute; top:0px; right:90px;}
    .home-block-bottom-txt p {position:relative; z-index:5;}
  .home-block-bottom-img {padding-right:20px;position:relative; z-index:5}
    .home-block-bottom img {max-width:100%;}  
  

.btn-line { border: 3px solid #02c04a;background: #fff; color: #02c04a;font-family: 'Open Sans', sans-serif; font-weight: 600;font-size: 18px; text-align: center; padding:8px 35px; display: inline-block;-webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px;} 
  
  .btn-line.btn-border-black {border: 3px solid #444444; color:#444444;}
  .btn-line.btn-border-black:hover {background: #444444;color: #fff;}
  
  .btn-line.btn-border-white {border: 3px solid #fff; color:#fff;}
  .btn-line.btn-border-white:hover {background: #fff;color: #444444;}
  
  .btn-line.btn-border-white-nobg {border: 3px solid #fff; color:#fff; background-color:transparent !important;}
  .btn-line.btn-border-white-nobg:hover {background: #fff !important;color: #3BB449; }
  

/********************* Inline Manual *****************************/
.inline-manual{position: fixed; width: 320px; bottom: 10%; right: 2%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;z-index:9999;}
  .inline-manual .inline-steps{width: 320px; padding-bottom:30px; z-index:9999;}
  .inline-manual .inline-steps .heading{background-color: #3BB449; color: #fff; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 100; padding: 15px 20px;}
    .inline-manual .inline-steps .heading .close{display: inline-block; background: url(icons/close.png) left top no-repeat; height: 8px; width: 8px; float:right; margin-top:7px;}
  .inline-manual .inline-steps .step{padding: 15px 20px; border-right: 1px solid #444444; border-left: 1px solid #444444; background:#fff;}
    .inline-manual .inline-steps .step span{display: block; padding: 5px 0px;}
    .inline-manual .inline-steps .step span a{color: #444444;font-size: 14px; font-family: 'Open Sans', sans-serif;}
    .inline-manual .inline-steps .step span a:hover{color: #3BB449;}
  .inline-manual .inline-steps .inline-powered{padding: 15px 20px; background-color: #444444; color: #fff; font-family: 'Open Sans', sans-serif; font-size: 10px; text-align: right;}
  .inline-manual .btn{border: 3px solid #3BB449; background: #3BB449; color: #fff; font-family: 'Open Sans', sans-serif; font-size: 14px; text-align: center; padding: 8px 35px;
    display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; float:right;}
/********************* Inline Manual *****************************/

@media only screen and (max-width: 768px){
  .register-tab{padding:0px 20px;}
    .register-tab .register-right{line-height: 40px; padding: 0px 0px 20px; text-align: center;}
    .register-tab .parent-tab, .register-tab .school-tab{margin-right:5px;}
    .register-tab .section-hr{padding-top:30px; margin-bottom:30px;}
  .tab-contents .register-input-padding{padding: 0px 0px 20px;}
  .tab-contents .register-text-agree{display: block; line-height:30px; margin-left: 65px;}
}

@media only screen and (min-width: 768px) and (max-width: 800px){
  .tab-contents .register-input-padding{padding:0px 15px 0px 5px;}
}
/************************ Register Page v2 ******************************/

/************************* Titles **********************************/

.main-desc{
  font-size: 14px;
    color: #444444;
    display: block;
    padding: 0px 250px 10px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

@media only screen and (max-width: 768px){
  .main-title{line-height: 35px; padding: 40px 0px 10px; font-size: 30px;}
  .main-sub-title{padding:0px 20px 20px; font-size:12px;}
  .main-desc{padding: 0px 20px 20px;}
}

/************************* Titles **********************************/

/************************* Infor for Schools Page ******************/


.info-school-green-title{
  font-size:18px;
  color:#02c04a;
  display:block;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  padding-bottom:65px;
  padding-top:40px;
  clear:both;
}
.info-school-thumb{background-image: url(icons/thumb.png); background-size:contain; width: 100%; height: 120px; display: block; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 auto;}
.info-school-right{background-image: url(icons/icon-right.png); background-size:contain; width: 100%; height: 120px; display: block; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 auto;}
.info-school-money{background-image: url(icons/money.png); background-size:contain; width: 100%; height: 120px; display: block; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 auto;}
.info-school-community{background-image: url(icons/icon-information.png); background-size:contain; width: 100%; height: 120px; display: block; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 auto;}
.info-school-risk{background-image: url(icons/icon-risk.png); background-size:contain; width: 100%; height: 120px; display: block; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 auto;}
.info-school-triangle{background-image: url(icons/icon-triangle.png); background-size:contain; width: 100%; height: 120px; display: block; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 auto;}

.info-school-sub-content .sub-title{font-size:14px; color:#444444; text-align:center; display:block; font-weight:700; padding-top:45px; font-family: 'Open Sans', sans-serif; line-height:28px;}
.info-school-sub-content .info-school-desc{font-size:14px; color:#444444; text-align:center; display:block; font-weight:normal; font-family: 'Open Sans', sans-serif; line-height:28px; padding:0px 30px;}

.info-school-section-left{background-color:#3BB449; padding:40px 160px; min-height:475px;}
  .info-school-section-left .info-school-energy{background-image: url(icons/icon-energy.png); width: 80px; height: 80px; display: block; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 auto;}
  .info-school-section-left .sub-title, .info-school-section-right .sub-title{ font-size: 14px; color: #fff; display: block; text-align: center; padding: 40px 0px; font-family: 'Open Sans', sans-serif; font-weight:700; line-height:28px;}
  
  .info-school-section-left .info-school-desc, .info-school-section-right .info-school-desc{ font-size: 14px; color: #fff; display: block; text-align: center; font-family: 'Open Sans', sans-serif; font-weight:100; line-height:28px;}
  
  
.info-school-section-right{background-color:#444444; padding:40px 160px; min-height:475px;}
  .info-school-section-right .info-school-direction{background-image: url(icons/icon-direction.png); width: 80px; height: 80px; display: block; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 auto;}
  
.info-school-process-desc{font-size:14px; color:#444444; font-family: 'Open Sans', sans-serif; display:block; line-height:28px; text-align:center; padding:0px 100px 75px;}


.info-school-pc{background-image: url(icons/icon-pc.png); background-size:contain; width: 100%; height: 100px; display: block; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 auto;}
.info-school-arrow{background-image: url(icons/icon-arrow.png); background-size:contain; width: 100%; height: 100px; display: block; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 auto;}
.info-school-clock{background-image: url(icons/icon-clock.png); background-size:contain; width: 100%; height: 100px; display: block; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 auto;}
.info-school-globe{background-image: url(icons/globe.png); background-size:contain; width: 100%; height: 100px; display: block; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 auto;}
.info-school-help{background-image: url(icons/help.png); background-size:contain; width: 100%; height: 100px; display: block; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 auto;}

.info-school-process-content .sub-title{font-size: 14px; display: block; color: #444444;text-align: center;  font-weight: 700; font-family: 'Open Sans', sans-serif; padding-top:35px;}
.info-school-process-content .info-school-desc{font-size: 14px; display: block; color: #444444;text-align: center;  font-weight: normal; font-family: 'Open Sans', sans-serif; line-height:28px;}

.info-page-reg{clear: both; padding: 0px 0px 50px; width: 15%; margin: 0px auto; text-align:center;}

@media only screen and (max-width: 767px){
  .info-school-sub-content .info-school-desc{padding: 0px 40px 30px;}
  .info-school-green-title{padding:0px 0px 35px !important;}
  .info-school-process-content .info-school-desc{padding: 0px 40px;}
  .info-school-process-content{padding:0px 0px 40px;}
  
  .info-school-sub-content .sub-title{padding-top:15px;}
  
    .info-school-thumb, .info-school-right, .info-school-money, .info-school-community, .info-school-risk, .info-school-triangle, .info-school-pc, .info-school-clock, .info-school-globe, .info-school-help{height:90px;}
	
	.info-school-thumb, .info-school-money, .info-school-community, .info-school-risk{height: 90px;}
  	.info-school-pc, .info-school-clock, .info-school-globe, .info-school-help, .info-school-arrow{height: 75px;}
}

@media only screen and (min-width: 768px) and (max-width: 800px){
  .info-school-sub-content .info-school-desc{padding:0px 5px 20px;}
  .info-school-process-content .info-school-desc{padding:0px;}
  .info-school-arrow{background-size: contain;}
  
  .info-school-thumb, .info-school-money, .info-school-community, .info-school-risk{height: 90px;}
  .info-school-pc, .info-school-clock, .info-school-globe, .info-school-help, .info-school-arrow{height: 75px;}
}
/************************* Infor for Schools Page ******************/

/************************* Infor for Parent Page ******************/

.info-parent-green-title{font-size:18px;color:#02c04a;display:block;text-align: center;font-family: 'Open Sans', sans-serif;font-weight: 600;padding-bottom:65px;clear:both; padding-top:40px;
}

.info-parent-second-row{padding:75px 0px; clear:both;}

.info-parent-thumb{background-image: url(icons/thumb.png); background-size:contain; width: 100%; height: 100px; display: block; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 auto;}
.info-parent-alarm{background-image: url(icons/alarm.png); background-size:contain; width: 100%; height: 76px; display: block; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 auto;}
.info-parent-green-family{background-image: url(icons/green-family.png); background-size:contain; width: 100%; height: 100px; display: block; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 auto;}
.info-parent-lock{background-image: url(icons/lock.png); background-size:contain; width: 100%; height: 100px; display: block; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 auto;}
.info-parent-bag{background-image: url(icons/green-bag.png); background-size:contain; width: 100%; height: 100px; display: block; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 auto;}

.info-parent-sub-content .sub-title{font-size:14px; color:#444444; text-align:center; display:block; font-weight:700; padding-top:45px; font-family: 'Open Sans', sans-serif; line-height:28px;}
.info-parent-sub-content .info-parent-desc{font-size:14px; color:#444444; text-align:center; display:block; font-weight:normal; font-family: 'Open Sans', sans-serif; line-height:28px; padding:0px 30px;}

.info-parent-section-left{background-color:#3BB449; padding:60px 160px; min-height:475px;}
  .info-parent-section-left .info-parent-white-thumb{background-image: url(icons/icon-white-thumb.png); width: 80px; height: 80px; display: block; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 auto;}
  .info-parent-section-left .sub-title, .info-parent-section-right .sub-title{ font-size: 14px; color: #fff; display: block; text-align: center; padding: 40px 0px; font-family: 'Open Sans', sans-serif; font-weight:700; line-height:28px;}
  
  .info-parent-section-left .info-parent-desc, .info-parent-section-right .info-parent-desc{ font-size: 14px; color: #fff; display: block; text-align: center; font-family: 'Open Sans', sans-serif; font-weight:100; line-height:28px;}
  
  
.info-parent-section-right{background-color:#444444; padding:60px 160px; min-height:475px;}
  .info-parent-section-right .info-parent-white-child{background-image: url(icons/icon-white-child.png); width: 80px; height: 80px; display: block; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 auto;}
  
.info-parent-process-desc{font-size:14px; color:#444444; font-family: 'Open Sans', sans-serif; display:block; line-height:28px; text-align:center; padding:0px 100px 95px;}


.info-parent-pc{background-image: url(icons/icon-pc.png); width: 100px; height: 110px; display: block; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 auto; background-size:contain;}
.info-parent-arrow{background-image: url(icons/icon-arrow.png); background-size:contain; width: 100%; height: 100px; display: block; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 auto;}
.info-parent-green-girl{background-image: url(icons/girl.png); background-size:contain; width: 100%; height: 110px; display: block; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 auto;}
.info-parent-green-cart{background-image: url(icons/green-cart.png); background-size:contain; width: 100%; height: 110px; display: block; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 auto; }

.info-parent-process-content .sub-title{font-size: 14px; display: block; color: #444444;text-align: center;  font-weight: 700; font-family: 'Open Sans', sans-serif; padding-top:35px;}
.info-parent-process-content .info-parent-desc{font-size: 14px; display: block; color: #444444;text-align: center;  font-weight: 100; font-family: 'Open Sans', sans-serif; line-height:28px;}

@media only screen and (max-width: 768px){
  .info-parent-green-title{padding:30px 0px 35px !important;}
  .info-parent-sub-content{padding:0px 0px 20px;}
  .info-parent-second-row{padding:0px;}
  .info-parent-process-desc{padding:0px 20px;}
  .info-parent-process-content{padding:0px 20px 20px;}
    .info-parent-process-content .info-parent-desc{font-weight: normal;}
  
  .info-parent-thumb, .info-parent-green-family, .info-parent-lock, .info-parent-bag{height:90px;}
  .info-parent-sub-content .sub-title{padding-top:20px;}
  
  .info-parent-pc, .info-parent-green-girl, .info-parent-green-cart{width: 100%; height: 75px;}
  .info-parent-process-content .sub-title{padding-top: 20px;}
}
@media only screen and (min-width: 768px) and (max-width: 800px){
  .info-parent-process-desc{padding:0px 0px 40px;}
  .info-parent-process-content{padding:0px 0px 60px;}
  .info-parent-arrow{background-size: contain; height: 75px;}
  
  .info-parent-pc, .info-parent-green-girl, .info-parent-green-cart{width: 100%; height: 75px;}
  .info-parent-process-content .sub-title{padding-top: 20px;}
}
/************************* Infor for Parent Page ******************/

/*************************** Sticky Social Icons ********************************/
.sticky-container{
  padding: 0px;
  margin: 0px;
  position: fixed;
  right: -119px;
  top: 35%;
  width: 161px;
  display: none;
}
.sticky-container .sticky a{
  list-style-type: none;
  background-color: #e8e8e8;
  color: #fff;
  height: 43px;
  padding: 0px;
  margin: 0px 0px 1px 0px;
  -webkit-transition:all 0.25s ease-in-out;
  -moz-transition:all 0.25s ease-in-out;
  -o-transition:all 0.25s ease-in-out;
  transition:all 0.25s ease-in-out;
  cursor: pointer;

}
.sticky-container .sticky span{display:none; padding: 10px 0px 0px 50px; font-family: 'Open Sans', sans-serif; font-size: 12px;}

  .sticky-container .sticky .facebook{display: block; background: url(icons/fb.png) #e8e8e8 center center no-repeat; height: 42px; width: 42px;}
  .sticky-container .sticky .facebook:hover{background: url(icons/fb-hover.png) #3BB449 15% center no-repeat; width:105px; margin-left:-60px}
    .sticky-container .sticky .facebook:hover span{display:block; transition: all 0.25s ease-in-out;}

  .sticky-container .sticky .twitter{display: block; background: url(icons/tw.png) #e8e8e8 center center no-repeat; height: 42px; width: 42px;}
  .sticky-container .sticky .twitter:hover{background: url(icons/tw-hover.png) #55acee 15% center no-repeat; width:125px; margin-left:-80px}
    .sticky-container .sticky .twitter:hover span{display:block; transition: all 0.25s ease-in-out;}

  .sticky-container .sticky .google{display: block; background: url(icons/gp.png) #e8e8e8 center center no-repeat; height: 42px; width: 42px;}
  .sticky-container .sticky .google:hover{background: url(icons/gp-hover.png) #dd4b39 15% center no-repeat; width:150px; margin-left:-105px}
    .sticky-container .sticky .google:hover span{display:block; transition: all 0.25s ease-in-out;}
/*************************** Sticky Social Icons ********************************/

/*************************** Sticky Multi Services ********************************/
.sticky-site-container{
  padding: 0px;
  margin: 0px;
  position: fixed;
  top: 35%;
}
.sticky-site-container .sticky a{
  list-style-type: none;
  background-color: #e8e8e8;
  color: #fff;
  height: 43px;
  padding: 0px;
  margin: 0px 0px 1px 0px;
  -webkit-transition:all 0.25s ease-in-out;
  -moz-transition:all 0.25s ease-in-out;
  -o-transition:all 0.25s ease-in-out;
  transition:all 0.25s ease-in-out;
  cursor: pointer;

}
.sticky-site-container .sticky span{padding: 10px 0px 0px 10px; color:#444444; margin-left:-150px; font-family: 'Open Sans', sans-serif; font-size: 12px; display:block;}

  .sticky-site-container .sticky .msc{display: block; background: url(icons/msc.png) #e8e8e8 center center no-repeat; height: 42px; width: 42px; background-size: 35px;}
  .sticky-site-container .sticky .msc:hover{width:165px; background-position: 125px 4px;}
    .sticky-site-container .sticky .msc:hover span{margin-left:0px; transition: all 0.25s ease-in-out;}

    .sticky-site-container .sticky .mst{display: block; background: url(icons/mst.png) #e8e8e8 center center no-repeat; height: 42px; width: 42px; background-size: 35px;}
  .sticky-site-container .sticky .mst:hover{width:170px; background-position: 130px 4px;}
    .sticky-site-container .sticky .mst:hover span{margin-left:0px; transition: all 0.25s ease-in-out;}
  
    .sticky-site-container .sticky .msf{display: block; background: url(icons/msf.png) #e8e8e8 center center no-repeat; height: 42px; width: 42px; background-size: 35px;}
  .sticky-site-container .sticky .msf:hover{width:175px; background-position: 135px 4px;}
    .sticky-site-container .sticky .msf:hover span{margin-left:0px; transition: all 0.25s ease-in-out;}
  
    .sticky-site-container .sticky .msu{display: block; background: url(icons/msu.png) #e8e8e8 center center no-repeat; height: 42px; width: 42px; background-size: 35px;}
  .sticky-site-container .sticky .msu:hover{width:165px; background-position: 125px 4px;}
    .sticky-site-container .sticky .msu:hover span{margin-left:0px; transition: all 0.25s ease-in-out;}
  
    .sticky-site-container .sticky .mse{display: block; background: url(icons/mse.png) #e8e8e8 center center no-repeat; height: 42px; width: 42px; background-size: 35px;}
  .sticky-site-container .sticky .mse:hover{width:150px; background-position: 110px 4px;}
    .sticky-site-container .sticky .mse:hover span{margin-left:0px; transition: all 0.25s ease-in-out;}
	
	.sticky-site-container .sticky .msv{display: block; background: url(icons/msv.png) #e8e8e8 center center no-repeat; height: 42px; width: 42px; background-size: 35px;}
  .sticky-site-container .sticky .msv:hover{width:175px; background-position: 135px 4px;}
    .sticky-site-container .sticky .msv:hover span{margin-left:0px; transition: all 0.25s ease-in-out;}
  
@media only screen and (max-width: 768px){
  .sticky-site-container{display:none;}
}
/*************************** Sticky Multi Services ********************************/

/************************* About Us Page ***********************/
.about-block1{
  background-color: #f5f5f5;
  background-position: center bottom;
    background-repeat: no-repeat;
    background-image: url('icons/about-top-bg.png');
    background-size: 100% 100%;
    padding: 80px 0px 20px;
    margin-bottom: 60px;
}
  .about-block1 .about-block1-img{padding-right: 20px; position: relative; z-index: 5;}
    .about-block1 .about-block1-img img{max-width:100%;}
    
  .about-block1 .about-block1-txt{ margin-top: 100px; padding: 50px 78px 50px 20px; background-color: #3BB449; color: #fff; position: relative; font-size: 18px; line-height: 30px;}
    .about-block1 .about-block1-txt:before{background-color: #3BB449; content: ""; height: 100%; width: 100%; display: block;  position: absolute; top: 0px; left: 90px;}
    .about-block1 .about-block1-txt:after{background-color: #3BB449; content: ""; height: 100%; width: 100%; display: block; position: absolute; top: 0px; right: 90px;}
    .about-block1 .about-block1-txt h2{color: #fff; font-size: 30px; font-family: 'Open Sans', sans-serif; z-index: 5; position: relative; font-weight: 100; padding-bottom: 10px;}
    .about-block1 .about-block1-txt p{position: relative; z-index: 5; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 100;}

.about-block2 .about-block2-content{text-align: right; padding: 0px 100px 0px 0px; font-family: 'Open Sans', sans-serif; color: #000000;}
  .about-block2 .about-block2-content h1{font-size: 36px; font-weight: 100; padding-bottom: 20px;}
  .about-block2 .about-block2-content p{font-size: 14px; font-weight: 100; padding-bottom: 15px; line-height: 25px;}
  .about-block2 .big-green-book{
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url('icons/book.png');
    background-size: 100% 100%;
    width:175px;
    height:190px;
  }

.about-block3{clear:both; font-family: 'Open Sans', sans-serif; color: #000000; display:inline-block; background-color:#f5f5f5; padding: 65px 0px; margin-top:80px; width:100%;}
  .about-block3 .about-block3-content{padding: 10px 20px 0px;}
  .about-block3 .about-block3-content h1{font-size: 36px; font-weight: 100; padding-bottom: 20px;}
  .about-block3 .about-block3-content p{font-size: 14px; font-weight: 100; padding-bottom: 35px; line-height: 25px;}
  .about-block3 .big-mac-pc{
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url('icons/big-mac-pc.png');
    background-size: contain;
    width: 350px;
    height: 200px;
  }

.about-block4{display:inline-block; padding:65px 0px 0px;}
  .about-block4 .about-block4-content{text-align: right; padding: 0px 100px 0px 0px; font-family: 'Open Sans', sans-serif; color: #000000;}
  .about-block4 .about-block4-content h1{font-size: 36px; font-weight: 100; padding-bottom: 20px;}
  .about-block4 .about-block4-content p{font-size: 14px; font-weight: 100; padding-bottom: 50px; line-height: 25px;}
  .about-block4 .big-green-thumb{
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url('icons/thumb.png');
    background-size: 100% 100%;
    width:180px;
    height:185px;
  }

.pull-right {float: right;}
@media only screen and (max-width: 768px){
  .about-block1 .about-block1-txt:before, .about-block1 .about-block1-txt:before{display:none;}
}

/************************* About Us Page ***********************/
/************************* Edit Account Page *********************/
.edit-account-form{padding: 15px 0px 50px; display:inline-block;}
  .edit-account-form .form-section {float: left;width: 100%;margin-bottom: 26px;text-align: right;}
    .edit-account-form .form-section label {font-size: 14px; font-family: 'Open Sans', sans-serif; color: #898989; font-weight: 600; text-transform: uppercase;}
    .edit-account-form .form-section label small{font-size: 12px; display: block; font-style: italic; font-family: 'Open Sans', sans-serif; text-transform: none; color: #898989;
    font-weight: 100;}
    .edit-account-form .form-section .required{font-family: 'Open Sans', sans-serif;  font-size: 14px;  color: #56b64b;  padding-top: 16px;  display: inline-block;  line-height: 100%;}
    .edit-account-form .form-section select.icw-input{font-family: 'Open Sans', sans-serif; float:left; border-radius: 5px; box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.08); color: #777;  margin: 0px; line-height:4em; height:55px;}
    .edit-account-form .form-section .icw-input{padding: 18px; font-family: 'Open Sans', sans-serif; border-radius: 5px;}
  
  .edit-account-form .section-hr{display: inline-block;border-bottom: 1px solid #f2f2f2;width: 100%;padding-top: 30px;  margin-bottom: 60px;}
  
@media only screen and (max-width: 768px){
  .edit-account-form{padding:0px 20px; text-align:center;}
    .edit-account-form .form-section label{text-align: center; padding: 20px 0px; display: block;}
    .edit-account-form .section-hr{margin:0px;}
  
  .save-buttons{text-align:center !important;}
}
/************************* Edit Account Page *********************/
/************************* Account Page **********************************/


.shop-container{text-align: center; font-family: 'Open Sans', sans-serif; display:block; padding:30px 0px 0px;}
  .shop-container .account-div{}
    .shop-container .account-div .acc-cart{background-image: url(icons/mst-cart.png); background-position:center; width: 105px; height: 86px; display: block; background-repeat: no-repeat; margin: 0 auto; background-size:contain;}
  .shop-container .account-div .acc-title{font-size: 18px; color: #3BB449; font-weight: 600; padding:10px 0px 20px; display:block;}
  .shop-container .account-div .acc-cart:hover{opacity:0.6;}

.account-container{text-align: center; font-family: 'Open Sans', sans-serif; display:inline-block; padding:40px 0px 60px;}
  .account-container .account-div{}
  .account-container .account-div .acc-order{background-image: url(icons/order-list.png); background-position:center; width: 105px; height: 86px; display: block; background-repeat: no-repeat; margin: 0 auto; background-size:contain;}
    .account-container .account-div .acc-child{background-image: url(icons/happy-child.png); background-position:center; width: 90px; height: 86px; display: block; background-repeat: no-repeat; margin: 0 auto; background-size:contain;}
    .account-container .account-div .acc-money{background-image: url(icons/money.png); background-position:center; width: 90px; height: 86px; display: block; background-repeat: no-repeat; margin: 0 auto; background-size:contain;}
    .account-container .account-div .acc-pc{background-image: url(icons/pc.png); background-position:center; width: 90px; height: 86px; display: block; background-repeat: no-repeat; margin: 0 auto; background-size:contain;}
    .account-container .account-div .acc-mail{background-image: url(icons/mail.png); background-position:center; width: 90px; height: 86px; display: block; background-repeat: no-repeat; margin: 0 auto; background-size:contain;}
    .account-container .account-div .acc-fund{background-image: url(icons/fund.png); background-position:center; width: 90px; height: 86px; display: block; background-repeat: no-repeat; margin: 0 auto; background-size:contain;}
    .account-container .account-div .acc-title{font-size: 18px; color: #3BB449; font-weight: 600; padding:10px 0px 20px; display:block;}
  
  .account-container .account-div .acc-cart:hover, .account-container .account-div .acc-child:hover, .account-container .account-div .acc-money:hover, .account-container .account-div .acc-pc:hover, .account-container .account-div .acc-fund:hover, .account-container .account-div .acc-order:hover, .account-container .account-div .acc-mail:hover{opacity:0.6;}
    
    .account-container .account-div .acc-details{display: block; padding: 0px 30px;}
    .account-container .account-div .acc-details .acc-hr{width: 85%; margin: 5px auto;}

  .account-container .fund-container{display:block; clear:both;}
  .account-container .fund-container.second{padding-top:75px;}

/************************* Credit Page **********************************/
.credit-fund-div{font-family: 'Open Sans', sans-serif; overflow:hidden; display:block; clear:both;}
  .credit-fund-div .credit-fund{background-image: url(icons/money.png); background-position: center; width: 90px; height: 86px; display: block;
    background-repeat: no-repeat; margin: 0 auto; background-size:contain;}
  .credit-fund-div .credit{font-size: 30px; font-weight: bold; color: #3BB449; display:block; padding-top:25px; padding-bottom:5px;}
  .credit-fund-div .sub-credit{font-size: 14px; font-weight: bold; color: #5d5d5d; display:block;}

/************************* Credit Page **********************************/
/************************* My Order Page **********************************/
.list{font-family: 'Open Sans', sans-serif;}

  .list .credit-title{font-size:18px; color:#3BB449; font-weight:100;}
  .list .credit-data{font-size:14px; color:#000; font-weight:100;}
  
@media only screen and (max-width: 1024px){
  table.list{overflow-x:scroll !important; /*display:inline-block;*/}
  /*.buttons .right{float:none; text-align:center;}*/
}
/************************* My Order Page **********************************/

  .withdraw-form .section-hr{ display: inline-block; border-bottom: 1px solid #f2f2f2; width: 100%; padding-top: 30px; margin-bottom: 60px;}

  .withdraw-form{padding: 80px 25px 0px;}
  
@media only screen and (max-width: 760px){
    .tab-content-withdraw{padding: 0px 20px;}
    .tabs-withdraw{width:90%;}
    .tabs-withdraw { height:40px; margin:0px 0px 15px;}
    .tabs-withdraw li a { padding: 14px; height:40px; line-height:14px;}
  .withdraw-form{padding:20px 0px 0px; text-align:center;}
    .withdraw-form .form-section label{padding:20px 0px; text-align:center; display:block;}
    .withdraw-form .form-section .form-section:last-child{padding-bottom:0px;}
    .withdraw-form .section-hr{margin-bottom:0px;}
} 
@media only screen and (min-width: 768px) and (max-width: 800px){
  .tabs-withdraw{width:35%;}
}
/************************* withdraw Page **********************************/

/************************* Customer Support Page **********************************/
.customer-support{ font-size: 18px; font-family: 'Open Sans', sans-serif;}

  .customer-support .customer-content{display: inline-block; padding: 90px 0px 125px; clear: both;}
  .customer-support .green-book{background-image: url(icons/book.png); background-position: center; width: 90px; height: 92px; display: block;
    background-repeat: no-repeat; margin: 0 auto; cursor:pointer; background-size: contain;}
  .customer-support .green-mail{background-image: url(icons/mail.png); background-position: center; width: 90px; height: 92px; display: block;
    background-repeat: no-repeat; margin: 0 auto; cursor:pointer; background-size: contain;}
  .customer-support .green-faq{background-image: url(icons/chat.png); background-position: center; width: 90px; height: 92px; display: block;
    background-repeat: no-repeat; margin: 0 auto; cursor:pointer; background-size: contain;}
  .customer-support .green-group{background-image: url(icons/group.png); background-position: center; width: 135px; height: 92px; display: block;
    background-repeat: no-repeat; margin: 0 auto; cursor:pointer; background-size: contain;}
  
  .customer-support .title{text-align: center; color: #3BB449; font-weight: bold; padding: 50px 0px 30px; display: block;}
  
  .customer-support .content{color: #444444; font-size: 14px; padding: 0px 25px; text-align: center; font-weight: 100;}
  
@media only screen and (max-width: 767px){
  .customer-support .customer-content{padding:30px 0px;}
  
  .customer-support .green-mail{width: 100%; height: 100px;}
  .customer-support .title{padding:20px 0px;}
  .customer-support .green-faq, .customer-support .green-group{width: 100%; height: 100px; margin-top:30px;}
}
/************************* Customer Support Page **********************************/

/************************* Cart Page **********************************/

.product-area{display:block; clear:both; padding-top:75px; font-family: 'Open Sans', sans-serif;}
  .product-area .cart-image{text-align: center; width: 130px; height: 130px; margin: 0px auto; border: 1px solid #e8e8e8; padding: 5px;}
    .product-area .cart-image img{width:55px;}
  .cart-form .product-area .cart-image img{width:120px;}
  .product-area .no-image{background-image: url(icons/no-cart-product.png); background-position: 5px 30px; width: 95px; height: 120px; display: block;
    background-repeat: no-repeat; margin: 0 auto;}
  
  .product-area .first-row{display: block; clear: both; height: 65px; border-bottom: 1px solid #e8e8e8;}
    .product-area .first-row .name, .product-area .first-row .price, .product-area .first-row .total{padding: 20px 0px 0px; display: inline-block; color:#444444; font-weight:100; text-align:center;}
    .product-area .first-row .total{padding: 20px 0px 0px; display: inline-block; color:#444444; font-weight:100; float:right;}
    .product-area .first-row .date, .product-area .first-row .quantity{text-align:center;}
      .product-area .first-row .date input, .product-area .first-row .quantity input{color: #444444; font-weight: 100; border-radius: 5px;}
      
  .product-area .second-row{}
    .product-area .second-row .option{color: #444444; font-weight: 100; display:block;}
    .product-area .second-row .action .remove{color: #ff0000; font-weight: 100; float: right; font-size: 14px;}
    
.cart-total{display:block; clear:both; font-family: 'Open Sans', sans-serif; background-color:transparent !important; overflow:auto; padding: 0px 0px 10px 20px; border-bottom: 1px solid #e8e8e8; margin-bottom:40px;}
  .cart-total .left{font-size: 14px; color: #444444; font-weight: 100; float: right;}
  .cart-total .left.main-total{font-size: 24px; padding:40px 0px;}
  
.shopping-option{font-family: 'Open Sans', sans-serif; display: block; clear: both; padding: 0px 0px 30px; overflow:hidden;}
  .shopping-option .text-left{color: #444444; font-size: 18px; font-weight: 100; float:left; padding-bottom:20px;}
  .shopping-option .text-right{color: #444444; font-size: 18px; font-weight: 100; float:right; padding-bottom:20px;}

.checkout-button {
  text-align: right;
  padding: 0px 0px 30px
}

@media only screen and (max-width: 1024px) {
  .shopping-option .text-left, .shopping-option .text-right {
    padding-top: 20px;
    text-align: center;
    width:100%;
  }
}
  
@media only screen and (max-width: 767px){
  .cart-form{padding:0px 10px;}
    .cart-form .product-area .first-row{text-align:center;}
    .cart-form .product-area .first-row .quantity input[type='text']{width:50px;}
    .cart-total {padding: 20px 20px 55px 20px;}
    .cart-total .left.main-total{padding:20px 0px;}
  .product-area .first-row .name, .product-area .first-row .price, .product-area .first-row .total{padding:5px 0px 0px;}
  .product-area .first-row .date{padding:10px 0px;}
  
  .cart-form .product-area .cart-image{width: 110px; height: 110px;}
    .cart-form .product-area .cart-image img{width: 100px;}
  .cart-form .product-area .no-image{width: 100px; height: 100px; background-size: contain;background-position: 2.5px 15px;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
  .cart-form{padding:0px 20px;}
}
/************************* Cart Page **********************************/

/************************* My Students Page **********************************/
.student-div {font-family: 'Open Sans', sans-serif; padding-top:65px; text-align:center;}
  .student-div .green-child{background-image: url(icons/happy-child.png); background-position: center; width: 100px; height: 100px; display: block; background-repeat: no-repeat; margin: 0 auto; background-size:contain;}
    .student-div .green-child img{border-radius:50%;}
  .student-div .green-child-mobile{background-image: url(icons/green-child-mobile.png); background-position: center; width: 180px; height: 200px; display: block; background-repeat: no-repeat; margin: 0 auto;}
    .student-div .green-child-mobile img{border-radius:50%;}
  
  .student-div .name{color: #3BB449; font-size: 18px; display: block;  text-align: center;  padding: 35px 0px 25px; font-weight:bold;}
  .student-div .tuckshop{font-size: 14px; display: block; text-align: center; color: #444444; font-weight: bold;}
  .student-div .class{font-size: 14px; color: #444444; font-weight: 100; text-align: center; display: block; padding-bottom: 25px;}
  
  .student-div .action-links-container{max-width: 175px; margin: 0px auto; padding: 5px 0px; display: block; overflow:auto;}
    .student-div .action-links-container .action-link{color: #444444; display: block; padding: 5px 0px; font-size: 14px; float:left;}
    .student-div .action-links-container .action-link.red-link{color:#f41535;}
  .student-div .action-links-container .action-link.right{float:right;}
  
.action-buttons{clear:both; padding:70px 0px 80px !important;}

@media only screen and (max-width: 767px){
  .student-div{padding-top:10px;}
  .student-div .action-links-container{max-width: 90%; padding:0px;}
  .student-div .name{padding:5px 0px; font-size: 22px;}
  .action-buttons{padding: 20px 0px !important;}
  
  .student-div .green-child{width: 100%; height: 150px;}
}

/************************* My Students Page **********************************/

.section-hr{display: inline-block; border-bottom: 1px solid #f2f2f2; width: 100%; padding-top: 15px;}

#pickup-address, #confirm, #payment-method, #shipping-method, #shipping-address{ display: block;font-family: 'Open Sans', sans-serif;clear: both;overflow: visible;padding: 0px;margin: 0px;}
#pickup-address, #confirm .form-section,#payment-method .form-section,#shipping-method .form-section,#shipping-method .form-address{float: left;width: 100%;margin-bottom: 0px;text-align: right;}
  #pickup-address .form-section label, #confirm .form-section label, #payment-method .form-section label, #shipping-method .form-section label, #shipping-address .form-section label{font-size: 14px; color: #898989; font-weight: bold; display:block; padding:4px 0px;}
  #pickup-address .form-section .title, #confirm .form-section .title, #payment-method .form-section .title,  #shipping-method .form-section .title,  #shipping-address .form-section .title{font-size: 14px; color: #898989; font-weight: bold; display:block; padding:10px 0px;text-transform: uppercase;}
  #payment-method .form-section .icw-input{padding: 18px; border-radius: 5px;}
  
  #payment-method .form-section .checkout-content, #shipping-method .form-section .checkout-content, #shipping-address .form-section .checkout-content{padding:0px;}
  #payment-method .form-section textarea{border-radius: 5px; padding: 10px 15px; font-size:14px;}
  
  #payment-method .form-section .checkout-content .radio .radio-text .capitalize{text-transform:capitalize;}
  #payment-method .form-section .checkout-content .radio .fund-icon{background-image: url(icons/fund.png); background-position: 0px 0px; width: 20px; height: 20px; display: block; background-repeat: no-repeat; float:left; background-size:contain; margin-right:10px;}
  #payment-method .form-section .checkout-content .radio .cc{background-image: url(icons/cc.png); background-position: 0px 0px; width: 20px; height: 20px; display: block; background-repeat: no-repeat; float:left; background-size:contain; margin-right:10px;}
  #payment-method .form-section .checkout-content .radio .paypal{background-image: url(icons/paypal.png); background-position: 0px 0px; width: 20px; height: 20px; display: block; background-repeat: no-repeat; float:left; background-size:contain; margin-right:10px;}
  
  #confirm .product-area{display: block; clear: both; overflow:auto; padding-bottom:30px;}
    #confirm .product-area .cart-image{text-align: center; width: 65px; height: 65px; margin: 0px auto; border: 1px solid #e8e8e8; padding: 5px;}
    #confirm .product-area .no-image{background-image: url(icons/no-cart-product.png); background-position: -3px 8px; width: 60px; height: 60px; display: block; background-repeat: no-repeat; margin: 0 auto; background-size:contain;}
    #confirm .product-area .first-row {display: block; clear: both; height: 30px; border-bottom: 1px solid #e8e8e8; text-align:left;}
    #confirm .product-area .first-row .name, .product-area .first-row .price, .product-area .first-row .total{padding: 0px; display: inline-block; color:#444444; font-weight:100; text-align:center;}
    #confirm .product-area .first-row .total{padding: 0px; display: inline-block; color:#444444; font-weight:100; float:right;}
    #confirm .product-area .first-row .date, .product-area .first-row .quantity{padding: 0px; text-align:center;}
      #confirm .product-area .first-row .date input, .product-area .first-row .quantity input{color: #444444; font-weight: 100; border-radius: 5px;}
    
    #confirm .product-area .second-row{text-align:left;}
    #confirm .product-area .second-row .option{color: #444444; font-weight: 100; display:block;}
    #confirm .product-area .second-row .action .remove{color: #ff0000; font-weight: 100; float: right; font-size: 14px;}
    
  #confirm .cart-total{display:block; clear:both; font-family: 'Open Sans', sans-serif; background-color:transparent !important; overflow:auto; padding-bottom: 0px; border-bottom: 1px solid #e8e8e8; margin-bottom:40px;}
  #confirm .cart-total .left{font-size: 14px; color: #444444; font-weight: 100; float: right;}
  #confirm .cart-total .left.main-total{font-size: 24px; padding:20px 0px;}
    #confirm .cart-total .bag-inst{color:#444444;}
    

.cc-form .form-section {float:left; width:100%; margin-bottom:26px; text-align:right; font-family: 'Open Sans', sans-serif; padding:10px 0px;}
.cc-form .form-section:last-child{padding-bottom:35px;}
  .cc-form .form-section .form-note {padding:20px 10px 0px 20px;}
  
  .cc-form .form-sub-title {font-size:18px; color:#a9a9a9 !important; font-weight:400; padding-bottom:10px; padding-bottom:10px; padding-top:24px; padding-left:30px; overflow:hidden}
  
  .cc-form .form-section label {font-size: 14px; color: #898989; font-weight: 600;}
  
  .cc-form .form-section .icw-input {padding:18px; border-radius:5px; width:100%;}
  .cc-form .form-section select.icw-input {border-radius:5px;box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.08);color: #777; margin:0px; line-height:4em; height:55px;}
    .cc-form .form-section input[name='captcha'] {width: 100% !important; margin: 0px !important; }
  .cc-form .form-section .required {font-size:14px; color:#56b64b; padding-top: 16px;display: inline-block;line-height: 100%;}
  
  .cc-form .form-section .captcha-img {padding-top:26px;}

  .cc-form .form-btn-block {text-align:center; padding:25px 0px 70px;}
  .cc-form .form-section span.error {display: inline-block; left: 0px; background-color: #e51b1b; color: white; padding: 4px; border-radius:5px; font-size: 12px; position: relative;
  }
  
  .cc-form .register-checked{position:relative; float:left;}
  .cc-form .register-checked:hover{cursor:pointer;}
  .cc-form .register-checked:before{background: #fff url(icons/checkbox-inactive.png) 0 0 no-repeat; width:36px; height:36px; position:absolute; content:" ";}
  .cc-form .register-checked-active:before{
    background: #fff url(icons/checkbox-active.png) 0 0 no-repeat !important;
  }

#shipping-new .form-section {float:left; width:100%; margin-bottom:0px; text-align:right; font-family: 'Open Sans', sans-serif; padding:6px 0px;}
#shipping-new .form-section:last-child{padding-bottom:35px;}
  #shipping-new .form-section .form-note {padding:20px 10px 0px 20px;}
  
  .cc-form .form-sub-title {font-size:18px; color:#a9a9a9 !important; font-weight:400; padding-bottom:10px; padding-bottom:10px; padding-top:24px; padding-left:30px; overflow:hidden}
  
  #shipping-new .form-section label {font-size: 14px; color: #898989; font-weight: 600;}
  
  #shipping-new .form-section .icw-input {padding:14px; border-radius:5px; width:100%;}
  #shipping-new .form-section select.icw-input {border-radius:5px;box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.08);color: #777; margin:0px; line-height:4em; height:48px;}
    #shipping-new .form-section input[name='captcha'] {width: 100% !important; margin: 0px !important; }
  #shipping-new .form-section .required {font-size:14px; color:#56b64b; padding-top: 16px;display: inline-block;line-height: 100%;}
  
  #shipping-new .form-section .captcha-img {padding-top:26px;}

  #shipping-new .form-btn-block {text-align:center; padding:25px 0px 70px;}
  #shipping-new .form-section span.error {display: inline-block; left: 0px; background-color: #e51b1b; color: white; padding: 4px; border-radius:5px; font-size: 12px; position: relative;
  }
  
#payment-method .donation, #payment-existing .inst, #shipping-existing .inst{
  color: #a1a1a1;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    float: left;
    line-height: 25px;
}
#payment-existing select, #shipping-existing select{
  padding: 10px;
    font-family: 'Open Sans', sans-serif;
    float: left;
    border-radius: 5px;
    box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.08);
    color: #B1B1B1;
    margin: 0px;
}

@media only screen and (max-width: 768px){
  .checkout{padding:0px 10px; text-align:center; margin:0px;}
    .checkout #pickup-address, .checkout #confirm, .checkout #payment-method, .checkout #shipping-method, .checkout #shipping-address{padding:0px;}
    .checkout #pickup-address .form-section label, .checkout #confirm .form-section label, .checkout #payment-method .form-section label, .checkout #shipping-method .form-section label, .checkout #shipping-address .form-section label{margin:0px auto; text-align:left;}
    .checkout #confirm .product-area .first-row{text-align:center;}
    .checkout #confirm .product-area .first-row .date{padding-top:0px;}
    .checkout #confirm .product-area{padding-bottom:50px;}
    .checkout #confirm .cart-total{overflow:visible; padding-bottom:5px; margin-bottom:0px;}
    .checkout .checkout-content{padding:0px;}
      .checkout .checkout-content .buttons{margin:0px; padding:0px;}
  
  #pickup-address, #payment-method .form-section, #shipping-method .form-section, #shipping-address .form-section{padding-bottom: 0px;}
  
  #pickup-address .form-section .title, #confirm .form-section .title, #payment-method .form-section .title, #shipping-method .form-section .title, #shipping-address .form-section .title{text-align:center;}
}

@media only screen and (min-width: 768px) and (max-width: 800px){
  .checkout .checkout-content{padding-top:10px;}
  .checkout #confirm .product-area .first-row .date{padding:0px;}
  .checkout-content .left{width:100%;}
}
/********************************** Checkout Page **********************************/

.section-hr{display: inline-block;border-bottom: 1px solid #f2f2f2;width: 100%;padding-top: 30px; margin-bottom: 60px;}

#button-new-card{padding-bottom: 15px; display: block;}

.topup-tab .amount-radio{text-align:center;} 
  .topup-tab .amount-radio .amount-first + label:before{background: #fff url(icons/topup-amount.png) 0 0 no-repeat; width: 77px; height: 77px; position: absolute; content: " "; left: -35px;}
  .topup-tab .amount-radio .amount-first:checked + label:before{background-position:0px -77px;}
  
  .topup-tab .amount-radio .amount-second + label:before{background: #fff url(icons/topup-amount.png) -153px 0 no-repeat; width: 77px; height: 77px; position: absolute; content: " "; left: -35px;}
  .topup-tab .amount-radio .amount-second:checked + label:before{background-position:-153px -77px;}
  
  .topup-tab .amount-radio .amount-third + label:before{background: #fff url(icons/topup-amount.png) -303px 0 no-repeat; width: 77px; height: 77px; position: absolute; content: " "; left: -35px;}
  .topup-tab .amount-radio .amount-third:checked + label:before{background-position:-303px -77px;}
  
  .topup-tab .amount-radio .amount-other + label:before{background: #fff url(icons/topup-amount.png) -453px 0 no-repeat; width: 77px; height: 77px; position: absolute; content: " "; left: -35px;}
  .topup-tab .amount-radio .amount-other:checked + label:before{background-position:-453px -77px;}
  
  .topup-tab .amount-radio .amount-first:hover, .topup-tab .amount-radio .amount-second:hover, .topup-tab .amount-radio .amount-third:hover, .topup-tab .amount-radio .amount-other:hover{cursor:pointer;}

#confirm .checkout-content .product-area{padding-top:0px;}

@media only screen and (max-width: 767px){
  .tab-content-topup{padding: 0px; text-align:center;}
    .tabs-topup{width:100%;}
    .tabs-topup { height:50px; margin:0px 0px 15px;}
    .tabs-topup li a { padding: 14px; height:50px; line-height:14px;}
    .tab-content-topup .form-section label{text-align:center; display:block; padding:10px 0px;}
    .tab-content-topup #other-amount-cc{padding-top:0px !important;}
    .tab-content-topup .topup-form .section-hr{margin-bottom:10px;}
    .tab-content-topup .form-section{text-align:center;}
    .tab-content-withdraw .form-section{text-align:center;}
    .edit-account-form .form-section{text-align:center;}
      .tab-content-topup .form-section .register-checked{float:none;}
      .tab-content-topup .form-section:last-child{padding-bottom:0px;}
  
  .topup-tab{padding:0px 20px;}
    .topup-tab .amount-radio{height:100px;}
    .topup-tab .amount-radio .amount-first + label:before, .topup-tab .amount-radio .amount-second + label:before, .topup-tab .amount-radio .amount-third + label:before, .topup-tab .amount-radio .amount-other + label:before{left:20%; top:-20px;}
}
/****************************** Topup Page v2 ******************************/
/************************* Change Password Page **********************************/
.change-pass-form .form-section {float: left; width: 100%; margin-bottom: 26px; text-align: right;}
 .change-pass-form .form-section label{font-size: 14px; font-family: 'Open Sans', sans-serif; color: #898989; font-weight: 600; text-transform: uppercase;}
 .change-pass-form .form-section label.error{font-size: 10px; color: #ff2814; font-family: 'Open Sans', sans-serif; font-weight: 600; text-transform:none; float: left;}
 
 .change-pass-form .form-section .success-message{display:none;float: left; font-size: 10px; color: #3BB449; font-family: 'Open Sans', sans-serif; font-weight: 600;}
 
 .change-pass-form .form-section label .required{font-family: 'Open Sans', sans-serif; font-size: 14px; color: #56b64b; padding-top: 16px; display: inline-block; line-height: 100%;}
 
 .change-pass-form .form-section .icw-input{padding: 18px; font-family: 'Open Sans', sans-serif; border-radius: 5px;}
 
.new-status-icons{display: inline-block; background: url(icons/error-success.png); height: 34px; width: 34px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear;}
 .new-status-icons.error-icon{background-position: 0px 0px; display:none;}
 .new-status-icons.success-icon{background-position: 0px -42px; display:none;}

.change-pass-form .section-hr {display: inline-block; border-bottom: 1px solid #f2f2f2; width: 100%; padding-top: 30px; margin-bottom: 60px;}

@media only screen and (max-width: 768px){
  .change-pass-form{padding:0px 20px;}
    .change-pass-form .form-section{text-align:center;}
      .change-pass-form .form-section label{padding-bottom:25px; display:inline-block;}
      .change-pass-form .form-section .buttons .right, .change-pass-form .form-section .buttons .left{float:none;}
      .change-pass-form .form-section .new-status-icons{margin:0px auto;}
    .change-pass-form .section-hr{padding:0px; margin-bottom:25px;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
  .change-pass-form .form-section .buttons .right{float:right;}
  .change-pass-form .form-section .buttons .left{float:left;}
}
/************************* Change Password Page **********************************/
@media only screen and (max-width: 420px){
  .main-title {line-height:36px;}
}
/********************************** Titles **********************************/

/************************* Forgot Password Page *************************/
.forgot-pass-form{padding: 15px 0px 50px; display:block; overflow:auto;}
  .forgot-pass-form .form-section {float: left; text-align: left; width: 100%;margin-bottom: 26px;}
    .forgot-pass-form .form-section label {font-size: 14px; font-family: 'Open Sans', sans-serif; color: #898989; font-weight: 600; text-transform: uppercase;}
    .forgot-pass-form .form-section label small{font-size: 12px; display: block; font-style: italic; font-family: 'Open Sans', sans-serif; text-transform: none; color: #898989;
    font-weight: 100;}
    .forgot-pass-form .form-section .required{font-family: 'Open Sans', sans-serif;  font-size: 14px;  color: #56b64b;  padding-top: 16px;  display: inline-block;  line-height: 100%;}
    .forgot-pass-form .form-section .icw-input{padding: 18px; font-family: 'Open Sans', sans-serif; border-radius: 5px;}


@media only screen and (max-width: 768px){
  .forgot-pass-form {padding:15px 20px 0px;}
}
/************************* Forgot Password Page *************************/

@media only screen and (max-width: 768px){
  #content{padding:0px;}
  .about-block1{padding: 20px 0px 0px; margin-bottom: 0px;}
    .about-block1 .about-block1-img{padding: 20px 40px;}
    .about-block1 .about-block1-txt{margin:0px; padding: 50px 20px; text-align:center;}
    .about-block1 .about-block1-txt h2{font-size:34px; line-height:40px;}
    
  .about-block2 .about-block2-content{padding:0px 20px; text-align:center;}
    .about-block2 .big-green-book{margin: 0px auto; background-size: 130px 150px;}
    
  .about-block3{margin:0px; padding:65px 0px 20px;} 
    .about-block3 .big-mac-pc{background-size: contain; margin: 0px auto 20px; height: 182px;}
    .about-block3 .about-block3-content{padding: 0px 20px; text-align: center;}
  
  .about-block4{padding:0px;} 
    .about-block4 .big-green-thumb{width: 130px; height: 145px; margin: 60px auto;}
    .about-block4 .about-block4-content{padding: 0px 20px; text-align: center;}
      .about-block4 .about-block4-content h1{font-size: 28px; line-height: 30px;}
  
  .info-page-reg{padding: 0px 20px 20px !important; width: 100%;}
  
  .extended-layout #content{padding:0px !important;}
}
@media only screen and (min-width: 768px) and (max-width: 800px){
  .extended-layout #content{padding:0px !important;}

  .about-block1{padding: 50px 20px 20px;}
    .about-block1 .about-block1-txt{margin-top: 35px; line-height: 20px; padding: 20px 10px;}
    .about-block1 .about-block1-txt h2{font-size: 20px;}
    
  .about-block2 .about-block2-content{text-align:right;}
  
  .about-block3 .about-block3-content{text-align:left;}
  
  .about-block4{padding:40px 0px 0px;}
    .about-block4 .about-block4-content{text-align:right;}
}

@media only screen and (min-width: 981px) and (max-width: 1024px){
  .extended-layout #content{padding:0px !important;}
  
  .about-block1{padding: 50px 20px 20px;}
    .about-block1 .about-block1-txt{margin-top: 50px; line-height: 20px; padding: 50px 78px 50px 20px;}
    .about-block1 .about-block1-txt h2{font-size: 30px;}
    
  .about-block2 .about-block2-content{text-align:right;}
  
  .about-block3{padding: 65px 0px 25px; margin-top: 80px;}
    .about-block3 .big-mac-pc{background-size: 450px 260px; margin: 0px auto; width: 450px; height: 260px;}
}
/************************* About Us Page ***********************/

@media only screen and (max-width: 768px){
	.home-block1{background-size: contain; width: 100%; padding:30px 0px 0px; margin: 0px auto; float: left; background-image: url('icons/home-top-bg-mobile.png');}
    .home-block1 .home-block1-img{padding: 0px 20px 60px; text-align: center;}
	.home-block1-txt{padding:0px 20px; text-align:center;}
    .home-block1 .home-block1-txt h1{font-size:30px !important;}
    
    .btn-line.btn-border-black{background-color:transparent;}
    .home-block1-txt p{margin-bottom:15px;}
	.home-block4{width: 100%; margin:0px;}
    .home-block-4.section-left, .home-block-4.section-right{padding:60px 20px;}
  
  .icw-container .home-content{width:100%; padding: 20px;}
    .icw-container .home-content h1{line-height: 35px; font-size: 25px !important; padding-bottom:0px;}
    
  .icw-container .home-block-3{width:100%; padding:0px 20px; margin-bottom:0px;}
    .icw-container .home-block3 .home-icon-icw.home-green-route, .icw-container .home-block-3 .home-icon-icw.home-green-group, .icw-container .home-block-3 .home-icon-icw.home-green-money-bag{margin-top:50px;}
    
  .icw-container .home-step-arrow{padding:50px 0px 0px;}
  
  .home-block-bottom{text-align:center; padding: 0px 0px 50px}
    .home-block-bottom .home-block-bottom-txt{margin:0px; padding:50px 20px;}
    .home-block-bottom .home-block-bottom-txt:before, .home-block-bottom .home-block-bottom-txt:after{display:none;}
    .home-block-bottom .home-block-bottom-img{padding:50px 20px;}
  .cms-block{padding-right:0px !important;}
  .cms-blocks .blocks{margin:0px !important;}
}

@media only screen and (min-width: 768px) and (max-width: 800px){
  .extended-layout #content{padding:0px !important;}
  .home-block1 .home-block1-txt h1{font-size:25px !important; line-height:30px; margin:0px;}
  .home-block-4.section-left, .home-block-4.section-right{min-height:450px;}
  
  .icw-container .home-block3 .home-icon-icw.home-green-route, .icw-container .home-block-3 .home-icon-icw.home-green-group, .icw-container .home-block-3 .home-icon-icw.home-green-money-bag{margin:0px;}
  .icw-container .home-step-arrow{padding:50px 0px;}
  
  .home-icon-step{background-size: contain; width: 500px; margin: 0px auto;}
  .home-block-bottom .home-block-bottom-txt{padding: 10px; margin-top: 120px; font-size:15px;}
    .home-block-bottom .home-block-bottom-txt:before, .home-block-bottom .home-block-bottom-txt:after{display:block;}
  .home-block-bottom .home-block-bottom-img{padding:50px 0px 0px;}
}

@media only screen and (min-width: 981px) and (max-width: 1024px){
  .extended-layout #content{padding:0px !important;}
  .home-block1{margin:0px;}
  .home-block-4{padding:50px 30px 50px; min-height:425px;}
  .home-block4{margin-bottom:60px;}
  .home-block-bottom .home-block-bottom-txt{margin-top:85px;}
}
/****************************** New Home PAGE*******************************/
/************************* Titles **********************************/

/****************************** 404 Page **********************************/
.error-page{font-family: 'Open Sans', sans-serif;}
  .error-page .row{margin-right: 0px!important; margin-left: 0px!important}
  .error-page .main-title{font-size:60px;}
  .error-page .main-sub-title{font-size:24px; padding:40px 0px 100px; font-weight:100; width:35%; line-height:35px; margin:0px auto;}
  .error-page .green-child{background-image: url(icons/sad-child.png); background-position: center; width: 240px; height: 260px; display: block; background-repeat: no-repeat; margin: 100px auto 40px;}
  
  .error-page .error-page-div{text-align:center; padding-bottom:75px;}
  .error-page .error-page-div .green-chat{background-image: url(icons/chat.png); background-position: center; width: 100%; height: 95px; display: block; background-repeat: no-repeat; background-size:contain;}
  .error-page .error-page-div .green-mail{background-image: url(icons/mail.png); background-position: center; width: 100%; height: 95px; display: block; background-repeat: no-repeat; background-size:contain;}
  .error-page .error-page-div .green-caller{background-image: url(icons/caller.png); background-position: center; width: 100%; height: 95px; display: block; background-repeat: no-repeat; background-size:contain;}
  
  .error-page .error-page-div .error-title{color: #3BB449; display: block; font-weight: 600; font-size: 18px; padding-top: 40px;}
  .error-page .error-page-div .error-details{color: #444444; font-weight: 100; font-size: 14px; padding-bottom: 60px; display: block;}
  
@media only screen and (max-width: 768px){
  .error-page .main-title{padding:10px 15px;    font-size: 40px;}
  .error-page .green-child{margin:50px auto 50px;}
  .error-page .main-sub-title{width:100%; padding:20px 15px;}
  .error-page .error-page-div { padding-bottom: 50px;}
}

@media only screen and (min-width: 768px) and (max-width: 800px){
  .error-page .error-page-div .new-btn{padding:8px 25px;}
}
/****************************** 404 Page **********************************/
/************************* Account Page **********************************/
@media only screen and (max-width: 768px){
  .account-container{padding: 40px 0px 40px;}
  .account-container .account-div .acc-child, .account-container .account-div .acc-money, .account-container .account-div .acc-pc{margin-top: 40px;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
  .account-container .account-div .acc-child, .account-container .account-div .acc-money, .account-container .account-div .acc-pc{margin-top: 0px;}
  .account-container .account-div .acc-details{padding:0px 10px;}
}
/************************* Account Page **********************************/
@media only screen and (max-width: 768px){
  .add-student-form{padding:0px 20px;}
    .add-student-form .form-section{text-align:center;}
    .add-student-form .form-section .icw-input#pass-confirm{margin-top:25px;}
    .add-student-form .form-section label{padding: 0px 0px 30px; display: block; text-align: center;}
      .add-student-form .form-section label.radio{display:inline-block;}
    .add-student-form .section-hr{margin-bottom:30px;}
    .add-student-form .form-section .photo{text-align:center; padding-bottom:0px;}
}
@media only screen and (min-width: 768px) and (max-width: 800px){
  .add-student-form .form-section .icw-input#pass-confirm{margin-top:0px;}
  .add-student-form .form-section{text-align:left;}
  .add-student-form .form-section .photo{text-align:left;}
}
/********************************** Add Student Page **********************************/
/***************** Credit Page ************************/
@media only screen and (max-width: 600px){
  table.list{overflow-x:scroll !important; /*display:inline-block;*/}
}
/***************** Credit Page ************************/
/********************************** Order Success Page **********************************/
#overlay {
    background:rgba(0,0,0,0.3);
    width:100%; height:100%;
    position: fixed; top:0; left:0; z-index:99998;
}
.success-thumb{
  background-image: url(icons/thumb.png);
    background-position: center;
    width: 200px;
    height: 200px;
    display: block;
    background-repeat: no-repeat;
    margin: 50px auto 0px;
}
.order-info{
  display: block;
    text-align: center;
    color: #444444;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 100;
}
.order-info.last-block{padding: 40px 0px 150px;}


.success-div{
  border: 1px solid #3BB449;
  border-radius: 10px;
  padding: 25px;
  background: #fff;
  z-index: 99999;
  position: fixed;
  width: 60%;
  margin: 50px 20%;
  left: 0px;
  top:0px;
}
.success-div .main-title{font-size: 24px;}
.success-div .success-thumb{
  background-image: url(icons/thumb.png);
  background-size: contain;
  background-position: center;
  width: 150px;
  height: 150px;
  display: block;
  background-repeat: no-repeat;
  margin: 25px auto 0px;
}
.success-div .close, .error-div .close{
  float: right;
  padding-top: 4px;
  padding-right: 4px;
  cursor: pointer;
}
  
.error-div {
  border: 1px solid #E51B1B;
  border-radius: 10px;
  padding: 25px;
  background: #fff;
  z-index: 99999;
  position: fixed;
  width: 60%;
  margin: 50px 20%;
  left: 0px;
  top:0px;
}
.error-div .main-title{padding:0px;font-size: 24px;}

.popup-close-div {
  margin-top: 20px;
  width: 100%;
  text-align:center;
}
  
@media only screen and (max-width: 768px){
  .error-div {
    top:20%;
    width:70%;
    margin:0px auto auto 15%;
  }
  .error-div .main-title{
    padding:0px 0px;
    font-size: 16px;
    line-height: 26px;
  }
  .success-div{
    width:70%;
    top:20%;
    padding:10px;
    margin:0px auto auto 15%;
  }
  .success-div .success-thumb{
    width:100px;
    height:100px;
    margin-bottom: 20px;
  }
  .success-div .main-title{
    padding:0px 0px;
    font-size: 16px;
    line-height: 26px;
  }
}
/********************************** Order Success Page **********************************/
/********************************** Tuckshop Public Page **********************************/
.tuckshop-public, .fund-public{ font-size: 18px; font-family: 'Open Sans', sans-serif; padding:100px 0px; display:block; clear:both; overflow:auto; text-align:center;}
  .tuckshop-public .green-faq{background-image: url(icons/chat.png); background-position: center; width: 100px; height: 100px; display: block;
    background-repeat: no-repeat; margin: 0 auto; background-size:contain;}
  .tuckshop-public .green-note{background-image: url(icons/note.png); background-position: center; width: 100px; height: 100px; display: block;
    background-repeat: no-repeat; margin: 0 auto; background-size:contain;}
  .tuckshop-public .green-clock{background-image: url(icons/alarm.png); width: 100px; height: 100px; display: block; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 auto; background-size:contain;}
  .tuckshop-public .green-class{background-image: url(icons/happy-child.png); background-position:center; width: 100px; height: 100px; display: block; background-repeat: no-repeat; margin: 0 auto; background-size:contain;}
  .tuckshop-public .green-desc{background-image: url(icons/book.png); background-position: center; width: 100px; height: 100px; display: block;
    background-repeat: no-repeat; margin: 0 auto; background-size:contain;}
  
  .tuckshop-public.second-row{padding-top:0px;}
  
  .fund-public .title, .tuckshop-public .title{text-align: center; color: #3BB449; font-weight: bold; padding: 50px 0px 30px; display: block;}
  .tuckshop-public .content{color: #444444; font-size: 14px; padding: 0px 25px; text-align: center; font-weight: 100;}
  .fund-public .content{color: #444444; font-size: 14px; padding: 25px 25px; text-align: center; font-weight: 100;}
  

.login-container{display: block; padding-top: 50px;}
.login-container .login-form-tuckshop {}
  .login-form-block {margin-bottom:25px; position:relative}
  
  .login-form-tuckshop .icw-login-input {height: 51px; line-height: 51px; box-shadow:none; border:1px solid #e7e7e7; background:#fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-family: 'Open Sans', sans-serif; font-weight:300; font-size:18px;}
  
  .login-form-block.login-user-icon .icw-login-input, .login-form-block.login-pass-icon .icw-login-input {padding-left:65px;}
  .login-form-block.login-user-icon:before {position:absolute; content:""; background:#02c04a url(icons/login-user-icon.png) 50% 50% no-repeat; width:51px; height:51px; display:block; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
  .login-form-block.login-pass-icon:before {position:absolute; content:""; background:#02c04a url(icons/login-pass-icon.png) 50% 50% no-repeat; width:51px; height:51px; display:block; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
  
  .btn-login {border:3px solid #02c04a; background:#fff; color:#02c04a; font-family: 'Open Sans', sans-serif; font-weight:300; font-size:18px; text-align:center; line-height:45px; display:block; width:100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
    .btn-login:hover {background:#02c04a; color:#fff; cursor:pointer}
    
.login-form-buttons {padding-top:15px;}
  .login-form-buttons .link-right {float:right} 
  .login-form-buttons a {color:#d4d4d4; font-family: 'Open Sans', sans-serif; font-weight:300; font-size:14px; text-decoration:underline}
    .login-form-buttons a:hover {color:#02c04a; text-decoration:none}
      

@media only screen and (max-width: 768px){
  .tuckshop-public{padding:50px 0px 0px;}
    .tuckshop-public .green-note, .tuckshop-public .green-clock, .tuckshop-public .green-class, .tuckshop-public .green-desc{
      margin-top:25px;
    }
    .tuckshop-public.second-row{padding-bottom:50px;}
  .login-container{padding:50px 20px;}
}
/********************************** Tuckshop Public Page **********************************/
/****************************** Quick Register ******************************/

.form-section {float:left; width:100%; margin-bottom:26px; text-align:right;}
.form-section:last-child{padding-bottom:35px;}
  .form-section .form-note {padding:20px 10px 0px 20px;}
  
  .form-sub-title {font-size:18px; color:#a9a9a9 !important; font-family: 'Open Sans', sans-serif; font-weight:400; padding-bottom:10px; padding-bottom:10px; padding-top:24px; padding-left:30px; overflow:hidden}
  
  .form-section label {font-size: 14px; font-family: 'Open Sans', sans-serif; color: #898989; font-weight: 600; text-transform: uppercase;}
  
  .form-section .icw-input {padding:18px; font-family: 'Open Sans', sans-serif; border-radius:5px;}
  .form-section select.icw-input {font-family: 'Open Sans', sans-serif; border-radius:5px;box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.08);color: #777; margin:0px; line-height:4em; height:55px;}
    .form-section input[name='captcha'] {width: 100% !important; margin: 0px !important; }
  .form-section .required {font-family: 'Open Sans', sans-serif; font-size:14px; color:#56b64b; padding-top: 16px;display: inline-block;line-height: 100%;}
  
  .form-section .captcha-img {padding-top:26px;}
  
  .form-btn-block {text-align:center; padding:25px 0px 70px;}
  .form-section span.error {
    display: inline-block;
    left: 0px;
    background-color: #e51b1b;
    color: white;
    padding: 4px;
    border-radius:5px;
    font-size: 12px;
    position: relative;
	margin: 5px 0px;
	border: 1px dashed;
  }
  
  
  .form-section .quick-register-radio{text-align:left;}

.error-activate-text{
  font-size: 14px;
    color: #444444;
    display: block;
    padding: 0px 0px 50px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
  .error-activate-text p{
    padding:0px 250px;
    line-height:30px;
  }

.error-activate-button{
  text-align: center;
    padding-bottom: 100px;
}

.password-text-agree{line-height: 40px; color: #898989;font-family: 'Open Sans', sans-serif; font-weight: 500; margin-left:50px;}
.password-checked{position:relative; float:left;}
.password-checked:hover{cursor:pointer;}
.password-checked:before{background: #fff url(icons/checkbox-inactive.png) 0 0 no-repeat; width:36px; height:36px; position:absolute; content:" ";}
.password-checked-active:before{
  background: #fff url(icons/checkbox-active.png) 0 0 no-repeat !important;
}
  
.radio {
  display: inline-block;
  padding-right: 20px;
  font-size: 18px;
  line-height: 49px;
  cursor: pointer;
}
.radio .radio-text{
  color:#a1a1a1;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 700;
}
.radio:hover .radio-text{
  color:#444444;
}

.radio input {
  width: 1px;
  height: 1px;
  opacity: 0;
}

.radio input[type="radio"]:checked + span.radio-text { 
   color:#444444;
   background-color: #FFBF00;
}

.radio input:checked + .outer .inner {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.radio input:checked + .outer { border: 5px solid #02c04a; }

.radio input:focus + .outer .inner {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  background-color: #e67012;
}

.radio .outer {
  width: 15px;
  height: 15px;
  display: block;
  float: left;
  margin: 17px 0px 10px 10px;
  border: 2px solid #c4c4c4;
  border-radius: 50%;
  background-color: #fff;
}

@media only screen and (max-width: 768px){
  .quick-register-form, .quick-pass-form{padding:20px 0px; width:90%; margin:0px auto;}
    .quick-register-form .form-section label, .quick-pass-form .form-section label{text-align: center; padding: 20px 0px; display: block;}
    .quick-register-form .section-hr, .quick-pass-form .section-hr{margin:0px;}
    
    .quick-register-form .form-section .radio{text-align:left; padding:0px;}
    
  .error-activate-text p{padding:0px 20px;}
}

@media only screen and (min-width: 768px) and (max-width: 800px){
}
/****************************** Quick Register ******************************/

/****************************** Operation Chip In page ******************************/
.chip-in-block1{display: inline-block; position:relative; padding-bottom: 30px; font-family: 'Open Sans', sans-serif; width:100%;}
  .chip-in-block1 .green-tuckshop{ background-image: url('icons/green-tuckshop.png'); background-size: contain; width: 100%; height: 176px; display: block; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 auto;}
  .chip-in-block1 p{font-size: 14px; font-weight: 100; line-height: 25px; text-align:center;}
  
.chip-in-block2{margin:0}
  .chip-in-block2 .section-left{background-color:#3bb449; position:relative; text-align: center; min-height: 255px;}
  .chip-in-block2 .section-left .left-panel{padding: 20px; max-width: 600px; float: right;}
  .chip-in-block2 .section-left .left-panel .chip-in-team{background-image: url('icons/chip-team.png'); background-size: contain; width: 100%; height: 70px; display: block; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 auto;}
    .chip-in-block2 .section-left .left-panel .sub-title{ padding: 30px 0px 25px; display: block; color: #fff; font-weight:700; font-size:18px;}
  .chip-in-block2 .section-left .left-panel .desc{font-size: 18px; color: #fff; font-weight: 100; line-height: 35px; display: block;}
  
  .chip-in-block2 .section-right{background-color:#444444; position:relative; text-align: center; min-height: 255px;}
  .chip-in-block2 .section-right .right-panel{padding: 20px; max-width: 600px; float: left;}
  .chip-in-block2 .section-right .right-panel .chip-in-sync{background-image: url('icons/chip-sync.png'); background-size: contain; width: 100%; height: 70px; display: block; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 auto;}
    .chip-in-block2 .section-right .right-panel .sub-title{ padding: 30px 0px 25px; display: block; color: #fff; font-weight:700; font-size:18px;}
  .chip-in-block2 .section-right .right-panel .desc{font-size: 18px; color: #fff; font-weight: 100; line-height: 35px; display: block;}

.chip-in-block3{display:block; position:relative; font-family: 'Open Sans', sans-serif; padding:100px 0px; overflow:hidden; text-align:center; width:100%;}
  .chip-in-block3 .chip-in-green-title{ font-size: 18px; color: #00c244; font-weight: bold;}
  .chip-in-block3 .chip-in-thumb{background-image: url('icons/thumb.png'); background-size: contain; width: 100%; height: 76px; display: block; background-position: 50% 50%; background-repeat: no-repeat; margin: 50px auto;}
  .chip-in-block3 .chip-in-money-stack{background-image: url('icons/fund.png'); background-size: contain; width: 100%; height: 71px; display: block; background-position: 50% 50%; background-repeat: no-repeat; margin: 53px auto;}
  .chip-in-block3 .chip-in-money{background-image: url('icons/chip-money.png'); background-size: contain; width: 100%; height: 51px; display: block; background-position: 50% 50%; background-repeat: no-repeat; margin: 63px auto;}
  .chip-in-block3 .chip-in-green-team{background-image: url('icons/group.png'); background-size: contain; width: 100%; height: 55px; display: block; background-position: 50% 50%; background-repeat: no-repeat; margin: 61px auto;}
  .chip-in-block3 .chip-in-desc{font-size: 14px; color: #444444; text-align: center; display: block; font-weight: normal; line-height: 28px; padding: 0px 30px;}
  .chip-in-block3 .chip-in-green-sub-title{display: block; position: relative; clear: both; color: #00c244; font-size: 18px; font-weight: 100; padding-top: 75px;}
  .chip-in-block3 .chip-in-link{clear: both; padding: 50px 0px 0px;}
  
  
@media only screen and (max-width: 767px){
  .chip-in-block1{padding-bottom:0px;}
    .chip-in-block1 p{padding: 0px 20px; width:100%; text-align:center;}
  .chip-in-block2 .section-left, .chip-in-block2 .section-right{padding:50px 20px;}
  .chip-in-block3{padding:50px 0px;}
  
  .chip-in-block3 .chip-in-green-sub-title{padding-top:50px;}
  .chip-in-block3 .chip-in-link{padding:50px 20px 0px;}
  
  .chip-in-block2 .section-left .left-panel .chip-in-team, .chip-in-block2 .section-right .right-panel .chip-in-sync{height: 100px;}
  .chip-in-block3 .chip-in-thumb, .chip-in-block3 .chip-in-money-stack, .chip-in-block3 .chip-in-money, .chip-in-block3 .chip-in-green-team{height:100px; margin: 50px auto 20px;}
}
@media only screen and (min-width: 768px) and (max-width: 800px){
  .chip-in-block1{padding-bottom:30px;}
  .chip-in-block2 .section-left .sub-title, .chip-in-block2 .section-right .sub-title{min-height:100px;}
  .chip-in-block3 .chip-in-desc{padding:0px 10px;}
  .chip-in-block3 .chip-in-green-sub-title{padding-top:50px;}
}
@media only screen and (min-width: 1024px){
  .chip-in-block3{padding:50px 0px;}
  .chip-in-block3 .chip-in-green-sub-title{padding-top:50px;}
}
/****************************** Operation Chip In page ******************************/

/****************************** Healthy Plans page ******************************/
.healthy-block1{background-color: #f5f5f5; display: block; width: 100%; font-family: 'Open Sans', sans-serif;}
  .healthy-block1 .green-sync{background-image: url('icons/sync.png'); background-size: contain; width: 100%; height: 127px; display: block; background-position: 50% 50%; background-repeat: no-repeat;}
  .healthy-block1 .title{ display: block; color: #444444; font-size: 22px; padding-bottom:10px;}
  .healthy-block1 .desc{font-size: 14px; color: #444444; font-weight: 100; padding-right: 100px; display: block; line-height:25px;}
  
  .healthy-block1 .first-step, .healthy-block1 .second-step{padding:100px 0px;}
  
.healthy-block3{background-color: #cccccc; display: block; width: 100%; font-family: 'Open Sans', sans-serif;}
  .healthy-block3 .traffic-light-logo{background-image: url('icons/traffic_light.png'); background-size: contain; width: 225px; height: 225px; margin: 0px auto; display: block; background-position: 50% 50%; background-repeat: no-repeat;}
  .healthy-block3 .title{ display: block; color: #444444; font-size: 22px; padding-bottom:10px; padding-left: 100px;}
  .healthy-block3 .desc{font-size: 14px; color: #444444; font-weight: 100; padding-left: 100px; display: block; line-height:25px;}
  
  .healthy-block3 .first-step{padding:100px 0px;}
  .healthy-block3 .second-step{padding: 50px 0px;}

.healthy-block2{display:block; position:relative; font-family: 'Open Sans', sans-serif; padding:50px 0px; overflow:hidden; text-align:center; width:100%;}
  .healthy-block2 .healthy-green-title{ font-size: 22px; color: #3BB449; font-weight: bold; padding-bottom: 50px; display: block;}
  .healthy-block2 .healthy-menu{background-image: url('icons/icon-meal-step1.png'); background-size: contain; width: 100%; height: 86px; display: block; background-position: 50% 50%; background-repeat: no-repeat; margin-bottom:50px;}
  .healthy-block2 .healthy-meal{background-image: url('icons/meal-bundle.png'); background-size: contain; width: 100%; height: 77px; display: block; background-position: 50% 50%; background-repeat: no-repeat; margin-bottom:60px;}
  .healthy-block2 .healthy-task{background-image: url('icons/healthy-task.png'); background-size: contain; width: 100%; height: 101px; display: block; background-position: 50% 50%; background-repeat: no-repeat; margin-bottom:35px;}
  .healthy-block2 .healthy-arrow{background-image: url('icons/icon-arrow.png'); background-size:contain; width: 100%; height: 100px; display: block; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 auto;}
  
  .healthy-block2 .healthy-desc{ color: #444444; font-size: 14px; text-align: center; padding: 0px 5px; display: block;}
  .healthy-block2 .healthy-green-sub-title{display: block; position: relative; clear: both; color: #00c244; font-size: 18px; font-weight: 100; padding-top: 75px;}
  
@media only screen and (max-width: 767px){
  .healthy-block1 .first-step{padding:50px 0px;}
  .healthy-block1 .second-step{padding:0px 20px 50px; text-align:center;}
  .healthy-block1 .title{line-height:30px;}
  .healthy-block1 .desc{padding:0px;}
  
  .healthy-block2{padding:50px 0px;}
  .healthy-block2 .healthy-green-title{padding-bottom:25px;}
  .healthy-block2 .healthy-meal, .healthy-block2 .healthy-task{margin-top:50px; height: 150px;}
  .healthy-block2 .healthy-green-sub-title{padding-top:50px;}
  
  .healthy-block2 .healthy-menu{height: 150px;}
  .healthy-block2 .healthy-desc{padding: 0px 20px;}

  .healthy-block3 .first-step{padding:50px 0px;}
  .healthy-block3 .second-step{padding:0px 20px 50px; text-align:center;}
  .healthy-block3 .title{line-height:30px; padding: 10px 0px; text-align: center;}
  .healthy-block3 .desc{padding:0px 20px; text-align: center;}
}
@media only screen and (min-width: 768px) and (max-width: 800px){
  .healthy-block1 .first-step, .healthy-block1 .second-step{padding:25px 0px;}
  .healthy-block1 .green-sync{margin-top:30px;}
  .healthy-block2 .healthy-green-title{padding-bottom:50px;}
  .healthy-block2 .healthy-meal, .healthy-block2 .healthy-task{margin-top:0px;}
  
  .healthy-block3 .title, .healthy-block3 .desc{padding-left:50px;}
}

@media only screen and (max-width: 960px) and (min-width: 801px){
	.healthy-block3 .title, .healthy-block3 .desc{padding-left:50px;}
}

@media only screen and (min-width: 1024px){
}


/****************************** Order History ******************************/
.order-history-container{padding-bottom: 30px;}

.order-history-sm{padding: 20px 20px 10px; border: 1px solid #ededed; display: block; clear: both; overflow: hidden; margin-bottom:10px;}
	.order-history-sm .details{display: block; clear: both; overflow: hidden; padding: 5px 15px 0px !important;}

@media only screen and (max-width: 420px){
	.order-history-sm.list .credit-title{font-size:12px;}
	.order-history-sm .details{padding: 5px 02px 0px !important;}
}

@media only screen and (max-width: 768px){
  .order-history-container{padding:20px;}
}

@media only screen and (min-width: 600px) and (max-width: 768px){
  .order-history-container{padding:20px;}
  .order-history-sm .action-buttons{padding:25px 0px 70px !important;}
  .order-history-sm.list .credit-title{font-size:14px;}
  .order-history-sm .details{padding: 5px 0px 0px !important;}
}

@media only screen and (min-width: 768px) and (max-width: 800px){
  .order-history-container{padding:20px;}
    .order-history-container table.list thead td, .order-history-container table.list tbody td{padding: 5px;}
    .order-history-container .buttons{margin:0px !important; padding: 5px 0px !important;}
}
@media only screen and (min-width: 800px) and (min-width: 1024px){
  .order-history-container{padding:20px;}
}
/****************************** Order History ******************************/

/****************************** Input Placeholder color ******************************/
::-webkit-input-placeholder {color: #777;}
:-moz-placeholder { /* Firefox 18- */ color: #777;}
::-moz-placeholder {  /* Firefox 19+ */ color: #777;}
:-ms-input-placeholder {color: #777;}
/****************************** Input Placeholder color ******************************/

.book-checked{position:relative; float:left; display:block;}
.book-checked:hover{cursor:pointer;}
.book-checked:before{background: #fff url(icons/checkbox-inactive.png) 0 0 no-repeat; width:36px; height:36px; position:absolute; content:" ";}
.book-checked-active:before{
  background: #fff url(icons/checkbox-active.png) 0 0 no-repeat !important;
}

.book-checked + label {
  color: #02c04a;
  display:inline-block;
  padding-top: 12px;
  padding-left: 22px;
  margin-bottom: 14px;
}

/*********************** Notification Settings Page ***********************/
.notification-form .form-section label {
  padding-right: 0px;
}
/*********************** Notification Settings Page ***********************/

/************************* Dialogues **********************************/
.dialogues .title{
	font-size: 36px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    text-align: center;
    padding: 0px 0px 20px;
    display: block;
    color: #444444;
    line-height: 35px;
}
.dialogues .icon-tuckshop{
	background-image: url(icons/tuckshop.png);
	background-position: center;
	width: 85px;
	height: 90px;
	display: block;
	background-repeat: no-repeat;
	margin: 25px auto;
	background-size: contain;
}
.dialogues .icon-money{
	background-image: url(icons/fund.png);
	background-position: center;
	width: 85px;
	height: 90px;
	display: block;
	background-repeat: no-repeat;
	margin: 25px auto;
	background-size: contain;
}
.dialogues .icon-money-bag{
	background-image: url(icons/green-money-bag.png);
	background-position: center;
	width: 65px;
	height: 90px;
	display: block;
	background-repeat: no-repeat;
	margin: 25px auto;
	background-size: contain;
}
.dialogues .icon-thumb{
	background-image: url(icons/happy-child.png);
	background-position: center;
	width: 70px;
	height: 75px;
	display: block;
	background-repeat: no-repeat;
	margin: 25px auto;
	background-size: contain;
}
.dialogues .icon-cart{
	background-image: url(icons/mst-cart.png);
	background-position: center;
	width: 90px;
	height: 90px;
	display: block;
	background-repeat: no-repeat;
	margin: 25px auto;
	background-size: contain;
}
.dialogues .icon-sad-child{
	background-image: url(icons/sad-child.png);
	background-position: center;
	width: 125px;
	height: 125px;
	display: block;
	background-repeat: no-repeat;
	margin: 25px auto;
	background-size: contain;
}
.dialogues .sub_title{
	font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    text-align: center;
    padding: 0px 20px 20px;
    display: block;
    color: #444444;
}
.dialogues .head{
	font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-align: center;
    padding: 0px 0px 5px;
    display: block;
    color: #444444;
    text-decoration: underline;
}
.dialogues .sub{
	font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-align: center;
    padding: 0px 0px 20px;
    display: block;
    color: #444444;
}
.dialogues .options .required{
	float:left;
	margin-right: 5px;
}
.dialogues .options{
	overflow: hidden;
    display: block;
	margin-bottom:20px;
}
.dialogues .options .sides{
	margin: 0px;
    display: block;
    overflow: hidden;
    padding: 0px 50px;
}
.dialogues .options .sub_title{
	font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    text-align: left;
    padding: 0px 0px 10px;
    display: block;
    color: #444444;
}
/************************* Dialogues **********************************/

.home-icon-icw.home-pos1 {
    background-image: url("icons/pos-1.png");
    background-position: center center;
    background-size: contain;
    margin-bottom: 30px;
    width: 100%;
}

.home-icon-icw.home-pos2 {
    background-image: url("icons/pos-2.png");
    background-position: center center;
    background-size: contain;
    margin-bottom: 30px;
    width: 100%;
}

.home-icon-icw.home-pos3 {
    background-image: url("icons/pos-3.png");
    background-position: center center;
    background-size: contain;
    margin-bottom: 30px;
    width: 100%;
}

.why-mst-reasons {
  padding: 50px 0 50px 130px;
  margin: 0 auto;
  max-width: 500px;
    background-position: left center;
    background-repeat: no-repeat;
    text-align: left;
}
.why-mst-reason1 {
  background-image: url("icons/why1.png");
}

.why-mst-reason2 { 
  background-image: url("icons/why2.png"); 
}

.why-mst-reason3 { 
  background-image: url("icons/why3.png"); 
}

/* global .satisfaction-guarantee-stamp styles*/
.satisfaction-guarantee-stamp {
    position: absolute;
    right: 10%;
    top: 9%;
    transform: rotate(-6deg);
    width: 250px;
}

@media (max-width: 1800px) { 
    .satisfaction-guarantee-stamp-container {
        text-align: center;
    }
    
    .satisfaction-guarantee-stamp {
        position: unset;
        right: unset;
        top: unset;
        width: 250px;
    }
}

/* MST features page */

.features {}

.features .features-header {
  color: #fff;
  background: #3bb54a !important;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
}

.features .features-header h2,
.features .features-list h3 {
  font-weight: bold;
  margin: 30px 0;
  text-transform: uppercase;
}

.features .features-header .features-desc {
  padding: 10em 2em 10em 4em;
}

.features .features-list a  { 
  color: #38B449;
}

.features .features-list a.button {
  font-family: inherit;
  padding: 2px 40px;  
  color: #fff;
}

.features .features-list ul {
  padding-left: 0px;
  margin-left: 20px;
}

.features .features-list ul li {
  color: #3bb449;
  margin-bottom: 10px;
}

.features .features-list ul li span {
  color: #6e6e6e;
}

.features .features-for-container {
	padding-bottom: 40px;
	overflow: hidden;
}

.features .features-for-container .xs-100:last-child, 
.features .features-for-container .sm-100:last-child,
.features .features-for-container .md-40:last-child, 
.features .features-for-container .lg-40:last-child,
.features .features-for-container .xl-40:last-child {
  padding-left: 40px;
}

.features .features-for-container img {
  margin-top: 2em;
    width: 100%;
}

.payment-method-notes {
  color: #a1a1a1;
  display: inline-block;
  float: left;
  text-align: left;
  padding-left: 8px;
  text-transform: none;
}
@media (max-width:760px) {
  .payment-method-notes {
    padding-left: 0px;
  }
}

/* POS System */
.pos-system h1 {
  text-align: center;
  margin: 50px 0;
  font-weight: 100;
}

.pos-system h3 {
  text-transform: uppercase;
}

.pos-system h4 {
  color: #797979;
  line-height: 80px;
}

.pos-system .row { 
  padding: 20px 0;
  margin-left: 0px;
  margin-right: 0px;
}

.pos-system .row img { 
  width: 100%; 
}

.pos-system .supported-os-row img { 
  width: auto!important; 
}

.pos-system .row-even { 
  background: #e8e8e8 !important; 
  padding-bottom:25px;
}

.pos-system .row-even:first-child { 
  margin-top:35px;
}

.pos-system p {
  color: #797979;
  line-height: 2;
  font-size: 1.3em;
}

.pos-system .iphone-img {
  padding: 50px;
}

.pos-system .imac-img {
  padding: 10em !important;
}

.pos-system .pin-protected {
  padding: 18em 4em 18em 12em !important;
}

.pos-system .student-id  {
  padding-top: 20em;
}

.pos-system .macbook-img {
  margin: 80px 0;
}

.pos-system  .comfortable-system {
  padding-top: 12em;
}

.pos-system .register-now .row {
  background: #3CB24A;
  text-align: center;
  color: #fff;
  border-radius: 6px;
  margin-left: auto;
  margin-right: auto;
}

.pos-system .register-now h3 {
  padding-top: 0.8em;
}

.pos-system .register-now img {
  width: 60px;
}

.pos-system .register-now .register-now-cta {
    padding-left: 10px !important;
    padding-top: 1.5em;
}

.pos-system .register-now a {
	background: #fff; 
	color: #3CB24A;
	border-radius: 6px;
	padding: 14px 30px;
	font-size: 1.2em;
	font-weight: bold;
	display:inline-block;
	line-height:1;
}
.pos-system .register-now a:hover {
	background: #7ecc6c; 
	color: #fff;
	text-decoration:none;
}

.pos-system .icw-container .xs-100:last-child, 
.pos-system .icw-container .sm-100:last-child,
.pos-system .icw-container .md-40:last-child, 
.pos-system .icw-container .lg-40:last-child,
.pos-system .icw-container .xl-40:last-child {
	padding-left: 40px;
}

@media (max-width:1200px) {
	.pos-system .icw-container {
		padding-right: 2em;
		padding-left: 2em;
	}
	
	.pos-system .register-now .row {
		margin-left: 2em;
		margin-right: 2em; 
	}
	
	.pos-system .pin-protected {
		padding: 12em 4em 12em 12em !important;
	}
	
	.pos-system .student-id  {
		padding-top: 10em;
	}
	.pos-system .register-now a {
		padding: 14px 3px;
		width:100%;
	}
	.pos-system .register-now .register-now-cta {
		padding-top: 9px;
	}
	.pos-system .register-now h3 {
		padding-top: 5px;
	}
}

@media (max-width:991px) {
	.features .features-header .features-desc {
		padding: 15px 15px 40px;
	}
	.features .features-header img {
		max-width:100%;
		height:auto;
	}
	.chip-in-block2 .section-right .right-panel .desc,
	.chip-in-block2 .section-left .left-panel .desc {
		line-height: 1.5;
		padding: 0;
	}
	.chip-in-block2 .section-left,
	.chip-in-block2 .section-right {
		min-height:355px;
	}
	.pos-system .iphone-img {
		padding: 30px;
	}
	.pos-system .pin-protected {
		padding: 9em 4em 9em 6em !important;
	}
	.pos-system .imac-img {
		padding:30px 10em !important;
	}
	.pos-system .student-id {
		padding-top: 30px;
	}
	.pos-system .comfortable-system {
		padding-top: 60px;
	}
}

@media (max-width:760px) {
	.features .info-school-sub-content {
		margin-bottom:40px;
	}
	.pos-system p,
	.pos-system .pin-protected,
	.pos-system .student-id,
	.pos-system .comfortable-system {
		padding: 10px 2em !important;
	} 
	.pos-system .main-title,
	.pos-system h3 {
		padding-right: 1.4em;
		padding-left: 1.4em;
	}
	.pos-system .row h1 {
		margin-bottom: 0;
	} 
	.home-block1-txt {
		padding-left: 20px;
	}
	.features .features-for-container .xs-100:last-child, .features .features-for-container .sm-100:last-child, .features .features-for-container .md-40:last-child, .features .features-for-container .lg-40:last-child, .features .features-for-container .xl-40:last-child {
		padding-left: 0;
	}
	.features .features-for-container img {
		max-width: 350px;
		display: block;
		margin: 20px auto 0;
	}
	.chip-in-block2 .section-right .right-panel,
	.chip-in-block2 .section-left .left-panel {
		max-width: 100%;
		float: none;
	}
	.chip-in-block2 .section-left, .chip-in-block2 .section-right {
		min-height: 0;
		padding: 20px 20px;
	}
	.pos-system .row .iphone-img img {
		height:500px;
		width: auto;
	}
	.pos-system .row img {
		max-width: 350px;
		display: block;
		margin: 0 auto 10px;
	}
	.pos-system .macbook-img {
		margin: 40px 0;
	}
	.pos-system .icw-container .xs-100:last-child, .pos-system .icw-container .sm-100:last-child, .pos-system .icw-container .md-40:last-child, .pos-system .icw-container .lg-40:last-child, .pos-system .icw-container .xl-40:last-child {
		padding-left: 0;
	}
	.pos-system .register-now .register-now-cta {
		padding-left: 0 !important;
	}
}

.home-video {
  padding-top:120px;
}

@media (max-width:1200px) {
  .home-video>iframe {
    width: 90%;
  }
}

/*
  Journal - The Ultimate Opencart Theme
  Version 2.0.5
  Copyright (c) 2013 Digital Atelier
  http://journal.digital-atelier.com/
*/
/******************************
PRODUCT PAGE
*******************************/
#product-gallery .owl-wrapper-outer {
  margin-bottom: 0; }
#product-gallery .side-buttons div {
  margin-top: -12px; }
#product-gallery .owl-pagination {
  display: none; }
#product-gallery .owl-buttons.side-buttons .owl-next {
  right: 7px; }
#product-gallery .owl-buttons.side-buttons .owl-prev {
  left: 7px; }

.product-info {
  overflow: hidden;
  margin-bottom: 50px;
  margin-top:10px;
  position: relative;
  width: 100%;
  font-family:'Open Sans', sans-serif; }
  .product-info > div {
    width: 50%;
    float: left; }
  .product-info .left .image {
    padding: 0;
    text-align: left;
    position: relative; }
   /* .product-info .left .image * {
      -webkit-transform: translateZ(0) scale(1, 1); }*/
    .product-info .left .image a img {
      width: 100%;
      height: auto;
      float: left; }
  .product-info .left .image-additional {
    clear: both;
    overflow: hidden;
    position: relative;
    text-align: center;
    margin-bottom: 25px; }
    .product-info .left .image-additional a {
      position: relative;
      display: inline-block;
      float: left;
      transition: opacity .2s; }
      .product-info .left .image-additional a img {
        width: 100%;
        float: left; }
      .product-info .left .image-additional a:hover {
        opacity: .8; }
    .product-info .left .image-additional.image-addtional-grid a {
      width: 20%; }
  .product-info .gallery-text {
    text-align: center;
    padding: 10px 0 0 0;
    color: #5f6874;
    cursor: pointer; }
    .product-info .gallery-text span {
      display: inline-block;
      position: relative; }
  .product-info .gallery-text:before {
    margin-right: 5px; }
  .product-info .right {
    padding-left: 20px; }
    .product-info .right .product-options {
      background-color: transparent;
      overflow: visible; }
    .product-info .right > div > div {
      position: relative; }
    .product-info .right .description {
      line-height: 17px; }
      .product-info .right .description .product-views-count {
        display:block; }
      .product-info .right .description span {
        padding-right: 3px; }
    .product-info .right .price span {
      position: relative; }
    .product-info .right .price-old {
      font-size: 18px;
      text-decoration: line-through;
      background: #3BB449 !important;
      color: white;
      padding: 3px 6px;
    line-height: 30px;
      top: -3px; }
    .product-info .right .price-tax {
      font-size: 13px;
      font-weight: normal;
      padding: 4px 0 4px 0;
      display: block; }
    .product-info .right .price .reward {
      display: block;
      font-size: 12px;
      margin-top: 7px;
      font-weight: normal; }
      .product-info .right .price .reward small {
        font-size: inherit; }
    .product-info .right .price .discount {
      font-weight: normal;
      font-size: 11px;
      line-height: 1.4;
      margin-top: 7px; }
    .product-info .right .options h3 {
      height: 35px;
      line-height: 35px;
      background-color: #f4f4f4;
      color: #333745;
      padding-left: 10px;
      margin-bottom: 5px; }
    .product-info .right .options h3 + br {
      display: none; }
    .product-info .right .options.push-1 .option b + br {
      display: none; }
    .product-info .right .options .option {
      position: relative;
      display: inline-block;
      padding-bottom: 0px;
      width: 100%;
      margin-bottom: 10px; }
      .product-info .right .options .option label {
        font-weight: normal;
        transition: color .2s; }
      .product-info .right .options .option .required {
        font-size: 20px;
        font-family: Arial !important;
        float: left;
        height: 1; }
      .product-info .right .options .option b {
        font-size: 12px;
        display: block;
        padding: 6px 0;
        font-weight: normal; }
        .product-info .right .options .option b:after {
          content: "";
          display: table;
          clear: both; }
      .product-info .right .options .option b + br {
        display: none; }
      .product-info .right .options .option span {
        padding: 8px 3px 3px 0; }
      .product-info .right .options .option input[type='text'], .product-info .right .options .option textarea {
        min-width: 100%; }
    .product-info .right .options .option:last-of-type {
      border-bottom: 0;
      padding-bottom: 0;
      margin-bottom: 0; }
    .product-info .right .options span.error {
      position: absolute;
      bottom:40px;
      right: 5px;
      padding: 3px 4px 2px 4px; }
    .product-info .right .option-image {
      margin-top: 3px;
      margin-bottom: 10px; }
      .product-info .right .option-image tbody tr td:first-of-type + td {
        width: 50px; }
      .product-info .right .option-image label {
        display: block;
        width: 100%;
        height: 100%;
        padding-right: 0; }
      .product-info .right .option-image img {
        margin-right: 5px;
        cursor: pointer;
        max-width: 50px; }
    .product-info .right .cart {
      border-bottom: none;
      overflow: hidden; }
      .product-info .right .cart div .qty {
        width: 34%;
        display: block;
        float: left;
        height: 40px;
        margin-right: 8px;
        overflow: hidden; }
      .product-info .right .cart div .text-qty {
        width: 50%;
        font-weight: bold;
        display: none;
        height: 100%;
        line-height: 40px;
        text-align: center;
        float: left; }
      .product-info .right .cart div .journal-stepper {
        width: 30%;
        color: white;
        background-color: #a9b8c0;
        display: inline-block;
        text-align: center;
        height: 100%;
        float: left;
        line-height: 38px;
        font-size: 20px;
        font-weight: bold;
        transition: all 0.2s; }
      .product-info .right .cart div input[name=quantity] {
        float: left;
        width: 40%;
        line-height: 38px;
        height: 100%;
        text-align: center;
        margin: 0;
        border: 0; }
      .product-info .right .cart div .button {
        position: relative;
        line-height: 40px;
        min-height: 40px;
        font-size: 15px;
        display: inline-block;
        width: 63%;
        float: right; }
        .product-info .right .cart div .button .button-cart-text:before {
          margin-right: 8px;
          line-height: 100%; }
        .product-info .right .cart div .button .button-cart-text:after {
          line-height: 100%;
          margin-left: 8px; }
      .product-info .right .cart .minimum {
        padding-top: 10px;
        font-size: 12px;
        clear: both; }
    .product-info .right .wishlist-compare {
      padding: 0;
      border-bottom: none; }
      .product-info .right .wishlist-compare .links {
        width: 100%;
        clear: both;
        display: block;
        text-align: center;
        padding: 2px 0 4px 0; }
        .product-info .right .wishlist-compare .links a {
          padding: 0 20px;
          border: none;
          color: #428bca;
          font-size: 12px;
          display: inline-block;
          text-align: center;
          line-height: 30px;
          transition: all 0.2s; }
        .product-info .right .wishlist-compare .links a:before {
          position: relative;
          right: 5px;
          font-size: 15px;
          float: left; }
        .product-info .right .wishlist-compare .links span {
          line-height: 24px;
          display: none; }
    .product-info .right .review img {
      top: 2px;
      position: relative;
      margin-right: 7px; }
    .product-info .right .review a {
      position: relative;
      top: -1px; }
    .product-info .right .review .share {
      display: none;
      overflow: auto;
      line-height: normal; }
      .product-info .right .review .share a {
        text-decoration: none; }
  .product-info .option ul {
    list-style: none;
    padding: 0;
    margin: -5px 0 0 0; }
    .product-info .option ul li {
      background-color: white;
      color: #333745;
      font-weight: bold;
      font-size: 13px;
      display: inline-block;
      padding: 0 7px;
      margin: 7px 8px 0 0;
      line-height: 23px;
      cursor: pointer;
      transition: all .2s; }
      .product-info .option ul li span {
        padding: 0 !important; }
  .product-info .tab-content {
    border-radius: 0; }
  .product-info.split-70-30 .left {
    width: 70%; }
  .product-info.split-70-30 .right {
    width: 30%; }
    .product-info.split-70-30 .right .cart div .qty {
      width: 100%;
      margin-bottom: 10px; }
    .product-info.split-70-30 .right .cart div .button {
      width: 100%; }
  .product-info.split-60-40 .left {
    width: 60%; }
  .product-info.split-60-40 .right {
    width: 40%; }
  .product-info.split-40-60 .left {
    width: 40%; }
  .product-info.split-40-60 .right {
    width: 60%; }
  .product-info.split-30-70 .left {
    width: 30%; }
  .product-info.split-30-70 .right {
    width: 70%; }

.ie .product-info .right .cart div input[name=quantity] {
  line-height: 100%; }

.social {
  margin-bottom: 20px;
  padding: 7px 8px 10px 0;
  min-height: 40px;
  background-position: 10px center;
  background-repeat: no-repeat;
  background-size: 20px; }
  .social span {
    min-height: 22px !important;
    display: block;
    float: left;
    padding-bottom: 3px; }

.social-loaded {
  background-color: inherit;
  display: table;
  margin-bottom: -5px; }

.attribute {
  border-collapse: collapse;
  width: 100%;
  border-top: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
  margin-bottom: 20px; }
  .attribute thead td, .attribute thead tr td:first-child {
    color: #333745;
    font-size: 14px;
    font-weight: bold;
    background: #f4f4f4;
    text-align: left; }
  .attribute tr td:first-child {
    font-weight: bold;
    text-align: center;
    width: 20%; }
  .attribute td {
    padding: 7px;
    color: #333745;
    text-align: center;
    vertical-align: top;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4; }

ul.product-option {
  padding: 0; }

/******************************
PRODUCT TABS
*******************************/
input[name='captcha'] {
  width: 150px;
  margin: 10px 0; }

#tab-description div,
#tab-description p {
  margin-bottom: 10px; }

#tab-description h3 {
  padding-left: 0;
  margin-bottom: 3px; }

#tab-description ul li {
  margin-bottom: 5px; }

#tabs {
  overflow: hidden; }
  #tabs a {
    line-height: 37px; }
    #tabs a:last-of-type {
      border-top-right-radius: inherit; }

#tabs a {
  float: left;
  padding: 0 15px;
  text-align: center;
  text-decoration: none;
  display: none;
  transition: all .2s;
  box-shadow: inset 0 -3px 6px -2px rgba(0, 0, 0, 0.5); }

#tabs a.selected {
  background-color: #f4f4f4;
  box-shadow: none;
  color: #333745; }

.tab-content {
  padding: 15px;
  background-color: #f4f4f4;
  margin-bottom: 20px;
  z-index: 2;
  overflow: auto; }
  .tab-content p {
    margin-bottom: 0; }

.journal-custom-tab h3, .tab-content h3 {
  padding-bottom: 4px; }

.product-info .left .journal-custom-tab {
  margin-top: 15px; }

.tab-related, #tab-related {
  display: none !important; }

#content .related-products .box-product {
  padding-top: 0; }
#content .related-products .box-heading {
  margin-bottom: 20px; }

/******************************
 REVIEW
*******************************/
.review-list {
  background-color: transparent;
  padding: 10px;
  overflow: auto;
  margin-bottom: 20px;
  border: 1px solid #e4e4e4; }
  .review-list .text {
    padding: 10px;
    padding-top: 0;
    line-height: 1.3;
    clear: both; }
  .review-list .author {
    padding: 5px;
    font-weight: bold;
    border-bottom: 1px solid #e4e4e4;
    display: inline-block;
    color: #333; }
  .review-list .author b {
    font-size: 15px;
    font-weight: bold;
    color: #5C8BA6; }
  .review-list .rating {
    float: right;
    margin-bottom: 20px; }

#content #review-title {
  color: white;
  margin-bottom: 15px;
  height: auto; }

#tab-review {
  position: relative;
  padding: 30px;
  padding-bottom: 0; }

/******************************
 TAGS
*******************************/
.tags {
  margin-left: 0;
  color: transparent;
  margin-bottom: 15px; }

.tags b {
  padding: 2px 6px 3px 6px;
  background-color: #5f6874;
  color: white;
  margin-right: 5px;
  font-weight: normal; }

.tags a {
  margin-left: 0;
  padding: 2px 6px 3px 6px;
  background-color: #f4f4f4;
  color: #333745;
  display: inline-block;
  margin-bottom: 5px;
  transition: all 0.2s; }

/******************************
PRODUCT LABELS
*******************************/
.product-grid-item .image > span, .product-list-item .image > span, .product-info .image > span {
  position: absolute;
  z-index: 99;
  text-align: center;
  display: block;
  transition: opacity .2s; }

.label-latest {
  color: white;
  background: #428bca;
  top: 5px;
  right: 5px;
  padding: 5px 6px; }

.label-sale {
  top: 5px;
  right: 5px;
  background: #ea2e49;
  color: white;
  font-weight: bold;
  padding: 5px 5px 6px 5px; }

.label-latest + .label-sale {
  top: 26px;
  margin-top: 9px; }

img.outofstock {
  transition: opacity .2s;
  pointer-events: none; }

.ie9 .label-sale b {
  display: inline-block;
  width: 110%; }

/******************************
 QUICKVIEW
*******************************/
.noscroll {
  margin: 0 !important;
  overflow-y: scroll !important;
  position: fixed;
  width: 100%; }

.quickview-button {
  position: absolute;
  z-index: 99;
  left: 50%;
  margin-left: -45px;
  top: 50%;
  margin-top: -20px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s; }

.quickview-button {
  -webkit-backface-visibility: hidden; }

.product-wrapper:hover .quickview-button, .product-list-item:hover .quickview-button {
  opacity: 1;
  visibility: visible; }

.quickview {
  /* animate in */
  /* animate out */ }
  .quickview body {
    background-color: transparent;
    background-image: none; }
  .quickview .mfp-iframe {
    background-color: white; }
  .quickview #container {
    min-height: 100%;
    background-color: white; }
  .quickview #content {
    padding: 15px 15px 5px 15px; }
    .quickview #content:after {
      content: "";
      display: none; }
  .quickview .heading-title {
    margin-bottom: 15px; }
  .quickview .mfp-iframe-holder .mfp-content {
    max-width: 800px;
    height: 530px; }
  .quickview .tab-content {
    background-color: transparent; }
  .quickview .product-info {
    margin-bottom: 15px; }
    .quickview .product-info .right {
      padding-left: 15px; }
      .quickview .product-info .right .cart {
        display: table;
        overflow: visible;
        width: 100%; }
    .quickview .product-info .left .image-additional {
      margin-bottom: 5px; }
    .quickview .product-info .left .tab-content {
      margin-top: 15px;
      margin-bottom: 0; }
  .quickview #button-cart {
    width: 50%;
    float: left; }
  .quickview #more-details {
    width: 40px;
    height: 40px;
    float: right; }
  .quickview [data-hint]:before {
    display: block;
    margin-left: -6px; }
  .quickview [data-hint]:after {
    display: block;
    left: auto;
    right: 0;
    text-shadow: none;
    box-shadow: none;
    line-height: 100%; }
  .quickview .mfp-iframe {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7); }
  .quickview.mfp-bg {
    opacity: 0.01;
    transition: all 0.2s ease-out; }
  .quickview.mfp-ready .mfp-iframe {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  .quickview.mfp-ready.mfp-bg {
    opacity: 0.75; }
  .quickview.mfp-removing .mfp-iframe {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0; }
  .quickview.mfp-removing.mfp-bg {
    opacity: 0; }
  .quickview .zm-viewer, .quickview .zm-handler {
    cursor: default; }

.mfp-bg {
  z-index: 9999999; }

.mfp-wrap {
  z-index: 99999999; }

/******************************
 CLOUD ZOOM
*******************************/
.zm-viewer {
  position: absolute;
  display: none;
  overflow: hidden;
  background: url("../lib/image-zoom/loading.gif") no-repeat center center;
  cursor: pointer;
  z-index: 999; }

.zm-handler {
  position: absolute !important;
  display: none;
  overflow: hidden;
  cursor: pointer;
  border: none !important; }

.zm-handlerarea {
  background: url("../lib/image-zoom/lens.png");
  opacity: .9;
  position: relative; }

.zm-description {
  position: absolute;
  bottom: 6px;
  left: 6px;
  right: 6px;
  background-color: #eee;
  background-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  color: rgba(0, 0, 0, 0.6);
  font-size: 13px;
  text-align: center;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  padding: 4px; }

.followViewer, .standardViewer {
  border: 2px solid #fefefe;
  border: 4px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }


/******************************* Product Page v2 *******************************/
.product-area{font-family: 'Open Sans', sans-serif;}
.product-area .product-info .image-block{border: 1px solid #e8e8e8; padding: 40px;}
.product-area .product-info .product-traffic-light{display: inline-block; width: 30px !important; background-image: url(icons/traffic-light-symobls-product.png); height: 30px; position:relative; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; bottom:-7px;}
  .product-traffic-light.red{background-position:0px 0px;}
  .product-traffic-light.yellow{background-position:-31px 0px;}
  .product-traffic-light.green{background-position:30px 0px;}

.product-area .product-info .main-title{
  font-size: 36px;
    font-weight: 100;
    color: #444444;
  padding-top: 5px;
    display: block;
  text-align:left;
}
.product-area .product-info .right .price .price-new, .product-area .product-info .right .price .product-price, .product-area .product-info .right .price .reward, .product-area .product-info .right .price .discount{
  font-family: 'Open Sans', sans-serif;
  color: #3BB449;
    font-size: 24px;
    font-weight: bold;
  padding-right:10px;}
  
.product-area .product-info .right .options .option .title{
  color: #444444;
    font-size: 24px;
    font-weight: 100;
    padding: 25px 0px;
    display: inline-block;}
.product-area .product-info .right .options .option label{color: #444444; font-size: 14px;margin-top: 3px;}
.product-area .product-info .right .options .option label:hover{color:#444444;}

.product-area .product-info .right .cart{padding-top:35px; overflow:visible; display:block;}
  .product-area .product-info .right .cart #button-cart{background-color:#fff; color:#3BB449 !important; margin-bottom:35px; display:block; }
  .product-area .product-info .right .cart #button-cart:hover{background-color:#3BB449; color:#fff !important;}
.product-area .product-info .right .cart div .journal-stepper{background-color: #fff !important;}

.product-area .product-info .right .review-links{display: block; clear: both;}
  .product-area .product-info .right .review-links div, .product-area .product-info .right .review-links a{color: #3BB449;}
  .product-area .product-info .right .review-links a:hover{color: #3BB449;}
  
.product-area #tabs{padding-left:30px; margin-bottom:-1px;}
  .product-area #tabs a{
    line-height:50px;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    padding: 0px 50px;
    margin-right:15px;
    background-color:#f5f5f5 !important;
    color:#444 !important;
    box-shadow:none;
    position:relative;
    border-top: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    }
  .product-area #tabs a.selected, .product-area #tabs a:hover{
    background-color:#fff !important;
    z-index:100;
  }
  .product-area #tabs a.selected:before, .product-area #tabs a.selected:after {
    border: 1px solid #e8e8e8;
    position: absolute;
    bottom: -1px;
    width: 5px;
    height: 15px;
    content: " ";}
  .product-area #tabs a.selected:before{
    left: -5px;
    border-bottom-right-radius: 10px;
    border-width: 0 1px 1px 0;
    box-shadow: 2px 2px 0 #fff;}
  .product-area #tabs a.selected:after{
    right: -5px;
    border-bottom-left-radius: 10px;
    border-width: 0 0 1px 1px;
    box-shadow: -2px 2px 0 #fff;}
  
  .product-area #tab-description, #tab-attribute, .product-area #tab-review, .product-area #tab-related{padding:30px !important;}
.product-area .tab-content{background-color: #fff; border: 1px solid #e8e8e8;}

.product-traffic-description{clear:both;background: url(icons/traffic-lights.png) #f5f5f5 60px 30px no-repeat; display:inline-block; font-family: 'Open Sans', sans-serif; position:relative; margin-top:60px;}
  .product-traffic-description:before{
    background-color: #F5F5F5;
    content: "";
    width: 100%;
    display: block;
    position: absolute;
    top: 0px;
    z-index: 100;
    height: 100%;
    left: -100%;}
  .product-traffic-description:after{
    background-color: #F5F5F5;
    content: "";
    width: 100%;
    display: block;
    position: absolute;
    top: 0px;
    z-index: 100;
    height: 100%;
    right: -100%;}
  .product-traffic-description .right{padding:40px 0px;}
    .product-traffic-description .right h1{font-size: 22px;color: #37AD47;font-weight: 100;;}
    .product-traffic-description .right p{font-size: 14px;font-weight: 100; line-height: 18px; padding: 15px 0px 0px;}
      .product-traffic-description .right p .red-text{color: #EC462F; font-weight: 700;}
      .product-traffic-description .right p .yellow-text{color: #EAC544; font-weight: 700;}
      .product-traffic-description .right p .green-text{color: #74D239; font-weight: 700;}

@media screen and (max-width: 768px){
  .product-traffic-description:before{content: none;}
  .product-traffic-description:after{content: none;}
}

.radio {
  display: inline-block;
  padding-right: 0px;
  font-size: 18px;
  line-height: 20px;
  cursor: pointer;
}
.radio .radio-text{
  color:#a1a1a1;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 700;
  float:left;
  line-height:25px;
  padding-left:15px;
}
.radio .radio-text.disabled, .radio .radio-text.disabled:hover{color:#f41535; font-size:11px;}
.radio .radio-text.disabled a{color:#3BB449; font-size:15px;}
.radio .radio-text.disabled a:hover{color:#3BB449;}

.radio:hover .radio-text{
  color:#444444;
}

.radio input {
  width: 1px;
  height: 1px;
  opacity: 0;
}

.radio input[type="radio"]:checked + span.radio-text { 
   color:#444444;
   background-color: #FFBF00;
}

.radio input:checked + .outer .inner {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.radio input:checked + .outer { border: 5px solid #02c04a; }

.radio input:focus + .outer .inner {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  background-color: #e67012;
}

.radio .outer {
  width: 15px;
  height: 15px;
  display: block;
  float: left;
  margin: 5px 0px 0px;
  border: 2px solid #c4c4c4;
  border-radius: 50%;
  background-color: #fff;
}
.radio .outer.disabled{border: 2px solid #f41535;}

.product-sort{display:block; /*padding-top:50px;*/ overflow:auto; clear:both;}
  .product-sort .sort_categories .icw-input{padding: 18px; border-radius: 5px; font-family: 'Open Sans', sans-serif;}
.product-button-div{display:block; overflow:auto;}
  .product-button-div .product-button{background-color: #e9e9e9; border-radius: 5px; text-align:center; padding:7px 0px; width:90%; margin:10px auto;}
  .product-button-div .product-button a{font-size:14px; color:#444444;}
    .product-button-div .product-button.current-category, .product-button:hover{background-color:#3BB449; cursor:pointer;}
    .product-button-div .product-button.current-category a, .product-button:hover a{color:#fff;}

@media only screen and (max-width: 991px){
	.product-traffic-description{background: #f5f5f5;}
}
@media only screen and (max-width: 767px){
  .product-sort{overflow:visible; padding-top:0px;}
  .product-area .product-info{padding:0px 10px; margin:0px;}
  .product-area #tabs{padding:20px 40px 0px;}
  .product-area #tab-description, #tab-attribute, .product-area #tab-review, .product-area #tab-related{padding:20px !important; }
  .traffic-description{margin:0px; background:none; background-color:#F5F5F5;}
  .traffic-description:after, .traffic-description:before{display:none;}
  .product-traffic-description{padding:20px 20px 0px; margin-top:30px;}
  .product-area{padding-top:30px;}
  .product-area .product-info .image-block{padding:20px;}
  .product-area .product-info .right .cart #button-cart { padding: 13px 20px;line-height: 1; width: 100%;}
  .product-info > div {display: block !important; width: 100% !important;}
  .product-area .product-info .right .cart {padding-top: 10px;}
}
@media only screen and (min-width: 768px) and (max-width: 992px){
  .traffic-description{margin:0px; background:none !important; background-color:#F5F5F5 !important;}
  .product-area .product-info .main-title{padding-left: 10px;}
  /*.product-sort{padding-top:0px;}
  .product-area{padding-top:0px;}*/
}
/* datepicker centration on mobile */
@media only screen and (max-width : 760px){
  #ui-datepicker-div {
      left: 50% !important;
      margin-left: -150px;

  }
}

/******************************* Product Page v2 *******************************/

.glyphicon-product{
  right: -6px;
  width: 25px!important;
  height: 25px!important;
  font-size: 19px!important;
}

/******************************* Food types *************************/
.foodtype-product {
  clear: both;
}
.foodtype-product div {
  display: inline-block;
  margin-right: 4px;
}
.foodtype-product .halal {
  width: 40px;
  height: 40px;
  background-image: url(icons/icon-halal.png);
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
.foodtype-product .spicy {
  width: 40px;
  height: 40px;
  background-image: url(icons/icon-spicy.png);
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
.foodtype-product .vegan {
  width: 40px;
  height: 40px;
  background-image: url(icons/icon-vegan.png);
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
.foodtype-product .vegetarian {
  width: 40px;
  height: 40px;
  background-image: url(icons/icon-vegetarian.png);
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
.foodtype-product .glutenfree {
  width: 40px;
  height: 40px;
  background-image: url(icons/icon-glutenfree.png);
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
/******************************* Food types *************************/

/*
  Journal - The Ultimate Opencart Theme
  Version 2.0.5
  Copyright (c) 2013 Digital Atelier
  http://journal.digital-atelier.com/
*/
/******************************
REFINE CATEGORIES + DESCRIPTION
*******************************/
.text-empty, .not_found {
  padding-bottom: 10px;
  padding-top: 10px; }

.category-info {
  margin-bottom: 20px;
  display: block;
  clear:both; }
  .category-info p {
    margin-bottom: 15px; }

.category-info .image {
  margin-right: 15px;
  margin-bottom: 15px;
  float: left; }
  .category-info .image img {
    width: 100%;
    height: auto;
    float: left; }

/******************************
 REFINE SUBCATEGORIES
*******************************/
h2.refine {
  margin-bottom: 0;
  border: none;
  display: none; }

.refine-images {
  margin-right: -15px; }

#refine-images .owl-controls {
  margin-top: 4px; }

#refine-images .owl-wrapper-outer {
  overflow: hidden; }

.refine-image {
  float: left;
  text-align: center;
  padding-right: 15px;
  margin-bottom: 15px; }
  .refine-image a {
    display: block;
    padding: 7px;
    transition: background-color .2s; }
    .refine-image a span {
      transition: all 0.2s; }
  .refine-image img {
    width: 100%;
    margin-bottom: 5px; }

.owl-item .refine-image {
  float: none; }
.refine-category-name {
  display: block; }

.category-list {
  position: relative;
  margin-top: 20px; }
  .category-list > ul {
    margin: 0;
    padding-left: 10px;
    min-height: 35px;
    line-height: 33px; }
    .category-list > ul > li {
      color: white;
      position: relative;
      display: inline-block; }
      .category-list > ul > li > a {
        padding: 0 6px;
        color: inherit;
        font-size: 12px;
        font-weight: bold;
        transition: all 0.2s; }
    .category-list > ul > li:after {
      position: absolute;
      content: "|"; }
    .category-list > ul > li:last-of-type:after {
      content: ""; }
    .category-list > ul > li:first-child > a {
      padding-left: 0; }

.product-filter {
  padding-left: 0;
  width: 100%;
  transition: color .2s;
  background-color:transparent !important; }
  .product-filter > div {
    line-height: 39px; }
    .product-filter > div b {
      position: relative;
      font-weight: normal; }
  .product-filter .product-compare {
    float: left;
    color: inherit;
    font-family: inherit; }
    .product-filter .product-compare a {
      text-decoration: none;
      color: inherit; }
  .product-filter .display {
    float: left;
    padding-left: 5px; }
    .product-filter .display b {
      display: none; }
    .product-filter .display a {
      display: inline-block;
      position: relative;
      z-index: 0;
      margin-right: 5px; }
      .product-filter .display a i {
        transition: color .2s; }
    .product-filter .display a + i {
      left: -20px; }
    .product-filter .display i + a {
      left: -15px; }
  .product-filter .limit {
    text-align:center;
    /*margin: 0 10px;*/ }

/******************************
PRODUCT GRID
*******************************/
.ie .main-products, .main-products.product-list {
  width: 100%; }

.product-grid,
.product-list,
#content .box-product {
  padding-top: 20px; }

.backface :before, .backface :after {
  -webkit-backface-visibility: hidden; }

.product-grid, #content .box-product {
  margin-right: -20px;
  overflow: visible !important; }

.box-content {
  display: table;
  width: 100%; }

.product-wrapper {
  margin-right: 20px; }

.product-wrapper:hover {
  transition: all 0.3s; }

.product-details {
  padding-top: 5px;
  display:block;
  clear:both;
  position:relative;
  overflow:visible;
  z-index: 2; }

.product-details:before {
  position: absolute;
  content: "\e61e";
  font-size: 40px;
  top: -21px;
  left: 50%;
  margin-left: -12px;
  color: #f4f4f4;
  z-index: 0; }

.product-grid-item {
  text-align: center;
  position: relative;
  z-index: 1;
  background-color: transparent;
  margin-bottom: 60px; }
  .product-grid-item .image {
    width: 100%;
    position: relative;
    z-index: 1; }
    .product-grid-item .image> a {
      width: 100%;
      display: block;
      text-align: center;
      background-color: transparent; }
      .product-grid-item .image > a img {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        border-radius: inherit; }
  .product-grid-item .name {
    width: 100%;
    display: table;
    table-layout: fixed;
    position: relative;
    overflow: hidden; }
    .product-grid-item .name a {
      padding: 10px 7px 7px 7px;
      line-height: 17px;
      text-decoration: none;
      display: table-cell;
      vertical-align: middle;
      text-overflow: ellipsis;
      overflow: visible; }
  .product-grid-item .description {
    display: none; }
  .product-grid-item .rating {
    display: block;
    position: absolute;
    top: -35px;
    left: 50%;
    margin-left: -47px;
    padding: 4px 6px 8px 6px; }
  /*.product-grid-item .price {
    font-weight: bold;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    display: inline-block;
    margin: 0px 0 10px 0; }*/
    .product-grid-item .price br {
      display: none; }
  .product-grid-item hr {
    height: 0;
    display: none;
    background-color: transparent; }
  .product-grid-item .price-old {
    color: #ea2e49;
    font-size: 13px;
    text-decoration: line-through; }
  .product-grid-item .price-new {
    font-weight: bold;
    padding-left: 5px; }
  .product-grid-item .price-tax {
    display: none; }
  .product-grid-item .cart {
    vertical-align: top;
  margin-bottom: 8px!important;}

.p-over {
  width: 100%;
  height: 100%;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: inherit;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)' !important;
  transition: all .2s ease-out; }

.product-grid-item:hover .p-over, .product-list-item:hover .p-over {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)' !important;
  visibility: visible; }

/******************************
PRODUCT LIST
*******************************/
.product-list-item {
  background-color: transparent !important;
  /*margin-bottom: 20px;*/
  padding: 30px 10px; }
  .product-list-item .left {
    position: relative; }
  .product-list-item .image {
    width: 200px;
    float: left;
    margin-right: 15px;
    position: relative; }
    .product-list-item .image > a {
      display: block;
      overflow: hidden; }
      .product-list-item .image > a > img {
        width: 100%;
        float: left;
        border-radius: inherit; }
  /*.product-list-item .name {margin-left: 215px; }*/
  .product-list-item .name a {
      border-bottom:none !important;
    font-size: 16px;
      color:#3BB449;
    font-weight:bold;
      display: block;
      border-bottom: 1px solid #e4e4e4;
      display: inline-block;
      text-overflow: ellipsis;
    overflow: hidden;
  }
  .product-list-item .rating {
    position: relative;
    margin-top: 0px;
    margin-bottom: 8px;
    left: 1px;
    top: -1px; }
  .product-list-item .price {
    font-weight: bold;
    text-align: left;
  margin-left:10px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    display: inline-block; }
  .product-list-item .price-old {
    color: #ea2e49;
    font-size: 90%;
    text-decoration: line-through; }
  .product-list-item .price-new {
    font-weight: bold;
    padding-left: 5px; }
  .product-list-item .price-tax {
    opacity: .7;
    font-weight: normal;
    font-size: 75%;
    text-align: left;
    display: block;
    padding-top: 5px;
    display: none; }
  .product-list-item .description {
    padding: 0 0 20px 0;
    color: #000; }
  .product-list-item .cart {
    float: left;
    margin-right: 10px; }

.product-list-item.lt400 .product-list-item .image {
  width: 100%;
  float: none;
  margin-bottom: 10px; }
  .product-list-item.lt400 .product-list-item .image img {
    float: none; }

/******************************
 WISHLIST / COMPARE
*******************************/
.product-grid-item .wishlist, .product-grid-item .compare, .product-list-item .wishlist, .product-list-item .compare {
  position: relative;
  display: inline-block;
  padding: 0 5px;
  margin-bottom: 3px; }
  .product-grid-item .wishlist a, .product-grid-item .compare a, .product-list-item .wishlist a, .product-list-item .compare a {
    display: block;
    font-size: 11px;
    text-align: center;
    position: relative; }
    .product-grid-item .wishlist a i, .product-grid-item .compare a i, .product-list-item .wishlist a i, .product-list-item .compare a i {
      transition: background-color .2s;
      color: inherit;
      display: inline-block;
      text-align: center; }
      .product-grid-item .wishlist a i:before, .product-grid-item .compare a i:before, .product-list-item .wishlist a i:before, .product-list-item .compare a i:before {
        width: 100%; }

.product-grid-item .image .wishlist, .product-grid-item .image .compare {
  position: absolute;
  bottom: 8px;
  z-index: 99;
  transition: opacity 0.2s; }
.product-grid-item .image .wishlist {
  left: 5px; }
.product-grid-item .image .compare {
  right: 5px; }

.journal-carousel .product-grid-item .image .wishlist [data-hint]:after {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0) translateX(0);
  -moz-transform: translate3d(0, 0, 0) translateX(0);
  -ms-transform: translate3d(0, 0, 0) translateX(0);
  transform: translate3d(0, 0, 0) translateX(0); }
.journal-carousel .product-grid-item .image .compare [data-hint]:after {
  left: auto;
  right: 0;
  -webkit-transform: translate3d(0, 0, 0) translateX(0);
  -moz-transform: translate3d(0, 0, 0) translateX(0);
  -ms-transform: translate3d(0, 0, 0) translateX(0);
  transform: translate3d(0, 0, 0) translateX(0); }

.product-list-item .image .wishlist, .product-list-item .image .compare {
  position: absolute;
  bottom: 8px; }
.product-list-item .cart {
  float: none;
  display: block; }
.product-list-item .wishlist a i, .product-list-item .compare a i {
  background-color: transparent;
  padding-right: 3px; }
.product-list-item .wishlist {
  margin-top: 10px;
  padding-left: 0; }
  .product-list-item .wishlist a {
    text-align: left; }
.product-list-item .compare {
  margin-top: 0;
  text-align: left; }

.inline-button .cart {
  display: inline-block;
  margin-bottom: 5px; }
.inline-button hr {
  display: block; }

.product-grid-item:hover, .owl-carousel .owl-item:hover {
  z-index: 3; }

/******************************
 PAGINATION
*******************************/
.pagination {
  font-family: 'Open Sans', sans-serif;
  display: inline-block;
  margin-bottom: 20px;
  width: 100%;
  padding: 10px; }
  .pagination:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0; }
  .pagination .links {
    float: left; }
  .pagination a, .pagination b {
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    background-color: white;
    font-weight: 100;
    font-family: inherit;
    margin-right: 3px;
    transition: all .2s; }
  .pagination a:hover, .pagination b:hover{
    background-color: #3BB449 !important;
  }
  .pagination b {
    background-color: #3BB449 !important;
    color: white; }
  .pagination .results {
    color: inherit;
    float: right;
    padding-right: 5px; }
  .pagination .links + .results {
    margin-top: 4px; font-weight:100;; }

/************ New Custom Codes *******************/
.product-list-item .price_shop{border: 2px solid #3BB449;  padding: 10px;  border-radius: 10px; float:right;  color: #3BB449;}
.green-title{color: #3BB449;}
.icw-cart {margin: 0 auto;}
.ui-widget-header {border:none !important; background:#3BB449 !important;}

.icw-checked{position:relative;}
.icw-checked:before{background: #fff url(icons/uncheck.png) 0 0 no-repeat; width:12px; height:12px; border:2px solid #fff !important; position:absolute; content:" ";}
.icw-checked-active:before{
  background: #fff url(icons/check.png) 0 0 no-repeat !important;
}

/******************************* Category Page Light System *******************************/
.traffic-description{clear:both;background: url(icons/traffic-lights.png) #f5f5f5 15px 30px no-repeat; display:inline-block; font-family: 'Open Sans', sans-serif; width: 400px; text-align:left; margin: 0px !important;}
  .traffic-description .right{padding: 15px 15px 15px 60px;}
    .traffic-description .right h1{font-size: 18px;color: #37AD47;font-weight: 100;}
    .traffic-description .right p{font-size: 14px;font-weight: 100; line-height: 18px; padding: 15px 0px 0px;}
      .traffic-description .right p .red-text{color: #EC462F; font-weight: 700;}
      .traffic-description .right p .yellow-text{color: #EAC544; font-weight: 700;}
      .traffic-description .right p .green-text{color: #74D239; font-weight: 700;}
  	  .traffic-description .right .read-more{color: #37AD47; font-weight: bold;}
  
.traffic-light{display: inline-block; width: 40px !important; background-image: url(icons/traffic-light-symobls.png); height: 40px; margin-top:7px; top:0px; left:5px; position:absolute; opacity:0;transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; z-index: 9999;}
.traffic-light-no-image{display: inline-block; width: 40px !important; background-image: url(icons/traffic-light-symobls.png); height: 40px; position:relative; opacity:1;transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; top:-10px; }
  .traffic-light-no-image.red, .traffic-light.red{background-position:0px 0px; background-repeat: no-repeat;}
  .traffic-light-no-image.yellow, .traffic-light.yellow{background-position:-48px 0px; background-repeat: no-repeat;}
  .traffic-light-no-image.green, .traffic-light.green{background-position:-96px 0px; background-repeat: no-repeat;}

.traffic-light-mobile{display: inline-block; width: 40px !important; background-image: url(icons/traffic-light-symobls.png); height: 40px; margin-top:7px; top:0px; left:5px; position:absolute; opacity:1;transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; z-index: 9999;}
  .traffic-light-mobile.red{background-position:0px 0px; background-repeat: no-repeat;}
  .traffic-light-mobile.yellow{background-position:-48px 0px; background-repeat: no-repeat;}
  .traffic-light-mobile.green{background-position:-96px 0px; background-repeat: no-repeat;}

  .traffic-light-filter {opacity: 1;display: inline-flex; width: 30px !important;height: 30px!important;background-image: url(icons/traffic-light-symobls-product.png);margin-top: 25px; z-index: 9999;}
  .traffic-light-filter:hover {opacity: 1;}
  .traffic-light-filter.green{background-position:-64px -1px; background-repeat: no-repeat;}
  .traffic-light-filter.yellow{background-position:-32px -1px; background-repeat: no-repeat; margin-left: 30px;}
  .traffic-light-filter.red{background-position:0px -1px; background-repeat: no-repeat; margin-left: 30px;}
  .traffic-light-filter-dimmed{opacity: 0.4;}
/******************************* Category Page Light System *******************************/  

/******************************* Food types *************************/
.foodtype-no-image {
  position: relative;
  margin: -30px auto 0px;
}
.foodtype {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 40px;
  z-index: 999;
}
.foodtype div {
  margin-bottom: 4px;
}
.foodtype .halal {
  width: 40px;
  height: 40px;
  background-image: url(icons/icon-halal.png);
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
.foodtype .spicy {
  width: 40px;
  height: 40px;
  background-image: url(icons/icon-spicy.png);
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
.foodtype .vegan {
  width: 40px;
  height: 40px;
  background-image: url(icons/icon-vegan.png);
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
.foodtype .vegetarian {
  width: 40px;
  height: 40px;
  background-image: url(icons/icon-vegetarian.png);
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
.foodtype .glutenfree {
  width: 40px;
  height: 40px;
  background-image: url(icons/icon-glutenfree.png);
  background-size: 40px 40px;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 1200px){
  .foodtype {width: 40px;}
  .foodtype .halal, .foodtype .spicy, .foodtype .vegan, .foodtype .vegetarian, .foodtype .glutenfree {width: 40px; height: 40px; background-size: 40px 40px;}
}
@media only screen and (min-width: 761px) and (max-width: 1023px){
  .foodtype {width: 30px;}
  .foodtype .halal, .foodtype .spicy, .foodtype .vegan, .foodtype .vegetarian, .foodtype .glutenfree {width: 30px; height: 30px; background-size: 30px 30px;}
}
@media only screen and (max-width: 470px){
  .foodtype {width: 30px;}
  .foodtype .halal, .foodtype .spicy, .foodtype .vegan, .foodtype .vegetarian, .foodtype .glutenfree {width: 30px; height: 30px; background-size: 30px 30px;}
}
@media only screen and (max-width: 375px){
  .foodtype {width: 20px;}
  .foodtype .halal, .foodtype .spicy, .foodtype .vegan, .foodtype .vegetarian, .foodtype .glutenfree {width: 20px; height: 20px; background-size: 20px 20px;}
}
/******************************* Food types *************************/
  
/******************** Category Page design v2 ********************/
.shop{font-family: 'Open Sans', sans-serif;}
  .shop .icw-input{padding: 18px; border-radius: 5px; line-height:25px; font-family: 'Open Sans', sans-serif;}
  .product-filter{
    text-align:center;
  }
  .shop .refine-title{line-height:25px; font-weight:bold; display:block;}
  
  .sort_categories{text-align:center;}
  
  .shop .sort{display: block; /*padding-top:50px;*/ clear:both; overflow:visible;}
  .shop .category-button-div{display:block; overflow:auto;}
  .shop .category-button-div .category-button{background-color: #e9e9e9; border-radius: 5px; text-align:center; padding:7px 0px; width:90%; margin:10px auto;}
  .shop .category-button-div .category-button a{font-size:14px; color:#444444;}
    .shop .category-button-div .category-button.current-category, .shop .category-button:hover{background-color:#3BB449; cursor:pointer;}
    .shop .category-button-div .category-button.current-category a, .shop .category-button:hover a{color:#fff;}
  
  .shop .name{padding: 10px 0px; float:none; text-align:center; width:auto; margin:0px auto; overflow:visible;}
    .shop .product-grid-item .name a{color: #444444; font-size: 20px; font-weight: 100; font-family: 'Open Sans', sans-serif; white-space: normal; line-height: 1.1;}
    .shop .product-grid-item .sides span{color: #444444; float: left; padding: 5px 0px 10px;}
  	.shop .desc{padding-bottom: 10px; float:none; text-align:center; width:auto; margin:0px auto; overflow:visible;}
  	.shop .product-grid-item .prd_area{border: 1px solid #e8e8e8; padding-bottom: 25px;}
		.shop .product-grid-item .prd_area:hover{
			box-shadow: 0 5px 15px rgba(0,0,0,0.3);
  			transition: opacity 0.5s ease-in-out;
		}
  
  .shop .no-image-product-desc .name{width:100%; margin:-20px auto 0px; overflow:visible; text-align:left; padding:0px;}
  
  .sides .option{display:inline-block;}
    .sides .option .side_option{display:block;}
  
  .shop .product-grid-item .option-inst{}
    .shop .product-grid-item .option-inst span{font-size:10px;}
    
  .shop .product-grid-item .image:hover .traffic-light{opacity:1; top:0px;}
  .shop .product-grid-item .image img{display:block; margin:0px auto;}
  
  .shop .product-grid-item span.error{display: inline-block; background-color: #e51b1b; color: white; padding: 3px 4px 2px 4px; font-size: 12px; position: absolute; right: 38px; z-index:9;}
  
  .shop .product-bundles ul{margin: 0px; text-align: left;}
  
  .shop .no-image-product-desc{clear:both; display: block; padding-top: 30px;}
  .shop .no-image-product-desc .no-image-price{border:none; display:block;}
    .shop .no-image-product-desc .no-image-price .no-image-main-price, .shop .no-image-product-desc .no-image-price .no-image-special-price{margin: 0px auto 15px; float:left;}
    .shop .no-image-product-desc .no-image-price .no-image-main-price .main-price{font-size: 15px; color: #3BB449; font-weight: bold; float: none; padding: 0px; display: inline-block;}
    .shop .no-image-product-desc .no-image-price .no-image-special-price .main-price{font-size: 15px; color: #3BB449; float: none; padding: 0px; text-decoration:line-through; display:inline-block;}
    .shop .no-image-product-desc .no-image-price .no-image-special-price .special-price{font-size: 15px; color: #3BB449; font-weight: bold; float:none; padding:0px; margin:0px;}
  
  .shop .main-products{padding-top:60px;} 
  .main-products.product-list > div:nth-child(3n+1) {
	 clear:both;
  }
  
  .shop .image{/*border: 1px solid #e8e8e8;*/}
    
	.shop .image .inline-day{top: 0px; right: -1px; background-color: #349D48; padding: 5px 40px; color: #fff;}
	.shop .inline-day-noimg{
		top: -16px;
		right: 15px;
		background-color: #349D48;
		padding: 5px 10px;
		color: #fff;
		position: absolute;
		opacity: 1;
	}

  .date-restriction-warning {
    padding: 5px;
    bottom: 0px;
    position: absolute;
    z-index: 9999;
    color: #EC462F;
    font-weight: 700;
  }

  .date-restriction-warning span {
    display: block;
    line-height: 15px;
  }

  .date-restriction-warning-no-image {
    top: 60px;
  }

  @media only screen and (max-width: 768px){
    .date-restriction-warning {font-weight: 600;padding: 3px;}
  }
	
	.shop .image .inline-price{bottom: 0px; right: 0px; background: url(icons/price-bg.png) center bottom no-repeat; width:60px; height:60px; padding:30px 0px; }
    .shop .image .inline-price .sup{font-weight:bold; color:#fff; font-size:10px; padding: 0 0 0 15px;}
    .shop .image .inline-price .sup.decimal{padding:0px;}
    .shop .image .inline-price .price{border: none; color: #fff; font-size: 15px; font-weight: bold;}
    
    .shop .image .inline-special-price{bottom:0px; left:0px; background: url(icons/price-bg-special.png) center bottom no-repeat; width:60px; height:60px; padding:30px 0px;}
    .shop .image .inline-special-price .sup{text-decoration: line-through; color:#fff; font-size:10px;}
    .shop .image .inline-special-price .sup.decimal{padding:0 20px 0 0;}
    .shop .image .inline-special-price .price{border: none; color: #fff; font-size: 15px; text-decoration: line-through;}

.no-image-product-container{margin-bottom:40px !important; padding-bottom:40px !important; border-bottom: 1px solid #CCCCCC;}
  .no-image-product-container .product-date{padding-bottom:30px !important;}

.tooltip-product-name{color: #444444; font-size: 20px; font-weight: 500; font-family: 'Open Sans', sans-serif; display:block;}

.mod-b.glyphicon{
  width: 22px;
  height: 22px;
  border-radius: 50%;
  position: relative;
  color: #fff;
  font-size: 18px;
  background: #02c04a;
  text-align: center;  
  margin-right: 0; 
  margin-left: 0; 
  cursor: pointer;
}
.mod-b.glyphicon-plus{
  margin-left: 5px;
  right: -5px;
}
.mod-b.glyphicon-minus{
  left: -5px;
}

@media only screen and (max-width: 1024px){
  .mod-b.glyphicon{
    width: 20px;
    height: 20px;
    font-size: 16px;
  }
  .mod-b.glyphicon-plus{
    right: -4px;
  }
  .mod-b.glyphicon-minus{
    left: -4px;
  }
}
@media only screen and (max-width: 980px){
	.main-products.product-list > div:nth-child(3n+1) {
		clear: none;
	}
	.main-products.product-list > div:nth-child(2n+1) {
		clear: both;
	}
}

@media only screen and (min-width: 469px) and (max-width: 768px){
  .mod-b.glyphicon{
    width: 20px;
    height: 20px;
    font-size: 16px;
  }
  .mod-b.glyphicon-plus{
    right: -4px;
  }
  .mod-b.glyphicon-minus{
    left: -4px;
  }
}

@media only screen and (max-width: 384px){
  .mod-b.glyphicon{
    width: 18px;
    height: 18px;
    font-size: 15px;
  }
  .mod-b.glyphicon-plus{
    right: -5px;
  }
  .mod-b.glyphicon-minus{
    left: -5px;
  }
}

@media only screen and (max-width: 330px){
  .mod-b.glyphicon{
    width: 16px;
    height: 16px;
    font-size: 14px;
  }
  .mod-b.glyphicon-plus{
    right: -4px;
  }
  .mod-b.glyphicon-minus{
    left: -4px;
  }
}

@media only screen and (max-width: 768px){
  .shop .sort{padding:0px 20px;}
    .shop .sort .product-filter{text-align:center;}
  .shop .refine-title{padding:0px;}
  .shop .main-products{padding:50px 20px 0px;}
  .product-grid-item .cart{padding-bottom:20px;}
  .shop .product-grid-item .option-inst{padding:0px;}
  .main-products .product-grid-item{padding:0px 10px;}
  
  .product-grid-item .name{float:none; text-align:center; display:inline-block !important; width:auto;}
  
  .shop .product-grid-item .name a{font-size: 18px;}
  .shop .no-image-product-desc .no-image-price .no-image-special-price .special-price, .shop .no-image-product-desc .no-image-price .no-image-special-price .main-price, .shop .no-image-product-desc .no-image-price .no-image-main-price .main-price{font-size: 25px;}
  
  .traffic-description{background: #f5f5f5;}
  
  .image{margin-bottom: 1.8em;}
  .desc{padding: 0 4px;}
  .product-date .required{vertical-align: middle; font-size: 16px;}

  
}
@media only screen and (max-width: 1024px){
  .traffic-description{width:auto;}
}
  

@media only screen and (min-width: 768px) and (max-width: 800px){
  .main-products .product-grid-item{padding-right:5px;}
  .shop .main-products{padding:50px 0px 0px;}
  .shop .icw-input{padding:18px 5px;}
}
/******************** Category Page design v2 ********************/
/******************************** Calendar Design v2 ********************************/
.ui-widget-header {border:none !important; background:#3BB449 !important;}
.ui-datepicker th{font-weight:normal !important; background-color: #444444; color: #fff;}
  .ui-datepicker th span{font-size:18px; font-weight:100;}

  
.ui-widget-header .ui-icon{background: url(icons/arrow-big-picker.png) 0px 0px no-repeat !important;width: 24px;height: 24px;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{margin-top: -12px;}
.ui-datepicker .ui-datepicker-next span{background-position: -33px 0 !important;}
/******************************** Calendar Design v2 ********************************/

/*
  Journal - The Ultimate Opencart Theme
  Version 2.0.5
  Copyright (c) 2013 Digital Atelier
  http://journal.digital-atelier.com/
*/
/******************************
 FOOTER
*******************************/
#footer { border: 0; position: relative; max-width: 1024px; margin: 0 auto; display: table; width: 100%; }
.fullwidth-footer { max-width: 100%; }
.fullwidth-footer #footer { overflow: visible; border-radius: 0; }
.fullwidth-footer .columns { padding-left: 1px; }
.fullwidth-footer .column:last-of-type { padding-right: 0; }
.fullwidth-footer .bottom-footer { max-width: 100%; padding: 0; }
.boxed-footer { background: #e9e9e9; }
footer { position: relative; width: 100%; margin: 0 auto; clear: both; display: table; z-index: 9; }
footer .columns { padding-left: 15px; overflow: hidden; }
footer .column { padding: 0px 25px 0px 0; position: relative; }
footer .column.newsletter { padding-right: 15px; }
footer .column > h3 { color: #e4e4e4; font-size: 14px; text-transform: uppercase; border-bottom: 1px solid #5f6874; padding-bottom: 10px; margin-top: 12px; }
footer .column.no-title .column-text-wrap { margin-top: 15px; }
footer .column-menu-wrap > ul { margin: 0; padding: 0; list-style: none; padding-top: 6px; }
footer .column-menu-wrap > ul li { padding: 3px 0; color: #e4e4e4; }
footer .column-menu-wrap > ul li i { margin-right: 6px !important; }
footer .column-menu-wrap > ul li i:before { margin-top: -1px; }
footer .column-menu-wrap > ul a { display: block; color: inherit; transition: color .2s; }
footer .column-text-wrap { color: #e4e4e4; height: 100%; }
footer .column-text-wrap a { transition: color 0.2s; }
footer .column-text-wrap > ul { padding-left: 15px; margin: 0 0 7px 0; }
footer .column-text-wrap > ol { padding-left: 20px; margin: 0 0 7px 0; }
footer .column-text-wrap p { color: inherit; margin: 0; overflow: hidden; line-height: 100%; }
footer .column-text-wrap p span, footer .column-text-wrap p strong { line-height: 100% !important; }
footer .column-text-wrap p iframe { width: 100%; }
footer .column-text-wrap img { max-width: 100%; height: auto !important; }
footer .text > h3 { margin-bottom: 12px; }
footer .columns + .contacts { margin-top: 15px; }
footer .contacts { position: relative; clear: both; display: table; width: 100%; padding: 10px; }
footer .contacts > div > span { color: white; margin-right: 4px; }
footer .contacts i { font-size: 20px; color: inherit; position: relative; width: 40px; height: 40px; border-radius: 50px; margin-right: 0 !important; display: inline-block; background-position: center; background-repeat: no-repeat; text-align: center; line-height: 39px; transition: background-color .2s; }
footer .contacts a { color: inherit; }
footer .contacts a:hover i { color: inherit; }
footer .contacts [data-hint]:before, footer .contacts [data-hint]:after { display: block; }
footer .contacts .hint--top:before { margin-left: -10px; }
footer .contacts .hint--top:after,  footer .contacts .hint--top:focus:after { -webkit-transform: translate3d(0, 0, 0) translateX(-54%); -moz-transform: translate3d(0, 0, 0) translateX(-50%); -ms-transform: translate3d(0, 0, 0) translateX(-50%); transform: translate3d(0, 0, 0) translateX(-54%); }
footer .contacts .hint--top:hover:after,  footer .contacts .hint--top:focus:after { -webkit-transform: translate3d(0, 0, 0) translateY(-8px) translateX(-54%); -moz-transform: translate3d(0, 0, 0) translateY(-8px) translateX(-54%); -ms-transform: translate3d(0, 0, 0) translateY(-8px) translateX(-54%); transform: translate3d(0, 0, 0) translateY(-8px) translateX(-54%); }
footer .contacts .hint--top .contacts-text { margin-left: 0; }
footer .contacts-text { display: inline-block; font-weight: bold; font-size: 15px; color: inherit; line-height: 36px; margin-left: 10px; margin-right: 5px; position: relative; top: 2px; }
footer .contacts-center { margin: 0 auto; position: absolute; clear: both; width: 100%; top: 10px; right: 10px; z-index: 0; }
footer .contacts-left { position: relative; float: left; z-index: 1; }
footer .contacts-right { position: relative; float: right; z-index: 1; }
.column.newsletter .box { margin-top: 15px; margin-bottom: 0; }
.column.products { padding-bottom: 12px; }
.column.products > h3 { margin-bottom: 12px; }
.column.products .product-wrapper { margin: 0; padding: 0; border-radius: 0; box-shadow: none; border: none; transition: all 0; }
.column.products .product-wrapper .p-over { display: none; }
.column.products .product-wrapper:hover { padding: 0; margin: 0; border-radius: 0; box-shadow: none; border: none; }
.column.products .product-details { background-color: transparent; padding-bottom: 0; float: left; max-width: 150px; padding-left: 8px; }
.column.products .product-details:before { content: ""; }
.column.products .product-grid-item { width: 100%; display: inline-block; border-bottom: 1px solid transparent; margin-bottom: 0; text-align: left; padding: 5px 0; }
.column.products .product-grid-item .quickview-button { display: none !important; }
.column.products .product-grid-item .image { display: block; float: left; position: relative; width: auto; }
.column.products .product-grid-item .image span { display: none !important; }
.column.products .product-grid-item .image a { background: transparent !important; margin-top: 3px; line-height: 100%; border-radius: 0; border: none; }
.column.products .product-grid-item .image img { border: 0; display: block; padding: 0; max-width: 50px; }
.column.products .product-grid-item .name { position: relative; }
.column.products .product-grid-item .name a { font-size: 12px; text-decoration: none; display: block; text-align: left; padding: 0 0 1px 0; transition: all 0.2s; }
.column.products .product-grid-item .sale { display: none; }
.column.products .product-grid-item .price { display: inline-block; font-size: 13px; padding: 0; text-align: left; border: none; margin-bottom: 4px; background-color: transparent; border-radius: 0; }
.column.products .product-grid-item .price-old { font-weight: normal; color: #ea2e49; padding-right: 0; text-decoration: line-through; font-size: 12px; }
.column.products .product-grid-item .price-new { font-size: 13px; }
.column.products .product-grid-item .rating { position: relative; margin: 0; left: 0; top: 0; padding: 0; }
.column.products .product-grid-item .cart { display: none !important; }
.column.products .product-grid-item .cart input { color: white; font-family: 'Open Sans', sans-serif; text-transform: none; font-weight: bold; }
.column.products .product-grid-item:last-of-type { border-bottom: none; }
.bottom-footer { min-height: 57px; clear: both; margin: 0 auto; position: relative; }
.bottom-footer > div { max-width: 1024px; margin: 0 auto; position: relative; }
.bottom-footer .copyright { float: left; line-height: 57px; }
.bottom-footer .payments { float: right; }
.bottom-footer .payments img { margin-left: 10px; position: relative; margin-top: 13px; max-height: 35px; vertical-align: middle; }
.bottom-footer .no-copyright { text-align: center; }
.bottom-footer .no-copyright .payments { float: none; }
.bottom-footer .no-payments { text-align: center; }
.bottom-footer .no-payments .copyright { float: none; }
.bottom-footer.boxed-bar { padding: 0 15px; }
.bottom-footer .footer-logo { padding-top: 7px; }
.column-text-wrap .block-icon-left + p { display: inline; }
footer .column.text { min-height: 50px; }
/********************************************************************/
#top-modules > div, #bottom-modules > div { background-size: cover; background-position:50% 50% !important; clear:both; }
/********************************************************************/

.right-icw {float:right;}
.bottom-footer {font-family: 'Open Sans', sans-serif; font-size:14px;}
.footer-links-social {margin-bottom:15px; padding:0px; list-style:none; margin-top: 11px;}
	.footer-links-social li {display: inline-block; padding:0px 12px 0px 12px;}
	.footer-links-social li a {display:inline-block; background:url(../../../../../image/msc/img-footer-social-media-white.png) left top no-repeat; height:22px; width:23px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; }
		.footer-links-social li a.link-facebook {background-position:0px 0px;}
		.footer-links-social li a.link-twitter {background-position:-46px 0px;}
		.footer-links-social li a.link-pintrest {background-position:-92px 0px;}
		.footer-links-social li a.link-youTube {background-position:-138px 0px;}
		.footer-links-social li a.link-instagram {background-position:-178px 0px;}
		.footer-links-social li a:hover {opacity:0.7; text-decoration:none;}
		
	.bottom-footer .no-payments .copyright {color:#868686; font-family: 'Open Sans', sans-serif; text-align: left; padding-right:10px; white-space:nowrap;}	

	.footer-right-menu-icw {float:left; margin:0px; padding:0px 0px 0px 60px; list-style:none; margin-top: 20px;}
		.footer-right-menu-icw li {display:inline-block; padding: 0px 2px;color:#545454;}
		.footer-right-menu-icw li a {font-size:14px; color:#808080; text-transform:uppercase; text-decoration:none; font-family: 'Open Sans', sans-serif; font-weight:bold;}
		.footer-right-menu-icw li a:hover {text-decoration:underline; color:#3ab54a;}

/******************* New Footer ****************************/
.icw-container{max-width:1200px; margin:0px auto;}
.footer-top{position: relative;width: 100%;margin: 0 auto; clear: both; display: table; z-index: 2; background: url(icons/footer-bg.png) center;border-top: 4px solid #258030; font-family: 'Open Sans', sans-serif;}
	.footer-top .inner-footer{padding: 25px 0px 25px; color:#757575; display:block; overflow:auto;}
		.footer-top .inner-footer .footer-primary-links{text-align:center; display:block; overflow:auto;}
		.footer-top .inner-footer h4{margin:10px 0;}
		.footer-top .inner-footer .footer-primary-links h4{display:inline-block;}
		.footer-top .inner-footer .footer-primary-links h4 a{font-size:15px; color:#fff; display:inline-block; padding:0px 10px;}
		.footer-top .inner-footer .footer-secondary-links{text-align:center; display:block; overflow:auto;}
		.footer-top .inner-footer .footer-secondary-links h4{display:inline-block;}
		.footer-top .inner-footer .footer-secondary-links h4 a{font-size:12px;  margin-bottom: 15px; color:#fff; display:inline-block; padding:0px 10px; font-weight:100;}
		.footer-top .inner-footer .footer-secondary-links .pipe{color:#fff;}
	/*.footer-top .inner-footer p{ font-size:14px; color:#fff; line-height:25px; font-weight: 300;}
	.footer-top .inner-footer .fb-widget-footer{padding-bottom:25px;}
		.footer-top .inner-footer h4{font-size:16px;  margin-bottom: 15px; color:#fff;}
		.footer-top .inner-footer ul{padding:0px;margin: 20px 0px 40px;;}
			.footer-top .inner-footer ul li{list-style:none;padding:0 0 15px;}
				.footer-top .inner-footer ul li a{color:#fff; font-size:14px; font-weight: 300;}*/


.footer-payment{float:right; padding:20px 0px 0px;}	
/******************* New Footer ****************************/

@media only screen and (min-width:801px) and (max-width:960px) {
	.bottom-footer, .footer-right-menu-icw li a {font-size:12px;}
}
@media only screen and (min-width:768px) and (max-width:1185px) {
	.bottom-footer .no-payments .copyright { padding:0px;}
}

@media only screen and (max-width: 420px){
	.bottom-footer.fullwidth-bar .copyright{text-align: center; display: inline-block; padding: 30px 0px; height:80px;}
		.bottom-footer.fullwidth-bar .copyright span{display: block; padding: 10px 0px !important;}
}
@media only screen and (max-width: 767px) {	
	.footer-top .inner-footer p{padding:0px 75px 10px 20px;}
	.footer-top .inner-footer .fb-widget-footer{text-align:center;}
	.footer-payment{float:none; padding:0px;}	
	.bottom-footer.fullwidth-bar .copyright {text-align:center;}
	.checkout-btn-div{text-align:left;}
	.footer-top .inner-footer{text-align:center;}
	.footer-top .inner-footer p{padding: 0px 20px 10px 20px !important;}
	.bottom-footer.fullwidth-bar .copyright{text-align: center; display: inline-block; padding: 30px 0px; height:80px;}
		.bottom-footer.fullwidth-bar .copyright span{padding-left:25px !important;}
	.footer-payment{padding: 0px 0px 30px !important;}
}

@media only screen and (max-width: 800px) {
	.footer-right-menu-icw {float:none; padding:0px 0px 0px 0px;}
	.bottom-footer.fullwidth-bar .copyright {width: 100%; float: left; padding-right:15px;}
}
@media only screen and (max-width: 1024px){
}

@font-face {
    font-family: 'journal-icons';
    src:url('icons/fonts/journal-icons.eot');
    src:url('icons/fonts/journal-icons.eot?#iefix') format('embedded-opentype'),
    url('icons/fonts/journal-icons.woff') format('woff'),
    url('icons/fonts/journal-icons.ttf') format('truetype'),
    url('icons/fonts/journal-icons.svg#journal-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
    @font-face
    {
        font-family: 'journal-icons';
        src: url('icons/fonts/journal-icons.svg#journal-icons') format('svg');
    }
}


[data-icon]:before {
    font-family: 'journal-icons';
    content: attr(data-icon);
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

	div > .tooltip, li > .tooltip, a > .tooltip, span > .tooltip {
	opacity: 0;
	margin-top: -10px;
	visibility: hidden;
	margin-left: -65px;

	-webkit-transition-property:opacity, margin-top, visibility, margin-left;
	-webkit-transition-duration:0.5s, 0.3s, 0.5s, 0.3s;  
	-webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
	
	-moz-transition-property:opacity, margin-top, visibility, margin-left;
	-moz-transition-duration:0.5s, 0.3s, 0.5s, 0.3s;  
	-moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
	
	-o-transition-property:opacity, margin-top, visibility, margin-left;
	-o-transition-duration:0.5s, 0.3s, 0.5s, 0.3s;  
	-o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
	
	transition-property:opacity, margin-top, visibility, margin-left;
	transition-duration:0.5s, 0.3s, 0.5s, 0.3s;  
	transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in;
}

	div:hover > .tooltip, li:hover > .tooltip, a:hover > .tooltip, span:hover > .tooltip,
	a .tooltip:hover, span .tooltip:hover, li .tooltip:hover, div .tooltip:hover {
		opacity: 1;
		z-index:100;
		visibility: visible;
		overflow: visible;
		margin-top: 30px;
		display: inline;
		margin-left: -20px;
		
		-webkit-transition-property:opacity, margin-top, visibility, margin-left;
		-webkit-transition-duration:0.5s, 0.3s, 0.5s, 0.3s;  
		-webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
		
		-moz-transition-property:opacity, margin-top, visibility, margin-left;
		-moz-transition-duration:0.5s, 0.3s, 0.5s, 0.3s;  
		-moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;		
		
		-o-transition-property:opacity, margin-top, margin-left;
		-o-transition-duration:0.5s, 0.3s, 0.3s;  
		-o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out;
		
		transition-property:opacity, margin-top, visibility, margin-left;
		transition-duration:0.5s, 0.3s, 0.5s;  
		transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;		
	}

.tooltip {
	background: #FFF;
	background: -moz-linear-gradient(top, #FFF 0%, #FFF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#FFF));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#FFF',GradientType=0 );

	border: 1px solid #444444;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;

	padding: 10px;
	margin-left: -40px;

	position: absolute;

	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
	font-style: normal;
	color: #777;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.75);
	
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1), inset 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1), inset 0 1px 0 #fff;	
	-o-box-shadow: 0 1px 3px rgba(0,0,0,0.1), inset 0 1px 0 #fff;	
	box-shadow: 0 1px 3px rgba(0,0,0,0.1), inset 0 1px 0 #fff;

	z-index: 10;	
}

.tooltip:before { /* Triangle */
	content: "";
	background: #FFF;

	border: 0;
	border-top: 1px solid #444444;
	border-right: 1px solid #444444;	

	width: 10px;
	height: 10px;
	margin-left: 15px;
	margin-top: -16px;
	
	display: block;
	position: absolute;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	
	-webkit-box-shadow: inset -1px 1px 0 #fff;
	-moz-box-shadow: inset 0 1px 0 #fff;
	-o-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff;
	
	display /*\**/: none\9;
	*display: none !important;
	*display: none;
}

@media screen and (max-width: 1024px){
	.tooltip {width:750%;}
}
@media screen and (max-width: 980px){
	.tooltip {width:550%;}
}
@media screen and (max-width: 767px){
	.tooltip {width:750%;}
}
@media screen and (max-width: 600px){
	.tooltip {width:600%;}
}
@media screen and (max-width: 420px){
	.tooltip {width:750%;}
}
@media screen and (max-width: 320px){
	.tooltip {width:600%;}
}

@media screen and (max-width: 800px){
	.traffic-description .left .all-lights{
		margin: 0px 25%;
	}
}



/************** Product Name overflow tooltip *******************/
div > .name-tooltip, li > .name-tooltip, a > .name-tooltip, span > .name-tooltip {
	opacity: 0;
	margin-top: -10px;
	visibility: hidden;
	left: 20px;
	min-width: 250px;

	-webkit-transition-property:opacity, margin-top, visibility, margin-left;
	-webkit-transition-duration:0.5s, 0.3s, 0.5s, 0.3s;  
	-webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
	
	-moz-transition-property:opacity, margin-top, visibility, margin-left;
	-moz-transition-duration:0.5s, 0.3s, 0.5s, 0.3s;  
	-moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
	
	-o-transition-property:opacity, margin-top, visibility, margin-left;
	-o-transition-duration:0.5s, 0.3s, 0.5s, 0.3s;  
	-o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
	
	transition-property:opacity, margin-top, visibility, margin-left;
	transition-duration:0.5s, 0.3s, 0.5s, 0.3s;  
	transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in;
}

	div:hover > .name-tooltip, li:hover > .name-tooltip, a:hover > .name-tooltip, span:hover > .name-tooltip,
	a .name-tooltip:hover, span .name-tooltip:hover, li .name-tooltip:hover, div .name-tooltip:hover {
		opacity: 1;
		z-index:100;
		visibility: visible;
		overflow: visible;
		margin-top: 35px;
		display: inline;
		left: 20px;
		
		-webkit-transition-property:opacity, margin-top, visibility, margin-left;
		-webkit-transition-duration:0.5s, 0.3s, 0.5s, 0.3s;  
		-webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
		
		-moz-transition-property:opacity, margin-top, visibility, margin-left;
		-moz-transition-duration:0.5s, 0.3s, 0.5s, 0.3s;  
		-moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;		
		
		-o-transition-property:opacity, margin-top, margin-left;
		-o-transition-duration:0.5s, 0.3s, 0.3s;  
		-o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out;
		
		transition-property:opacity, margin-top, visibility, margin-left;
		transition-duration:0.5s, 0.3s, 0.5s;  
		transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;		
	}

.name-tooltip {
	background: #FFF;
	background: -moz-linear-gradient(top, #FFF 0%, #FFF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#FFF));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#FFF',GradientType=0 );

	border: 1px solid #444444;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;

	padding: 10px;
	margin-left: -40px;

	position: absolute;

	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
	font-style: normal;
	color: #777;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.75);
	
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1), inset 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1), inset 0 1px 0 #fff;	
	-o-box-shadow: 0 1px 3px rgba(0,0,0,0.1), inset 0 1px 0 #fff;	
	box-shadow: 0 1px 3px rgba(0,0,0,0.1), inset 0 1px 0 #fff;

	z-index: 10;	
}

.name-tooltip:before { /* Triangle */
	content: "";
	background: #FFF;

	border: 0;
	border-top: 1px solid #444444;
	border-right: 1px solid #444444;	

	width: 10px;
	height: 10px;
	margin-left: 15px;
	margin-top: -16px;
	
	display: block;
	position: absolute;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	
	-webkit-box-shadow: inset -1px 1px 0 #fff;
	-moz-box-shadow: inset 0 1px 0 #fff;
	-o-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff;
	
	display /*\**/: none\9;
	*display: none !important;
	*display: none;
}

div > .name-tooltip .only_day, li > .name-tooltip .only_day, a > .name-tooltip .only_day, span > .name-tooltip .only_day{
	display: block;
    font-size: 16px;
}


/************************************** Name no Image tooltip ********************************************/

div > .name-noimage-tooltip, li > .name-noimage-tooltip, a > .name-noimage-tooltip, span > .name-noimage-tooltip {
	opacity: 0;
	margin-top: -10px;
	visibility: hidden;
	left: 85px;
	min-width: 220px;

	-webkit-transition-property:opacity, margin-top, visibility, margin-left;
	-webkit-transition-duration:0.5s, 0.3s, 0.5s, 0.3s;  
	-webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
	
	-moz-transition-property:opacity, margin-top, visibility, margin-left;
	-moz-transition-duration:0.5s, 0.3s, 0.5s, 0.3s;  
	-moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
	
	-o-transition-property:opacity, margin-top, visibility, margin-left;
	-o-transition-duration:0.5s, 0.3s, 0.5s, 0.3s;  
	-o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
	
	transition-property:opacity, margin-top, visibility, margin-left;
	transition-duration:0.5s, 0.3s, 0.5s, 0.3s;  
	transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in;
}

	div:hover > .name-noimage-tooltip, li:hover > .name-noimage-tooltip, a:hover > .name-noimage-tooltip, span:hover > .name-noimage-tooltip,
	a .name-noimage-tooltip:hover, span .name-noimage-tooltip:hover, li .name-noimage-tooltip:hover, div .name-noimage-tooltip:hover {
		opacity: 1;
		z-index:100;
		visibility: visible;
		overflow: visible;
		margin-top: 20px;
		display: inline;
		left: 85px;
		
		-webkit-transition-property:opacity, margin-top, visibility, margin-left;
		-webkit-transition-duration:0.5s, 0.3s, 0.5s, 0.3s;  
		-webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
		
		-moz-transition-property:opacity, margin-top, visibility, margin-left;
		-moz-transition-duration:0.5s, 0.3s, 0.5s, 0.3s;  
		-moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;		
		
		-o-transition-property:opacity, margin-top, margin-left;
		-o-transition-duration:0.5s, 0.3s, 0.3s;  
		-o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out;
		
		transition-property:opacity, margin-top, visibility, margin-left;
		transition-duration:0.5s, 0.3s, 0.5s;  
		transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;		
	}

.name-noimage-tooltip {
	background: #FFF;
	background: -moz-linear-gradient(top, #FFF 0%, #FFF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#FFF));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#FFF',GradientType=0 );

	border: 1px solid #444444;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;

	padding: 10px;
	margin-left: -40px;

	position: absolute;

	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
	font-style: normal;
	color: #777;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.75);
	
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1), inset 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1), inset 0 1px 0 #fff;	
	-o-box-shadow: 0 1px 3px rgba(0,0,0,0.1), inset 0 1px 0 #fff;	
	box-shadow: 0 1px 3px rgba(0,0,0,0.1), inset 0 1px 0 #fff;

	z-index: 10;	
}

.name-noimage-tooltip:before { /* Triangle */
	content: "";
	background: #FFF;

	border: 0;
	border-top: 1px solid #444444;
	border-right: 1px solid #444444;	

	width: 10px;
	height: 10px;
	margin-left: 15px;
	margin-top: -16px;
	
	display: block;
	position: absolute;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	
	-webkit-box-shadow: inset -1px 1px 0 #fff;
	-moz-box-shadow: inset 0 1px 0 #fff;
	-o-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff;
	
	display /*\**/: none\9;
	*display: none !important;
	*display: none;
}

div > .name-noimage-tooltip .only_day, li > .name-noimage-tooltip .only_day, a > .name-noimage-tooltip .only_day, span > .name-noimage-tooltip .only_day{
	display: block;
    font-size: 14px;
}

/************** Food Type tooltip *******************/
div > .food-type-tooltip, li > .food-type-tooltip, a > .food-type-tooltip, span > .food-type-tooltip {
	margin-top: 0px;
	margin-left: 0px;
	right: 50px;
}
div:hover > .food-type-tooltip, li:hover > .food-type-tooltip, a:hover > .food-type-tooltip, span:hover > .food-type-tooltip,
	a .food-type-tooltip:hover, span .food-type-tooltip:hover, li .food-type-tooltip:hover, div .food-type-tooltip:hover {
	margin-top: 0px;
	margin-left: 0px;
	right: 50px;
}
.food-type-tooltip:before {
	top: 45%;
    transform: rotate(45deg) translateY(-45%)!important;
    right: -2px!important;
    margin-left: 0px;
    margin-top: 0px;
}
@media screen and (max-width: 1024px){
	.food-type-tooltip {
		width:auto;
	}
}

div > .food-type-tooltip-product-page, li > .food-type-tooltip-product-page, a > .food-type-tooltip-product-page, span > .food-type-tooltip-product-page {
	margin-top: 50px;
	margin-left: -10px;
}
div:hover > .food-type-tooltip-product-page, li:hover > .food-type-tooltip-product-page, a:hover > .food-type-tooltip-product-page, span:hover > .food-type-tooltip,
	a .food-type-tooltip-product-page:hover, span .food-type-tooltip-product-page:hover, li .food-type-tooltip-product-page:hover, div .food-type-tooltip-product-page:hover {
	margin-top: 50px;
	margin-left: -10px;
}
.food-type-tooltip-product-page:before {
	top:-9px;
	left: 50%;
    transform: rotate(-45deg) translateX(-50%)!important;
    margin-left: 0px;
    margin-top: 0px;
}
@media screen and (max-width: 1024px){
	.food-type-tooltip-product-page {
		width:auto;
	}
}

/*!
 *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}

/*
  Journal - The Ultimate Opencart Theme
  Version 2.0.5
  Copyright (c) 2013 Digital Atelier
  http://journal.digital-atelier.com/
*/
/******************************
 JOURNAL GRID
*******************************/
@media only screen and (max-width: 1220px) {
  .lg-5 {
    width: 5%; }

  .lg-10 {
    width: 10%; }

  .lg-15 {
    width: 15%; }

  .lg-20 {
    width: 20%; }

  .lg-25 {
    width: 25%; }

  .lg-30 {
    width: 30%; }

  .lg-35 {
    width: 35%; }

  .lg-40 {
    width: 40%; }

  .lg-45 {
    width: 45%; }

  .lg-50 {
    width: 50%; }

  .lg-55 {
    width: 55%; }

  .lg-60 {
    width: 60%; }

  .lg-65 {
    width: 65%; }

  .lg-70 {
    width: 70%; }

  .lg-75 {
    width: 75%; }

  .lg-80 {
    width: 80%; }

  .lg-85 {
    width: 85%; }

  .lg-90 {
    width: 90%; }

  .lg-95 {
    width: 95%; }

  .lg-100 {
    width: 100%; }

  .lg-11 {
    width: 11.11111111111111%; }

  .lg-12 {
    width: 12.5%; }

  .lg-14 {
    width: 14.28571428571429%; }

  .lg-16 {
    width: 16.66666666666666%; }

  .lg-33 {
    width: 33.33333333333333%; }

  .lg-66 {
    width: 66.66666666666666%; } }
@media only screen and (max-width: 980px) {
  .md-5 {
    width: 5%; }

  .md-10 {
    width: 10%; }

  .md-15 {
    width: 15%; }

  .md-20 {
    width: 20%; }

  .md-25 {
    width: 25%; }

  .md-30 {
    width: 30%; }

  .md-35 {
    width: 35%; }

  .md-40 {
    width: 40%; }

  .md-45 {
    width: 45%; }

  .md-50 {
    width: 50%; }

  .md-55 {
    width: 55%; }

  .md-60 {
    width: 60%; }

  .md-65 {
    width: 65%; }

  .md-70 {
    width: 70%; }

  .md-75 {
    width: 75%; }

  .md-80 {
    width: 80%; }

  .md-85 {
    width: 85%; }

  .md-90 {
    width: 90%; }

  .md-95 {
    width: 95%; }

  .md-100 {
    width: 100%; }

  .md-11 {
    width: 11.11111111111111%; }

  .md-12 {
    width: 12.5%; }

  .md-14 {
    width: 14.28571428571429%; }

  .md-16 {
    width: 16.66666666666666%; }

  .md-33 {
    width: 33.33333333333333%; }

  .md-66 {
    width: 66.66666666666666%; } }
@media only screen and (max-width: 760px) {
  .sm-5 {
    width: 5%; }

  .sm-10 {
    width: 10%; }

  .sm-15 {
    width: 15%; }

  .sm-20 {
    width: 20%; }

  .sm-25 {
    width: 25%; }

  .sm-30 {
    width: 30%; }

  .sm-35 {
    width: 35%; }

  .sm-40 {
    width: 40%; }

  .sm-45 {
    width: 45%; }

  .sm-50 {
    width: 50%; }

  .sm-55 {
    width: 55%; }

  .sm-60 {
    width: 60%; }

  .sm-65 {
    width: 65%; }

  .sm-70 {
    width: 70%; }

  .sm-75 {
    width: 75%; }

  .sm-80 {
    width: 80%; }

  .sm-85 {
    width: 85%; }

  .sm-90 {
    width: 90%; }

  .sm-95 {
    width: 95%; }

  .sm-100 {
    width: 100%; }

  .sm-11 {
    width: 11.11111111111111%; }

  .sm-12 {
    width: 12.5%; }

  .sm-14 {
    width: 14.28571428571429%; }

  .sm-16 {
    width: 16.66666666666666%; }

  .sm-33 {
    width: 33.33333333333333%; }

  .sm-66 {
    width: 66.66666666666666%; } }
@media only screen and (max-width: 470px) {
  .xs-5 {
    width: 5%; }

  .xs-10 {
    width: 10%; }

  .xs-15 {
    width: 15%; }

  .xs-20 {
    width: 20%; }

  .xs-25 {
    width: 25%; }

  .xs-30 {
    width: 30%; }

  .xs-35 {
    width: 35%; }

  .xs-40 {
    width: 40%; }

  .xs-45 {
    width: 45%; }

  .xs-50 {
    width: 50%; }

  .xs-55 {
    width: 55%; }

  .xs-60 {
    width: 60%; }

  .xs-65 {
    width: 65%; }

  .xs-70 {
    width: 70%; }

  .xs-75 {
    width: 75%; }

  .xs-80 {
    width: 80%; }

  .xs-85 {
    width: 85%; }

  .xs-90 {
    width: 90%; }

  .xs-95 {
    width: 95%; }

  .xs-100 {
    width: 100%; }

  .xs-11 {
    width: 11.11111111111111%; }

  .xs-12 {
    width: 12.5%; }

  .xs-14 {
    width: 14.28571428571429%; }

  .xs-16 {
    width: 16.66666666666666%; }

  .xs-33 {
    width: 33.33333333333333%; }

  .xs-66 {
    width: 66.66666666666666%; } }
/******************************
 GENERAL
*******************************/
@media only screen and (max-width: 1024px) {
  .product-grid-item:hover .image > a > img, .product-list-item:hover .image > a > img {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transition: opacity 0; }

  .p-over, .quickview-button, .gallery-thumb a:before, .gallery-thumb .item-hover, .product-grid-item .image .wishlist, .product-grid-item .image .compare {
    display: none; } }
@media only screen and (max-width: 980px) {
  #container, #header {
    max-width: 100%; }

  .side-block-left,
  .side-block-right,
  .banner-overlay {
    display: none !important; } }
@media only screen and (max-width: 760px) {
  .hide-on-mobile {
    display: none !important; }

  #cart .content {
    width: 100%; }

  .login-content .left {
    width: 100%;
    margin-bottom: 30px; }

  .login-content .right {
    width: 100%; }

  .login-content .left p:nth-child(2) {
    min-height: 55px; }

  .side-block-left,
  .side-block-right {
    display: none; }

  .heading-title, .box-heading {
    max-height: 100%; } }
@media only screen and (max-width: 470px) {
  table.form td {
    display: block; } }
/******************************
HEADER
*******************************/
@media only screen and (max-width: 980px) {
  .journal-desktop .sticky-wrapper {
    max-height: 160px; }

  .journal-menu {
    clear: both; }

  .journal-header-default.nocart-nosearch .journal-menu {
    clear: none; }

  #cart {
    box-shadow: none; }

  .sticky-wrapper {
    height: auto !important; } }
@media only screen and (max-width: 760px) {
  .journal-header-center .journal-links .links {
    width: 100%; }

  header .links > a {
    border-bottom-color: #e4e4e4;
    border-top-style: solid;
    border-top-width: 1px; }
  header .journal-login {
    border-bottom: 1px solid #e4e4e4; }

  
    #header .journal-links {
      position: absolute;
      top: 0; }

  .is-sticky {
    max-height: 100%; } }
@media only screen and (max-width: 760px) {
  .journal-header .text-only > i {
    display: none; }
  .journal-header .icon-only > i {
    font-size: 185% !important; }
  .journal-header .icon-only > span {
    display: none; } }
/******************************
 HEADER CENTER
*******************************/
@media only screen and (max-width: 1039px) {
  .journal-header-default.nocart .links > a:last-child {
    border-right-width: 0; } }
@media only screen and (max-width: 760px) {
  .journal-header-menu .logo a {
    height: 120px; }
    .journal-header-menu .logo a img {
      max-height: 120px; }

  .journal-header-mega .journal-logo .logo a {
    text-align: center;
    padding-left: 0; }

  .hide-on-mobile {
    display: none !important; }

  .super-menu > li:last-of-type {
    border-left: 0 !important; }

  .journal-header-center {
    box-shadow: none; }
    .journal-header-center .journal-cart, .journal-header-center .journal-search, .journal-header-center .journal-secondary, .journal-header-center .journal-links {
      padding: 0; }
    .journal-header-center .journal-search, .journal-header-center .journal-cart {
      top: 0; }
    .journal-header-center .journal-top-header {
      border-bottom-width: 0; }
    .journal-header-center .journal-menu-bg {
      display: none; }
    .journal-header-center #search input {
      border-radius: 0;
      border-left-width: 0 !important;
      border-right-width: 0 !important; }
    .journal-header-center .button-search {
      border-radius: 0; }
    .journal-header-center .journal-cart {
      border-radius: 0; }
      .journal-header-center .journal-cart #cart .heading a span {
        border-top: 1px solid transparent; }
      .journal-header-center .journal-cart #cart {
        border-radius: 0;
        border-right-width: 0 !important; }
        .journal-header-center .journal-cart #cart .content {
          padding-top: 0; }
          .journal-header-center .journal-cart #cart .content .cart-wrapper {
            border-radius: 0; }
          .journal-header-center .journal-cart #cart .content:before {
            display: none; }
      .journal-header-center .journal-cart #cart .heading i {
        border-radius: 0; }
    .journal-header-center .journal-language, .journal-header-center .journal-currency {
      padding: 0;
      margin-right: 0;
      position: absolute;
      min-width: 40px;
      z-index: 99; }
    .journal-header-center .journal-language {
      left: 0; }
    .journal-header-center .journal-currency {
      right: 0; }
    .journal-header-center .journal-language form {
      text-align: left; }
      .journal-header-center .journal-language form > div {
        border-left: 0; }
    .journal-header-center .journal-currency form {
      text-align: right; }
      .journal-header-center .journal-currency form > div {
        border-right: 0;
        border-left: 1px solid transparent; }
    .journal-header-center .lang form, .journal-header-center .curr form {
      display: block; }
    .journal-header-center .journal-center-bg {
      top: 80px; }
    .journal-header-center .journal-secondary,.journal-header-center .journal-links{
      width: 100%;
      text-align: center;
      clear: both;
      /*background-color: #fafafa;*/
      border-bottom: 1px solid transparent;
      border-top: 1px solid transparent; }
    .journal-header-center .links {
      float: none !important;
      margin: 0 auto; }
    .journal-header-center .autocomplete2-suggestions {
      top: 40px;
      border-radius: 0; }
      .journal-header-center .autocomplete2-suggestions:before {
        display: none; }
    .journal-header-center .autocomplete2-selected:first-child,
    .journal-header-center .autocomplete2-selected:last-child,
    .journal-header-center .autocomplete2-suggestion:first-child > a > span > img,
    .journal-header-center .autocomplete2-suggestion:last-child > a > span > img {
      border-radius: 0; }

  .journal-top-header {
    border-bottom: none; } }
@media only screen and (max-width: 470px) {
  #cart .content {
    min-width: 100%; }

  .journal-header-center #search input {
    border-bottom-width: 0 !important; }
  .journal-header-center .journal-cart #cart {
    border-left-width: 0 !important; } }
/******************************
EXTENDED MENU
*******************************/
@media only screen and (max-width: 980px) {
  .journal-header-menu #cart {
    height: 40px;
    box-shadow: none; }
  .journal-header-menu .j-50 {
    height: 40px; }
  .journal-header-menu .j-med {
    height: 120px; }
  .journal-header-menu.nocart-nosearch .j-med {
    height: 80px; } }
/******************************
 MEGA MENU
*******************************/
@media only screen and (max-width: 1024px) {
  .super-menu > li:first-of-type {
    border-left: none; } }
@media only screen and (max-width: 980px) {
  .journal-header-default .super-menu > li > div {
    left: 0;
    margin-left: 0; } }
@media only screen and (max-width: 760px) {
  .mobile-trigger {
    display: block;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    width: 100%;
    font-size: 16px;
    padding-left: 10px;
    background-color: #5f6874;
    cursor: pointer; }
    .mobile-trigger:before {
      content: "\e618";
      margin-right: 10px;
      font-size: 23px;
      float: left; }

  .journal-mobile .mega-menu, .journal-mobile .html-menu {
    position: relative; }

  .journal-menu .mobile-menu li:last-of-type {
    border-right: none; }

  .journal-menu {
    height: auto; }
    .journal-menu .mobile-menu {
      display: none; }
      .journal-menu .mobile-menu > li {
        position: relative;
        display: block;
        border-bottom: 1px solid #333745;
        border-left: none;
        border-right: none;
        left: 0; }
        .journal-menu .mobile-menu > li .mobile-plus {
          display: none;
          width: 40px;
          height: 40px;
          line-height: 35px;
          font-size: 25px;
          font-weight: bold;
          z-index: 99;
          top: 0;
          right: 0;
          position: absolute;
          text-align: center;
          cursor: pointer;
          color: white;
          background-color: #4f5660;
          border-left: 1px solid #333745; }
        .journal-menu .mobile-menu > li > ul {
          left: 0 !important; }
          .journal-menu .mobile-menu > li > ul li .mobile-plus {
            border-left: none;
            height: 39px; }
        .journal-menu .mobile-menu > li > a {
          text-align: left;
          padding-left: 10px; }
      .journal-menu .mobile-menu li:last-of-type {
        border-bottom: none; }
      .journal-menu .mobile-menu > li > ul + .mobile-plus,
      .journal-menu .mobile-menu > li > div + .mobile-plus,
      .journal-menu .mobile-menu > li > span + .mobile-plus,
      .journal-menu .mobile-menu > li > ul li .mobile-plus {
        display: block; } }
/******************************
Dropdown
*******************************/
@media only screen and (max-width: 760px) {
  .mobile-menu .drop-down > ul {
    display: none; }
  .mobile-menu .drop-down ul {
    width: 100%;
    position: relative;
    box-shadow: none;
    left: 0;
    visibility: visible;
    opacity: 1;
    display: none; }
    .mobile-menu .drop-down ul li {
      color: #333745;
      position: relative;
      border-bottom: 1px solid #f4f4f4; } }
/******************************
 MEGA-MENU MIXED
*******************************/
@media only screen and (max-width: 760px) {
  .mega-menu .mega-menu-column {
    width: 100% !important;
    float: none; } }
/******************************
 MOBILE MENU ON TABLET
*******************************/
@media only screen and (max-width: 980px) {
  .mobile-menu-on-tablet .hide-on-mobile {
    display: none !important; }
  .mobile-menu-on-tablet .sticky-wrapper {
    height: auto !important;
    max-height: 100% !important; }
  .mobile-menu-on-tablet .journal-header-center {
    box-shadow: none; }
  .mobile-menu-on-tablet .mobile-trigger {
    display: block;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    width: 100%;
    font-size: 16px;
    padding-left: 10px;
    background-color: #5f6874;
    cursor: pointer; }
    .mobile-menu-on-tablet .mobile-trigger:before {
      content: "\e618";
      margin-right: 10px;
      font-size: 23px;
      float: left; }
  .mobile-menu-on-tablet.journal-desktop .mega-menu, .mobile-menu-on-tablet .journal-mobile .html-menu {
    position: relative; }
  .mobile-menu-on-tablet .journal-menu .mobile-menu li:last-of-type {
    border-right: none; }
  .mobile-menu-on-tablet .journal-menu {
    height: auto; }
    .mobile-menu-on-tablet .journal-menu .mobile-menu {
      display: none; }
      .mobile-menu-on-tablet .journal-menu .mobile-menu > li {
        position: relative;
        display: block;
        border-bottom: 1px solid #333745;
        border-left: none;
        border-right: none;
        left: 0; }
        .mobile-menu-on-tablet .journal-menu .mobile-menu > li .mobile-plus {
          display: none;
          width: 40px;
          height: 40px;
          line-height: 35px;
          font-size: 25px;
          font-weight: bold;
          z-index: 99;
          top: 0;
          right: 0;
          position: absolute;
          text-align: center;
          cursor: pointer;
          color: white;
          background-color: #4f5660;
          border-left: 1px solid #333745; }
        .mobile-menu-on-tablet .journal-menu .mobile-menu > li > ul {
          left: 0 !important; }
          .mobile-menu-on-tablet .journal-menu .mobile-menu > li > ul li .mobile-plus {
            border-left: none;
            height: 39px; }
        .mobile-menu-on-tablet .journal-menu .mobile-menu > li > a {
          text-align: left;
          padding-left: 10px; }
      .mobile-menu-on-tablet .journal-menu .mobile-menu li:last-of-type {
        border-bottom: none; }
      .mobile-menu-on-tablet .journal-menu .mobile-menu > li > ul + .mobile-plus,
      .mobile-menu-on-tablet .journal-menu .mobile-menu > li > div + .mobile-plus,
      .mobile-menu-on-tablet .journal-menu .mobile-menu > li > span + .mobile-plus,
      .mobile-menu-on-tablet .journal-menu .mobile-menu > li > ul li .mobile-plus {
        display: block; } }
/******************************
Dropdown
*******************************/
@media only screen and (max-width: 980px) {
  .mobile-menu-on-tablet .mobile-menu .drop-down > ul {
    display: none; }
  .mobile-menu-on-tablet .mobile-menu .drop-down ul {
    width: 100%;
    position: relative;
    box-shadow: none;
    left: 0;
    visibility: visible;
    opacity: 1;
    display: none; }
    .mobile-menu-on-tablet .mobile-menu .drop-down ul li {
      color: #333745;
      position: relative;
      border-bottom: 1px solid #f4f4f4; } }
/******************************
 MEGA-MENU MIXED
*******************************/
@media only screen and (max-width: 760px) {
  .mobile-menu-on-tablet .mega-menu .mega-menu-column {
    width: 100% !important;
    float: none; } }
/******************************
Android/Firefox
*******************************/
@media only screen and (max-width: 470px) {
  .firefox header {
    display: block;
    /*min-height: 320px;*/ }
  .firefox #top-modules {
    clear: both; } }
/******************************
 PRODUCT PAGE
*******************************/
@media only screen and (max-width: 1040px) {
  #column-left + #column-right + #content .product-info > div {
    display: block;
    width: 100%;
    float: none; }
  #column-left + #column-right + #content .product-info .right {
    padding: 0;
    margin-top: 15px; }
    #column-left + #column-right + #content .product-info .right .text-qty {
      display: none; } }
@media only screen and (max-width: 980px) {
  .product-info .right .cart div .links span {
    display: none; }
  .product-info .right .cart div .links a {
    width: 100%;
    display: block; }
  .product-info .right .cart div .links a:first-of-type {
    margin-bottom: 10px; }
  .product-info.split-60-40 .right .cart div .qty {
    width: 100%;
    margin-bottom: 10px; }
  .product-info.split-60-40 .right .cart div .button {
    width: 100%; }

  #column-left + #content .product-info > div,
  #column-right + #content .product-info > div {
    display: block;
    width: 100%;
    float: none; }
  #column-left + #content .product-info .right,
  #column-right + #content .product-info .right {
    padding: 0;
    margin-top: 15px; }
    #column-left + #content .product-info .right .text-qty,
    #column-right + #content .product-info .right .text-qty {
      display: none; } }
@media only screen and (max-width: 980px) {
  .social {
    padding-top: 10px; } }
@media only screen and (max-width: 760px) {
  .product-info > div {
    display: block !important;
    width: 100% !important; }
  .product-info .right {
    padding: 0;
    margin-top: 15px; }
    .product-info .right .text-qty {
      display: none; }

  .social {
    padding-top: 10px; }

  #tabs {
    display: block;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
    #tabs a {
      width: 100%;
      display: table; }

  .tab-content {
    border-top-left-radius: 0;
    border-top-right-radius: 0; } }
@media only screen and (max-width: 460px) {
  .product-info .right .cart div .qty {
    width: 100%;
    margin-bottom: 10px; }

  .product-info .right .cart div .button {
    width: 100%; } }
/******************************
 CATEGORY
*******************************/
/*@media only screen and (max-width: 980px) {
  .product-filter > div b {
    display: none; } }*/
@media only screen and (max-width: 760px) {
  #column-left, #column-right, .column-left-bg, .column-right-bg {
    display: none !important; }

  #column-left + #content,
  #column-right + #content,
  #column-left + #column-right + #content,
  #column-left + span + #content,
  #column-right + span + #content,
  #column-left + #column-right + span + #content {
    margin: 0; } }
@media only screen and (max-width: 470px) {
  .product-compare {
    display: none; }

  .product-list-item .image {
    width: 100%;
    float: none;
    margin-bottom: 10px; }
    .product-list-item .image img {
      float: none; }
  .product-list-item .name {
    margin-left: 0; } }
.mobile .product-wrapper, .tablet .product-wrapper {
  box-shadow: none !important;
  border-radius: none;
  border: 0; }
.mobile #top-modules > div, .mobile #bottom-modules > div, .tablet #top-modules > div, .tablet #bottom-modules > div {
  background-attachment: scroll !important;
  background-size: 100%; }
.mobile .product-grid-item .image .wishlist,
.mobile .product-grid-item .image .compare, .tablet .product-grid-item .image .wishlist,
.tablet .product-grid-item .image .compare {
  visibility: visible;
  opacity: 1; }
.mobile .hint--top:before, .mobile .hint--top:after, .mobile .product-details:before, .tablet .hint--top:before, .tablet .hint--top:after, .tablet .product-details:before {
  display: none !important; }
.mobile .button, .tablet .button {
  box-shadow: none !important; }

/******************************
CUSTOM SECTIONS
*******************************/
@media only screen and (max-width: 760px) {
  .single-section .box-sections.box-block ul li {
    min-width: 100%;
    float: none;
    margin-bottom: 0; } }
@media only screen and (max-width: 540px) {
  .box-sections {
    height: auto; }
    .box-sections ul li {
      min-width: 100%;
      float: none;
      display: block;
      margin-bottom: 0;
      border-right: 0;
      border-bottom: 1px solid; }
      .box-sections ul li:last-of-type {
        border-bottom: 0; } }
/******************************
CAROUSEL
*******************************/
@media only screen and (max-width: 560px) {
  .journal-carousel .htabs {
    height: auto; }
    .journal-carousel .htabs a {
      background-color: transparent;
      box-shadow: none;
      border-bottom-style: solid;
      border-bottom-width: 1px;
      color: inherit;
      border-right: 0;
      width: 100%; }
    .journal-carousel .htabs a:last-of-type {
      border-bottom: 0; }
  .journal-carousel .htabs.single-tab a, .journal-carousel .htabs.single-tab a.selected, .journal-carousel .htabs.single-tab a:hover {
    border-bottom: 0; } }
/******************************
 TABLES
*******************************/
@media only screen and (max-width: 540px) {
  table.list .t-2, table.list .t-3, table.list .t-6, table.list .t-span-3 {
    display: none; }
  table.list .t-span-1 {
    display: table-cell; } }
/******************************
 ACCOUNT
*******************************/
@media only screen and (max-width: 760px) {
  .login-content .login-wrap {
    min-height: 50px; }
  .login-content > div {
    min-height: 100%; } }
@media only screen and (max-width: 460px) {
  .order-list .order-info {
    text-align: center;
    padding: 5px 0;
    width: 50px; } }
/******************************
 WISHLIST
*******************************/
@media only screen and (max-width: 460px) {
  .wishlist-info .model, .wishlist-info .stock {
    display: none; } }
/******************************
SHOPPING CART
*******************************/
@media only screen and (max-width: 760px) {
  .cart-info .model, .cart-info .price, .cart-info .total {
    display: none; } }
@media only screen and (max-width: 470px) {
  
}
/******************************
CHECKOUT
*******************************/
@media only screen and (max-width: 470px) {
  .checkout-content .left, .checkout-content .right {
    width: 100%; }
  .checkout-content table {
    table-layout: fixed; }
    .checkout-content table td {
      width: 50%; }
  .checkout-content thead .model, .checkout-content thead .quantity, .checkout-content thead .price, .checkout-content tbody .model, .checkout-content tbody .quantity, .checkout-content tbody .price {
    display: none; }
  .checkout-content .button {
    display: block;
    float: right; }
  .checkout-content .buttons a {
    display: inline-block; }
  .checkout-content .buttons .right {
    text-align: left; }
  .checkout-content .left .button, .checkout-content #login .button {
    float: none; } }
/******************************
 SITEMAP
*******************************/
@media only screen and (max-width: 760px) {
  .sitemap-info > div {
    width: 100%;
    padding: 0; }
  .sitemap-info > div:first-of-type {
    padding: 0;
    padding-bottom: 20px; }

  .manufacturer-list ul {
    display: block;
    float: none;
    width: 100%; } }
/******************************
SEARCH PAGE
*******************************/
@media only screen and (max-width: 980px) {
  #content.search-page h2 {
    padding: 8px;
    line-height: 18px;
    height: auto; }
  #content.search-page .content select {
    margin-bottom: 10px;
    display: block; }
  #content.search-page .content label {
    min-width: 235px;
    display: inline-block; } }
/******************************
 FOOTER
*******************************/
@media only screen and (max-width: 760px) {
  [data-hint]:before, [data-hint]:after {
    display: none !important; }

  footer .contacts-left, footer .contacts-right {
    float: none; }
  footer .bottom-footer {
    height: auto;
    overflow: visible;
    border-radius: 0; }
    footer .bottom-footer .copyright {
      float: none;
      height: 40px;
      line-height: 50px;
      padding-left: 0;
      text-align: center;
      width: 100%; }
    footer .bottom-footer .payments {
      padding-right: 0;
      width: 100%;
      text-align: center;
      padding-bottom: 10px;
      float: none; }

  #footer .contacts {
    border-radius: 0; }
    #footer .contacts > div > span {
      display: block;
      margin-bottom: 5px; }
      #footer .contacts > div > span.hint--top {
        display: inline-block; } }
@media only screen and (max-width: 470px) {
  footer .contacts > div {
    text-align: left; }
    footer .contacts > div .no-name {
      display: inline-block;
      margin-bottom: 0; }
  footer .bottom-footer .copyright {
    line-height: 100%;
    padding-top: 12px; } }
/******************************
PHOTO GALLERY
*******************************/
@media only screen and (max-width: 1024px) {
  .gallery-thumb a:before, .gallery-thumb .item-hover {
    display: none; } }
/******************************
 CMS BLOCKS
*******************************/
@media only screen and (max-width: 760px) {
  .cms-block, .static-banner {
    margin-bottom: 0px; } }
/******************************
EXTENDED LAYOUT
*******************************/
@media only screen and (max-width: 760px) {
  .extended-layout #column-left + #content {
    padding: 0 0 20px 20px;
    margin-left: 0; }
  .extended-layout #column-right + #content {
    padding: 0px 20px 20px 0;
    margin-right: 0; }
  .extended-layout #column-left + #column-right + #content {
    padding: 0 20px 20px 20px;
    margin-left: 0;
    margin-right: 0; } }
/******************************
ADVANCED GRID
*******************************/
@media only screen and (max-width: 760px) {
  .multi-modules .journal-simple-slider, .multi-modules .journal-slider {
    max-width: 100% !important; }

  .multi-modules-column, .multi-modules-row {
    height: auto !important; }

  .multi-modules-column {
    width: 100% !important;
    margin-bottom: 0 !important;
    height: auto !important; }

  .multi-modules > div .multi-modules-row {
    margin-bottom: 20px; } }
/******************************
NEWSLETTER
*******************************/
@media only screen and (max-width: 980px) {
  .two-columns #content .journal-newsletter .newsletter-text {
    float: none;
    width: 100% !important;
    margin-bottom: 10px; }
  .two-columns #content .journal-newsletter .newsletter-input-wrap {
    float: none;
    width: 100% !important;
    height: auto !important;
    text-align: center; }
    .two-columns #content .journal-newsletter .newsletter-input-wrap .newsletter-button {
      position: relative;
      left: auto !important;
      right: auto !important;
      width: 100%; }
    .two-columns #content .journal-newsletter .newsletter-input-wrap input + .button {
      margin-top: 0; }

  .one-column #content .journal-newsletter .newsletter-text {
    float: none;
    width: 100% !important;
    margin-bottom: 10px; }
  .one-column #content .journal-newsletter .newsletter-input-wrap {
    float: none;
    width: 100% !important;
    text-align: center; } }
@media only screen and (max-width: 760px) {
  #content .journal-newsletter .newsletter-text, footer .journal-newsletter .newsletter-text, #top-modules .journal-newsletter .newsletter-text, #bottom-modules .journal-newsletter .newsletter-text {
    float: none;
    display: block !important;
    width: 100% !important;
    margin-bottom: 10px;
    padding-right: 0; }
  #content .journal-newsletter .newsletter-input-wrap, footer .journal-newsletter .newsletter-input-wrap, #top-modules .journal-newsletter .newsletter-input-wrap, #bottom-modules .journal-newsletter .newsletter-input-wrap {
    float: none;
    width: 100% !important;
    height: auto !important;
    text-align: center; }
    #content .journal-newsletter .newsletter-input-wrap .newsletter-button, footer .journal-newsletter .newsletter-input-wrap .newsletter-button, #top-modules .journal-newsletter .newsletter-input-wrap .newsletter-button, #bottom-modules .journal-newsletter .newsletter-input-wrap .newsletter-button {
      position: relative !important;
      left: auto !important;
      right: auto !important;
      width: 100%; }
    #content .journal-newsletter .newsletter-input-wrap input + .button, footer .journal-newsletter .newsletter-input-wrap input + .button, #top-modules .journal-newsletter .newsletter-input-wrap input + .button, #bottom-modules .journal-newsletter .newsletter-input-wrap input + .button {
      margin-top: 0; }

  .ui-pnotify {
    top: 0;
    left: 0;
    right: 0; } }


@media only screen and (max-width: 470px) {
  .help { width: 300px; } }

@media only screen and (max-width: 900px) {
	.journal-header-center .journal-links .links a,.journal-header-center .journal-secondary .links a {
		font-size: 16px !important;
	}
}

@media only screen and (max-width: 760px) {
	.journal-header-center .journal-links .links a,.journal-header-center .journal-secondary .links a {
		font-size: 16px !important;
	}
	.journal-header-center .j-100 {
		height:120px !important;
	}
	.logo {
		bottom: 0;
	}
	.journal-links .wl-links, .journal-secondary .wl-links {
		margin: 0 auto !important;
	}
	.journal-header-center #cart {
		width: 310px;
	}
	.journal-header-center .logo a {
		height: 120px !important;
	}
}

@media only screen and (max-width: 1050px) {
	.journal-links .wl-links, .journal-secondary .wl-links {
		margin: 0%;
	}
}

@media only screen and (max-width: 800px) {
  .zEWidget-launcher { display: none!important; }
}

/* Control Panel Settings */
.quickview .mfp-iframe-holder .mfp-content{height:568px}
.quickview .heading-title{text-align:left}
#more-details[data-hint]:after{color: rgb(255, 255, 255);background-color: rgb(176, 158, 102)}
#more-details i:before{content: '\e62c';font-size: 23px;color: rgb(255, 255, 255);top: -1px;left: 2px}
.quickview #content{background-color: rgb(255, 255, 255)}
.quickview #tab-description{padding-right:0px;padding-left:0px;padding-top:0px;padding-bottom:0px}
.label-latest{color: rgb(255, 255, 255);border-radius: 50%;width: 40px;height: 40px; line-height: 40px; padding-top:0; padding-bottom:0;background-color: rgb(68, 67, 73)}
.label-sale{color: rgb(255, 255, 255);border-radius: 50%;width: 40px;height: 40px; line-height: 40px; padding-top:0; padding-bottom:0;background-color: rgb(176, 158, 102)}
header .links > a{font-weight: 700;font-family: "Montserrat";font-style: normal;font-size: 14px;text-transform: none;color: rgb(68, 67, 73)}
header .links > a:hover{color: rgb(56, 180, 73)}
.links .no-link{color: rgb(68, 67, 73)}
.journal-login .journal-secondary a, .journal-secondary .links > a{color: rgb(68, 67, 73)}
.journal-secondary .no-link{color: rgb(68, 67, 73)}
.drop-down ul li a{color: rgb(255, 255, 255)}
.mega-menu-item h3{font-weight: 400;font-family: "Playfair Display";font-style: normal;font-size: 14px;text-transform: uppercase;color: rgb(42, 43, 46);border-bottom-width: 1px;border-style: solid;border-color: rgb(244, 244, 244);padding-bottom:5px}
.mega-menu-item h3:hover{color: rgb(176, 158, 102)}
.mega-menu-categories .mega-menu-item ul li a{padding-left:0px}
.mega-menu-categories .mega-menu-item ul li a:hover{color: rgb(176, 158, 102)}
.mega-menu-brands .mega-menu-item h3{color: rgb(255, 255, 255);text-align:left}
.mega-menu-html .mega-menu-item h3{text-align:left;background-color: rgb(255, 255, 255);padding-bottom:5px;padding-left:10px;padding-top:5px}
.mega-menu-html .mega-menu-item .wrapper{color: rgb(51, 55, 69)background-color;background-color: rgb(255, 255, 255);padding-left:10px;padding-bottom:8px;padding-right:8px;padding-top:5px}
.super-menu > li > a{font-weight: 700;font-family: "Crimson Text";font-style: normal;font-size: 24px;text-transform: uppercase;color: rgb(250, 250, 250)}
.super-menu > li, .super-menu > li:last-of-type, .journal-menu .mobile-menu > li .mobile-plus, .journal-desktop .menu-floated .float-right{border-left-style:solid}
.drop-down ul li, .mobile-menu .drop-down ul li{border-bottom-style:solid;border-color: rgb(80, 80, 80)}
.mega-menu-categories .mega-menu-item h3{text-align:left}
.mega-menu-categories .mega-menu-item div{padding:8px;background-color: rgb(255, 255, 255)}
.mega-menu, .html-menu{border-width: 0px;border-radius: 0px;border-style: solid;border-color: rgb(255, 255, 255);background-color: rgb(169, 184, 192)}
.mobile-trigger:before{content: '\e618';font-size: 20px;color: rgb(250, 250, 250);top: -1px}
.drop-down .menu-plus:before{content: '\e620';font-size: 10px;top: -3px}
.mobile-trigger{font-weight: 700;font-family: "Crimson Text";font-style: normal;font-size: 16px;text-transform: uppercase;color: rgb(255, 255, 255)}
.journal-menu .mobile-menu > li .mobile-plus{background-color: rgb(80, 80, 80);color: rgb(56, 180, 73)}
.journal-header-default .links > a:hover, .journal-header-menu .links > a:hover{background-color: rgb(228, 228, 228)}
.journal-header-default .journal-links, .journal-header-menu .journal-links{background-color: rgb(255, 255, 255)}
.journal-header-default .links > a, .journal-header-menu .links > a{border-color: rgb(228, 228, 228)}
.super-menu > li:hover{background-color: rgb(153, 153, 153)}
.super-menu > li, .super-menu > li:last-of-type, .journal-desktop .menu-floated .float-left, .journal-desktop .menu-floated .float-right, .journal-menu .mobile-menu > li .mobile-plus{border-color: rgb(56, 180, 73)}
.journal-login .journal-secondary a:hover, .journal-secondary .links > a:hover{color: rgb(56, 180, 73)}
.drop-down ul li:hover > a{color: rgb(68, 67, 73)}
.drop-down ul li{background-color: rgb(68, 67, 73)}
.drop-down ul li:hover{background-color: rgb(233, 232, 211)}
.journal-menu .mobile-trigger{background-color: rgb(56, 180, 73)}
.mega-menu .product-grid-item .price{display:inline-block}
.super-menu{border-width: 0px;border-radius: 0px;border-style: solid;border-color: rgb(255, 255, 255)}
.mega-menu{padding:0px;box-shadow:0 2px 8px -2px rgba(0, 0, 0, 0.4)}
.mega-menu-item > div, #header .mega-menu .product-wrapper{margin-right:0px}
.drop-down ul{box-shadow:none}
.mega-menu-categories .mega-menu-item ul li{padding-bottom:3px}
.mega-menu .product-grid-item .price, .mega-menu .product-grid-item .price-new{color: rgb(56, 56, 56)}
.mega-menu-column > div > h3, .mega-menu-column > h3{border-bottom-width: 1px;border-style: solid;border-color: rgb(153, 153, 153);padding-bottom:5px;margin-bottom:15px;font-weight: 400;font-family: "Playfair Display";font-style: normal;font-size: 14px;text-transform: uppercase;color: rgb(42, 43, 46)}
.mega-menu-column.mega-menu-html .wrapper{padding-top:8px;padding-right:8px;padding-bottom:8px;background-color: rgb(255, 255, 255);padding-left:8px}
.mega-menu-column.mega-menu-html .wrapper h1, .mega-menu-column.mega-menu-html .wrapper h2, .mega-menu-column.mega-menu-html .wrapper h3{padding-bottom:5px}
.mega-menu-column.mega-menu-html .wrapper p, .mega-menu-column.mega-menu-html .wrapper p span{color: rgb(56, 56, 56) !important}
.mega-menu-categories .mega-menu-item ul li.view-more a{font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 11px;text-transform: none}
.quote .button:active{box-shadow:inset 0 1px 10px rgba(0, 0, 0, 0.8)}
.quote .button{font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 14px;text-transform: uppercase;border-width: 1px;border-style: solid;border-color: rgb(246, 241, 236);padding:0 25px;line-height:38px}
.quote .button:hover{border-color: rgb(176, 158, 102)}
.product-info .left .image-additional a{padding:15px 15px 0 0}
.product-info .image .label-latest{display: block}
.product-info .image .label-sale{display: block}
.product-info .image .outofstock{display: block}
.product-options > div{margin-bottom:13px}
.product-info .right .description .instock{color: rgb(51, 153, 101)}
.product-info .right .description .outofstock{color: rgb(234, 35, 73)}
.product-info .right .price-new, .product-info .right .product-price{font-weight: 400;font-family: "Roboto Slab";font-style: normal;font-size: 35px;text-transform: none}
.product-info .right .price-old{font-weight: 400;font-family: "Roboto Slab";font-style: normal;font-size: 20px;text-transform: none;color: rgb(255, 255, 255);background-color: rgb(176, 158, 102)}
.product-info .option > ul > li:active, .product-info .option > ul > li.selected{box-shadow:inset 0 0 8px rgba(0, 0, 0, 0.7)}
.product-info .option > ul > li{color: rgb(255, 255, 255);background-color: rgb(52, 73, 94)}
#button-cart:active{box-shadow:inset 0 1px 10px rgba(0, 0, 0, 0.8)}
#button-cart{font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 15px;text-transform: uppercase;color: rgb(255, 255, 255)}
#button-cart, .quickview #more-details{background-color: rgb(68, 67, 73)}
.product-info .right .wishlist-compare .links a{font-weight: normal;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 14px;text-transform: none;color: rgb(51, 55, 69)}
.product-info .right .wishlist-compare .links a:hover{color: rgb(56, 180, 73)}
#tabs a{font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 14px;text-transform: none;color: rgb(255, 255, 255);background-color: rgb(68, 67, 73);box-shadow:inset 0 -3px 6px -2px rgba(0, 0, 0, 0.5)}
.tab-content{padding:15px;background-color: rgb(244, 244, 244)}
.product-info .left .journal-custom-tab h3{font-weight: bold !important;font-family: Helvetica, Arial, sans-serif !important;font-style: normal !important;font-size: 14px !important;text-transform: uppercase !important}
.product-info .right .journal-custom-tab h3{font-weight: bold !important;font-family: Helvetica, Arial, sans-serif !important;font-style: normal !important;font-size: 14px !important;text-transform: uppercase !important}
.product-info .gallery-text:before{content: '\e015';font-size: 16px}
#product-gallery .owl-prev:before{content: '\e60f';font-size: 20px;color: rgb(176, 158, 102)}
#product-gallery .owl-next:before{content: '\e60e';font-size: 20px;color: rgb(176, 158, 102);left: 1px}
.product-info .right .wishlist-compare .links a:before{content: '\e662';font-size: 14px}
.product-info .right .wishlist-compare .links a+a:before{content: '\e025';font-size: 14px}
.product-info .right .options .option{border-color: rgb(255, 255, 255)}
.product-info .option > ul > li.selected, .product-info .option > ul > li:hover{color: rgb(255, 255, 255);background-color: rgb(176, 158, 102)}
.product-info .right .cart div .journal-stepper{color: rgb(255, 255, 255);background-color: rgb(68, 67, 73)}
.product-info .right .cart div .journal-stepper:hover{color: rgb(255, 255, 255);background-color: rgb(56, 180, 73)}
#button-cart:hover, .quickview #more-details:hover{background-color: rgb(56, 180, 73)}
.product-info .right .wishlist-compare{background-color: rgb(244, 244, 244)}
#tabs a:hover, #tabs a.selected{color: rgb(255, 255, 255);background-color: rgb(56, 180, 73)}
.tags{text-align:left}
.tags a, .tags b{border-radius: 15px}
.tags b{background-color: rgb(52, 73, 94);color: rgb(255, 255, 255)}
.tags a{background-color: rgb(244, 244, 244)}
.tags a:hover{color: rgb(255, 255, 255);background-color: rgb(176, 158, 102)}
#product-gallery .owl-buttons.side-buttons div{border-radius: 50%;margin-top:-8px;height:25px; line-height:25px;width:25px}
.product-info .right .options .option b{font-weight: 400;font-family: "Roboto Slab";font-style: normal;font-size: 14px;text-transform: none}
.product-info .right .options .option label:hover{color: rgb(176, 158, 102)}
.product-options .social{background-color: rgb(255, 255, 255)}
#product-gallery .owl-next:hover:before, #product-gallery .owl-prev:hover:before{color: rgb(176, 158, 102)}
.product-info .right .options .option label{color: rgb(66, 139, 202)}
#tab-description{line-height:17px}
.attribute tbody td{text-align:left}
body{font-weight: 400;font-family: "Montserrat";font-style: normal;font-size: 14px;text-transform: none;color: rgb(51, 55, 69);background-repeat: no-repeat;background-position: center top;background-attachment: scroll;background-color: rgb(255, 255, 255)}
.heading-title, .box-heading, #blogArticle .articleHeader h1{text-align:center;border-bottom-width: 1px;border-style: solid;border-color: rgb(233, 232, 211);line-height:40px}
.secondary-title, #content #review-title{text-align:left;font-weight: 400;font-family: "Montserrat";font-style: normal;font-size: 14px;text-transform: none;color: rgb(68, 67, 73);border-bottom-width: 1px;border-style: solid;border-color: rgb(233, 232, 211);padding-top:8px; padding-bottom:8px}
.heading-title, .box-heading, #blogArticle .articleHeader h1, #swipebox-caption, .journal-carousel .htabs.single-tab a:hover, .journal-carousel .htabs.single-tab a.selected{font-weight: 400;font-family: "Montserrat";font-style: normal;font-size: 34px;text-transform: uppercase;color: rgb(56, 180, 73)}
.button:active{box-shadow:inset 0 1px 10px rgba(0, 0, 0, 0.8)}
.button, .side-column .box-content a.button{font-weight: 700;font-family: "Montserrat";font-style: normal;font-size: 14px;text-transform: none;color: rgb(255, 255, 255)}
.button{border-radius: 2px;padding:0 12px;line-height:30px;background-color: rgb(56, 180, 73)}
.button:hover{background-color: rgb(68, 67, 73)}
.breadcrumb{font-weight: 300;font-family: "Open Sans";font-style: normal;font-size: 13px;text-transform: none;color: rgb(153, 153, 153);background-color: rgb(255, 255, 255)}
.scroll-top:before{content: '\e021';font-size: 45px;color: rgb(63, 87, 101)}
#container{background-repeat: repeat;background-position: center top;background-attachment: scroll;background-color: rgb(255, 255, 255)}
.extended-layout .extended-container{background-repeat: repeat;background-position: center top;background-attachment: scroll}
a{color: rgb(69, 115, 143);}
a:hover{color: rgb(56, 180, 73)}
.button:hover, .side-column .box-content a.button:hover{color: rgb(255, 255, 255)}
.breadcrumb a:hover{color: rgb(56, 180, 73)}
.scroll-top:hover:before{color: rgb(56, 180, 73)}
.box-sections ul li, .custom-sections .box-heading.box-sections{border-right-style:solid;border-color: rgb(94, 93, 93)}
.custom-sections .box-heading{border-bottom-width: 0px;border-style: solid;background-color: rgb(68, 67, 73)}
.box-sections ul li a{font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 14px;text-transform: uppercase;color: rgb(255, 255, 255);line-height:40px}
.box-sections ul li a:hover, .box-sections ul li a.selected{color: rgb(255, 255, 255);background-color: rgb(176, 158, 102)}
#footer{margin-top:0px;margin-bottom:0px}
footer .column > h3{border-bottom-style:solid;text-align:left;font-weight: 700;font-family: "Playfair Display";font-style: normal;font-size: 15px;text-transform: uppercase;color: rgb(42, 43, 46);border-color: rgb(244, 244, 244)}
footer .column-menu-wrap > ul li{color: rgb(90, 105, 129)}
footer .contacts{box-shadow:none;background-color: rgb(244, 244, 244)}
footer .contacts [data-hint]:after{border-radius: 3px;color: rgb(255, 255, 255);background-color: rgb(176, 158, 102)}
.bottom-footer{box-shadow:none}
footer, .boxed-footer #footer{background-color: rgb(255, 255, 255)}
footer .column-menu-wrap > ul li:hover a{color: rgb(176, 158, 102)}
footer .column-text-wrap{color: rgb(42, 43, 46)}
footer .contacts i{background-color: rgb(176, 158, 102)}
footer .contacts > div > span:hover a i{background-color: rgb(169, 184, 192)}
footer a .contacts-text:hover{color: rgb(176, 158, 102)}
footer .contacts-text{color: rgb(255, 255, 255)}
.fullwidth-footer, .boxed-footer #footer{background-repeat: repeat;background-position: center top;background-attachment: scroll}
.column.products .product-grid-item .name a{white-space:normal;font-weight: normal;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 14px;text-transform: none}
.column.products .product-grid-item .name a:hover{color: rgb(176, 158, 102)}
.column.products .product-grid-item{border-bottom-style:solid;padding:2px 0}
footer .column-text-wrap p{line-height:17px}
{: 64;: 50;: rgb(0, 0, 0);: rgb(244, 244, 244);background-color: rgb(244, 244, 244)}
.journal-top-header{box-shadow:none;background-color: rgb(255, 255, 255)}
#cart .heading i{border-left-style:solid;background-color: rgb(56, 180, 73);border-color: rgb(244, 244, 244)}
.mini-cart-info table tr{border-bottom-style:solid;border-bottom-color: rgb(80, 80, 80)}
#cart .content .cart-wrapper{box-shadow:none;background-color: rgb(68, 67, 73)}
#cart .heading{font-weight: 400;font-family: "Montserrat";font-style: normal;font-size: 16px;text-transform: none}
.journal-header-center #cart .heading i{border-radius: 50%}
.mini-cart-info, #cart .empty{font-weight: 400;font-family: "Open Sans";font-style: normal;font-size: 14px;text-transform: none;color: rgb(255, 255, 255)}
.mini-cart-info{max-height:352px}
.mini-cart-total{color: rgb(52, 73, 94);background-color: rgb(189, 195, 199)}
.button-search, .journal-header-center .button-search{border-right-style:solid}
#search input{font-weight: 400;font-family: "Montserrat";font-style: normal;font-size: 16px;text-transform: none;color: rgb(68, 67, 73);background-color: rgb(255, 255, 255)}
.journal-header-center .button-search{border-radius: 50px}
.autocomplete2-suggestions{box-shadow:none;background-color: rgb(68, 67, 73)}
.autocomplete2-suggestion .p-name{color: rgb(244, 244, 244)}
.autocomplete2-suggestion span.p-price{color: rgb(255, 255, 255)}
.autocomplete2-suggestions > div{max-height:402px}
.journal-language .dropdown-menu > li, .journal-currency .dropdown-menu > li{border-top-style:solid;border-top-style:solid}
.journal-language .dropdown-menu, .journal-currency .dropdown-menu{background-color: rgb(244, 244, 244);box-shadow:none}
.journal-currency form .currency-symbol{border-radius: 15px;color: rgb(255, 255, 255);background-color: rgb(176, 158, 102)}
#cart .heading i:before{content: '\e63d';font-size: 22px;color: rgb(255, 255, 255);left: 1px}
.button-search i:before{content: '\e697';font-size: 20px;color: rgb(255, 255, 255);top: -1px;left: -1px}
header, .journal-header-center .journal-center-bg{background-color: rgb(255, 255, 255);background-repeat: repeat;background-position: center top;background-attachment: scroll}
.journal-header-default #logo, .journal-header-menu #logo{background-color: rgb(255, 255, 255)}
.journal-cart{background-color: rgb(234, 35, 73)}
.mini-cart-info table tr td.remove i{color: rgb(169, 184, 192)}
.mini-cart-info table tr td.remove i:hover{color: rgb(221, 0, 23)}
.autocomplete2-suggestion{border-bottom-style:solid;border-color: rgb(80, 80, 80)}
.autocomplete2-suggestion:hover{background-color: rgb(80, 80, 80)}
.button-search{background-color: rgb(56, 180, 73);border-color:rgb(244, 244, 244)}
.journal-language .dropdown-menu > li > a:hover, .journal-currency .dropdown-menu > li > a:hover{color: rgb(255, 255, 255);background-color: rgb(212, 211, 178)}
.journal-header-center .journal-language form > div, .journal-header-center .journal-currency form > div{border-color: rgb(244, 244, 244)}
header{box-shadow:0 1px 4px -1px rgba(0, 0, 0, 0.7)}
#cart{box-shadow:none}
#cart .checkout .button{background-color: rgb(56, 180, 73)}
#cart .checkout .button:hover{background-color: rgb(169, 184, 192)}
.journal-header-center .journal-top-header, .journal-header-center .journal-secondary{border-color: rgb(255, 255, 255);border-bottom-style:solid; border-top-style:solid;}
.journal-header-mega #logo a{text-align:left}
.autocomplete2-suggestion .p-image{display:block}
.product-wrapper{box-shadow:none}
.product-grid-item .image .label-latest{display: block}
.product-grid-item .image .label-sale{display: block}
.product-grid-item .image .outofstock{display: block}
.product-grid-item .name a{white-space:nowrap;font-weight: normal;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 14px;text-transform: none;color: rgb(51, 55, 69)}
.product-grid-item .price{display:inline-block;;border-top-width: 1px;border-style: solid;border-color: rgb(246, 241, 236);padding-top:7px;display:inline-block}
.product-details{background-color: rgb(255, 255, 255);padding-bottom: 15px}
.product-details:before{font-size: 25px;margin-left: -14px;top: -21px;color: rgb(255, 255, 255)}
.product-grid-item .cart .button:active{box-shadow:inset 0 1px 10px rgba(0, 0, 0, 0.8)}
.product-grid-item .cart .button[data-hint]:after{border-radius: 3px;color: rgb(255, 255, 255)}
.product-grid-item .quickview-button .button:active{box-shadow:inset 0 1px 10px rgba(0, 0, 0, 0.8)}
.product-grid-item .quickview-button {margin-left: -22px;margin-top: -25px}
.product-grid-item .quickview-button .button{border-radius: 40px;padding:0 14px;;background-color: rgb(176, 158, 102)}
.product-grid-item .quickview-button .button:hover{background-color: rgb(255, 255, 255)}
.product-grid-item .quickview-button .button[data-hint]:after{color: rgb(68, 67, 73);background-color: rgb(255, 255, 255)}
.product-grid-item.display-icon .wishlist-icon, .product-grid-item.display-icon .compare-icon{border-radius: 50%;width:32px;height:32px; padding:0;;background-color: rgb(176, 158, 102)}
.product-grid-item .wishlist [data-hint]:after, .product-grid-item .compare [data-hint]:after{color: rgb(68, 67, 73);background-color: rgb(255, 255, 255)}
.product-grid-item .cart .button-left-icon:before, .product-grid-item .cart .button-right-icon:before{content: '\e000';font-size: 24px;color: rgb(255, 255, 255)}
.product-grid-item .quickview-button .button-left-icon:before, .product-grid-item .quickview-button .button-right-icon:before{content: '\e660';font-size: 20px;color: rgb(255, 255, 255)}
.product-grid-item .wishlist-icon:before{content: '\e662';font-size: 16px;color: rgb(255, 255, 255);top: 1px}
.product-grid-item .compare-icon:before{content: '\e025';font-size: 16px;color: rgb(255, 255, 255)}
.product-grid-item .price-old{color: rgb(164, 23, 51)}
.product-grid-item .wishlist a, .product-grid-item .compare a{font-weight: normal;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 11px;text-transform: none;color: rgb(51, 55, 69)}
.product-grid-item.display-icon .wishlist a:hover i, .product-grid-item.display-icon .compare a:hover i{background-color: rgb(255, 255, 255)}
.product-grid-item .rating{margin-left:-47px;top:-35px}
.product-grid-item .cart{margin-bottom:0px}
.product-grid-item .compare a:hover .compare-icon:before, .product-grid-item .wishlist a:hover .wishlist-icon:before{color: rgb(68, 67, 73)}
.product-grid-item .quickview-button .button:hover .button-left-icon:before, .product-grid-item .quickview-button .button:hover .button-right-icon:before{color: rgb(68, 67, 73)}
.category-list ul li a, .refine-category-name{font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 13px;text-transform: none;color: rgb(68, 67, 73)}
.category-list ul li:after{color: rgb(228, 228, 228)}
.category-list{background-color: rgb(51, 55, 69)}
.refine-image a{padding:0px}
.product-filter{background-color: rgb(244, 244, 244)}
.product-filter, .product-compare a{color: rgb(42, 43, 46)}
.pagination b, .pagination a:hover{color: rgb(255, 255, 255)}
.category-list ul li a:hover, .refine-image a:hover .refine-category-name{color: rgb(176, 158, 102)}
.pagination{border-top-width: 1px;border-style: solid;border-color: rgb(244, 244, 244);box-shadow:none}
.product-filter .display a i:hover{color: rgb(176, 158, 102) !important}
.product-compare a:hover{color: rgb(176, 158, 102)}
#infscr-loading div{color: rgb(255, 255, 255)}
.pagination a, .pagination b{border-radius: 50%}
.pagination a{background-color: rgb(255, 255, 255);color: rgb(51, 55, 69)}
.pagination b, .pagination a:hover {background-color: rgb(176, 158, 102)}
.tp-bannertimer, .tp-bannertimer.tp-bottom{height:3px;background-color: rgb(176, 158, 102)}
.tp-bullets.tp-thumbs .bullet:before{opacity:.4}
.tp-bullets.tp-thumbs .bullet.selected:before, .tp-bullets.tp-thumbs .bullet:hover:before{opacity:0}
.tp-bullets.tp-thumbs{border-top-width: 7px;border-right-width: 7px;border-left-width: 7px;border-style: solid;border-color: rgb(255, 255, 255)}
.tp-leftarrow:before, .tp-leftarrow.default:before, .journal-simple-slider .owl-controls .owl-buttons .owl-prev:before{content: '\e62b';font-size: 60px;color: rgb(255, 255, 255)}
.tp-rightarrow:before, .tp-rightarrow.default:before, .journal-simple-slider .owl-controls .owl-buttons .owl-next:before{content: '\e62c';font-size: 60px;color: rgb(255, 255, 255)}
.tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet:hover, .journal-simple-slider .owl-controls .owl-page.active span, .journal-simple-slider .owl-controls.clickable .owl-page:hover span{background-color: rgb(176, 158, 102)}
.tp-bullets.simplebullets.round .bullet, .journal-simple-slider .owl-controls .owl-page span{background-color: rgb(255, 255, 255);margin-left:8px;width:25px;height:7px}
.tp-leftarrow:hover:before, .tp-leftarrow.default:hover:before, .tp-rightarrow:hover:before, .tp-rightarrow.default:hover:before, .journal-simple-slider .owl-controls .owl-buttons .owl-prev:hover:before, .journal-simple-slider .owl-controls .owl-buttons .owl-next:hover:before{color: rgb(176, 158, 102)}
.journal-carousel .htabs a, .side-column .journal-carousel .htabs a{border-right-style:solid;border-color: rgb(255, 255, 255)}
.journal-carousel .htabs a, .journal-carousel .htabs.single-tab a:hover, .journal-carousel .htabs.single-tab a.selected{font-weight: 700;font-family: "Playfair Display";font-style: normal;font-size: 15px;text-transform: uppercase}
.journal-carousel .htabs a{line-height:38px}
.journal-carousel .owl-prev:before{content: '\e61f';font-size: 20px;color: rgb(52, 73, 94)}
.journal-carousel .owl-next:before{content: '\e620';font-size: 20px;color: rgb(52, 73, 94)}
.owl-controls .owl-page span{background-color: rgb(52, 73, 94);border-radius: 50%;width:12px;height:12px}
.journal-carousel .owl-prev:hover:before, .journal-carousel .owl-next:hover:before{color: rgb(176, 158, 102)}
.owl-controls .owl-page.active span, .owl-controls.clickable .owl-page:hover span{background-color: rgb(176, 158, 102)}
.journal-carousel .htabs a:hover, .journal-carousel .htabs a.selected{background-color: rgb(233, 232, 211)}
.journal-carousel .owl-buttons div{top:-58px}
.journal-carousel .side-buttons .owl-next:before{content: '\e620';font-size: 25px;color: rgb(176, 158, 102)}
.journal-carousel .owl-buttons.side-buttons div{margin-top:-30px}
.journal-carousel .side-buttons .owl-prev:before{content: '\e61f';font-size: 25px;color: rgb(176, 158, 102)}
.journal-carousel .owl-buttons .owl-prev{right:20px}
.journal-carousel .owl-buttons .owl-next{right:0px}
.journal-carousel .side-buttons .owl-prev:hover:before, .journal-carousel .side-buttons .owl-next:hover:before{color: rgb(69, 115, 143)}
.journal-carousel .owl-buttons.side-buttons .owl-next{right:3px}
.journal-carousel .owl-buttons.side-buttons .owl-prev{left:0px}
.journal-carousel.carousel-product .product-wrapper{box-shadow:none}
.journal-carousel.carousel-brand .product-wrapper{box-shadow:none}
.product-list-item{background-color: rgb(244, 244, 244)}
.product-list-item .image .label-latest{display: block}
.product-list-item .image .label-sale{display: block}
.product-list-item .image .outofstock{display: block}
.product-list-item .description{display:block}
.product-list-item .cart .button:active{box-shadow:inset 0 1px 10px rgba(0, 0, 0, 0.8)}
.product-list-item .cart .button[data-hint]:after{border-radius: 3px;color: rgb(255, 255, 255);background-color: rgb(66, 139, 202)}
.product-list-item .quickview-button .button:active{box-shadow:inset 0 1px 10px rgba(0, 0, 0, 0.8)}
.product-list-item .quickview-button {margin-left: -20px;margin-top: -20px}
.product-list-item .quickview-button .button{border-radius: 50px}
.product-list-item .quickview-button .button[data-hint]:after{border-radius: 3px;color: rgb(255, 255, 255);background-color: rgb(176, 158, 102)}
.product-list-item .wishlist a, .product-list-item .compare a{color: rgb(51, 55, 69)}
.product-list-item .cart .button-left-icon:before, .product-list-item .cart .button-right-icon:before{content: '\e001';font-size: 20px;color: rgb(255, 255, 255)}
.product-list-item .quickview-button .button-left-icon:before, .product-list-item .quickview-button .button-right-icon:before{content: '\e661';font-size: 20px;color: rgb(255, 255, 255)}
.product-list-item .wishlist-icon:before{content: '\e662';font-size: 11px;color: rgb(51, 55, 69);top: -2px}
.product-list-item .compare-icon:before{content: '\e025';font-size: 11px;color: rgb(51, 55, 69);top: -2px}
.product-list-item .wishlist a:hover, .product-list-item .compare a:hover{color: rgb(176, 158, 102)}
.side-column .box-content li a, .side-column .box-category li a, .journal-sf ul li, .side-column .oc-module .product-grid-item, #column-right .recentArticles li, #column-right .popularArticles li, #column-left .recentArticles li, #column-left .popularArticles li{border-bottom-style:solid}
.side-column .side-category-accordion i{border-radius: 50%;color: rgb(52, 73, 94)}
.side-column .side-category-accordion i:hover{color: rgb(255, 255, 255);background-color: rgb(176, 158, 102)}
.side-column .box-category li a:before, .side-column .box-content li a:before{content: '\e62c';font-size: 15px;color: rgb(169, 184, 192);top: -2px}
.side-column, .side-column .oc-module .product-grid-item .price, .journal-sf ul li label{color: rgb(51, 55, 69)}
.side-column .box-content li a:hover, .side-column .box-category li a:hover, .side-column .box-content a:hover, .side-column .box-content li a.active, .side-column .box-category li a.active, .side-column .oc-module .product-grid-item .name a:hover, #column-right .recentArticles li > a:hover, #column-right .popularArticles li > a:hover, #column-left .recentArticles li > a:hover, #column-left .popularArticles li > a:hover{color: rgb(56, 180, 73)}
.side-column .box-content li a:hover, .side-column .box-category li a:hover, .side-column .box-content li a.active, .side-column .box-category li a.active{background-color: rgb(255, 255, 255)}
.side-column .box-content li a, .side-column .box-category li a,.journal-sf ul li, .side-column .oc-module .product-grid-item, #column-right .recentArticles li, #column-right .popularArticles li, #column-left .recentArticles li, #column-left .popularArticles li {border-color:rgb(255, 255, 255)}
.side-column .box-content li a, .side-column .box-category li a{padding-left:0px;padding-top:8px;padding-bottom:2px;padding-right:20px}
.side-column .oc-module .product-grid-item{padding-bottom:0px;padding-right:0px;padding-left:0px;padding-top:7px}
.side-column .side-category i{font-weight: normal;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 18px;text-transform: none;color: rgb(0, 0, 0);right:0px;width:20px;height:20px;top:7px}
.side-column .oc-module .product-grid-item .name a{white-space:nowrap}
.side-column .box-content li a, .side-column .box-category li a, .side-column .box-content a, #column-right .recentArticles li > a, #column-right .popularArticles li > a, #column-left .recentArticles li > a, #column-left .popularArticles li > a{color: rgb(56, 56, 56)}
.cart-info tbody td, .wishlist-info tbody td, .compare-info td{border-bottom-style:solid;border-color: rgb(233, 232, 211)}
.action-area h3{background-color: rgb(244, 244, 244)}
.buttons{border-color: rgb(250, 250, 250);padding-top:15px; padding-bottom:15px;;padding-left:15px; padding-right:15px;background-color: rgb(244, 244, 244)}
.cart-info table, .wishlist-info table, .compare-info td, table.list tbody td, .order-list .order-content{background-color: rgb(255, 255, 255)}
.cart-info tbody td, .wishlist-info tbody td, .compare-info td, table.list tbody td, .order-list .order-content{color: rgb(51, 55, 69)}
.cart-info thead td, .wishlist-info thead td, .compare-info thead td, .manufacturer-heading, table.list thead td, table.list, table.list td, .order-list .order-id, .order-list .order-status{color: rgb(52, 73, 94)}
.cart-info thead td, .wishlist-info thead td, .compare-info thead td, .manufacturer-heading, table.list thead td, .order-list .order-id, .order-list .order-status{background-color: rgb(250, 250, 250)}
.login-content > div, .sitemap-info ul{background-color: rgb(250, 250, 250)}
.login-content hr{background-color: rgb(228, 228, 228)}
#content.sc-page .content p, .cart-total, table.list tfoot td{color: rgb(51, 55, 69);background-color: rgb(244, 244, 244)}
table.radio .highlight:hover td{color: rgb(255, 255, 255);background-color: rgb(176, 158, 102)}
table.radio .highlight td{background-color: rgb(255, 255, 255)}
#content.sc-page .content table.radio .highlight td{border-color: rgb(244, 244, 244)}
.checkout-heading{background-color: rgb(52, 73, 94);border-color: rgb(63, 87, 101);color: rgb(255, 255, 255);border-bottom-style:solid}
.checkout-product thead td, .checkout-product tfoot td{color: rgb(51, 55, 69);background-color: rgb(244, 244, 244)}
.checkout-product tbody td{border-color: rgb(244, 244, 244)}
.checkout-content{background-color: rgb(255, 255, 255);padding:12px}
.sf-icon:after{background-color: rgb(176, 158, 102);color: rgb(244, 244, 244);border-radius: 2px}
.sf-reset:hover{color: rgb(176, 158, 102)}
.sf-price .ui-widget-header{background-color: rgb(52, 73, 94)}
.sf-price .value{color: rgb(255, 255, 255);background-color: rgb(52, 73, 94);border-radius: 2px}
.sf-reset{color: rgb(42, 43, 46)}
.sf-price .ui-slider-handle:hover{background-color: rgb(176, 158, 102)}
.sf-price .ui-slider-handle{background-color: rgb(52, 73, 94);width:15px;height:15px;top:-7px;border-radius: 50%}
.journal-sf ul label.sf-checked img{border-color: rgb(176, 158, 102)}
.sf-reset-icon:after{content: '\e602';font-size: 16px}
.journal-sf ul li label.sf-checked{color: rgb(176, 158, 102)}
.journal-sf ul label img{border-width: 2px;border-style: solid;border-color: rgb(244, 244, 244)}
.journal-sf .box ul li{padding-top:3px;padding-bottom:1px;border-bottom-style:solid;border-color: rgb(255, 255, 255)}
.sf-price .box-content{padding-left:17px;padding-bottom:35px;padding-top:20px;padding-right:20px}
.side-column .journal-sf .box{margin-bottom:15px}
.sf-price .ui-widget-content{background: rgb(176, 158, 102)}
.journal-sf .sf-image .box-content ul li{padding-bottom:7px;padding-right:7px;width:12.5%}
.journal-sf .sf-image .box-content{padding-top:5px}
.sf-price .ui-slider-horizontal{height:1px}
.journal-sf .box-content{max-height:300px}
.journal-sf .box ul{padding-top:5px}
.journal-sf .sf-manufacturer.sf-image .box-content ul li{width:25%}
.journal-sf .sf-category.sf-image .box-content ul li{width:20%}
.nav-numbers a{width:12px;height:12px;border-radius: 50%;background-color: rgb(255, 255, 255)}
.nav-numbers a:hover, .nav-numbers li.active a{background-color: rgb(176, 158, 102)}
.ui-pnotify {display: block !important;background-color: rgb(68, 67, 73)}
.ui-pnotify-text img {display: block}
.ui-pnotify-title {font-weight: 700;font-family: "Playfair Display";font-style: normal;font-size: 13px;text-transform: uppercase;color: rgb(42, 43, 46);background-color: rgb(233, 232, 211)}
.ui-pnotify-text{color: rgb(255, 255, 255)}
.ui-pnotify-closer{color: rgb(68, 67, 73)}
.ui-pnotify-closer:hover{color: rgb(176, 158, 102)}
.ui-pnotify-text a{color: rgb(233, 232, 211)}
.ui-pnotify-text a:hover{color: rgb(176, 158, 102)}
.side-column .box.cms-blocks .block-content{background-color: rgb(244, 244, 244)}
.block-content, .side-block-content, .block-content p, .side-block-content p, .block-content p span, .side-block-content p span{font-style:  !important;font-size:  !important;text-transform:  !important}
.gallery-thumb a:before{content: '\e015';font-size: 30px;color: rgb(255, 255, 255)}
#swipebox-prev:before{content: '\e093';font-size: 30px;color: rgb(233, 232, 211)}
#swipebox-next:before{content: '\e094';font-size: 30px;color: rgb(233, 232, 211)}
#swipebox-close:before{content: '\e601';font-size: 30px;color: rgb(233, 232, 211)}
.gallery-thumb .item-hover{background-color: rgba(51, 55, 69, 0.5)}
#swipebox-overlay{background-color: rgba(0, 0, 0, 0.75)}
#swipebox-action, #swipebox-caption{background-color: rgb(68, 67, 73);color: rgb(255, 255, 255)}
#swipebox-close:hover:before{color: rgb(176, 158, 102)}
#swipebox-prev:hover:before, #swipebox-next:hover:before{color: rgb(176, 158, 102)}
.side-column .journal-gallery .box-content{padding:0px !important}
#content .welcome h1, .side-column .welcome h1{text-align:left;font-weight: 400;font-family: "Roboto Slab";font-style: normal;font-size: 25px;text-transform: none;color: rgb(51, 55, 69);border-bottom-style:solid;border-color: rgb(233, 232, 211)}
#content .welcome p, .side-column .welcome p{text-align:left}
.product-grid-item .compare, .product-filter .product-compare{display:none}
.product-grid-item .wishlist{display:none}
.journal-header-center .journal-cart{display:block}
.journal-header-center #search{display:block}
.product-info .product-options > .cart{display:block}
.product-info .right .description{display:block}
.product-info .right > div > .price{display:block}
.product-info .right > div > .options{display:block}
.journal-language{display:table-cell !important}
.product-info .right .wishlist-compare .links a + a{display:none}
.product-info .right .wishlist-compare .links a:first-of-type{display:none;}
.journal-currency{display:table-cell !important}
.product-grid-item .name{display:table}
.journal-carousel .product-grid-item .cart{display:block}
.journal-carousel .product-grid-item .wishlist{display:none}
.journal-carousel .product-grid-item .compare{display:none}
.journal-carousel .product-grid-item .price{display:inline-block}
.journal-carousel .product-grid-item .name{display:table}
.side-column .journal-carousel .product-grid-item .cart{display:block}
.side-column .journal-carousel .product-grid-item .wishlist{display:none}
.side-column .journal-carousel .product-grid-item .compare{display:none}
.side-column .journal-carousel .product-grid-item .price{display:inline-block}
.side-column .journal-carousel .product-grid-item .name{display:table}
.custom-sections .product-grid-item .cart{display:block}
.custom-sections .product-grid-item .wishlist{display:none}
.custom-sections .product-grid-item .compare{display:none}
.custom-sections .product-grid-item .price{display:inline-block}
.custom-sections .product-grid-item .name{display:table}
.mega-menu .product-grid-item .cart{display:block}
.mega-menu .product-grid-item .wishlist{display:none}
.mega-menu .product-grid-item .compare{display:none}
.mega-menu .product-grid-item .name{display:table}
.product-list-item .cart{display:block}
.product-list-item .wishlist{display:none}
.product-list-item .compare{display:none}
.product-list-item .price{display:inline-block}
.product-list-item .name{display:table}
.countdown > span{border-right-style:solid}
.product-info .right > div .countdown > span{border-right-style:solid}
.editor-content h1, .editor-content h2, .editor-content h3, .side-block-content h1, .side-block-content h3, .side-block-content h3{color: rgb(255, 255, 255) !important}
.column.products .product-grid-item .price, .side-column .oc-module .product-grid-item .price{display:inline-block}

/* Swipebox Loader */
#swipebox-slider .slide {
  background-image: url('icons/loader.gif');
}
.mfp-iframe-scaler iframe{
  background-image: url('icons/loader.gif');
  background-repeat: no-repeat;
  background-position: center;
}

.social{
  background-image: url('icons/loader.gif');
}



/* Site width */
#container, #header, #footer, .bottom-footer > div, .bottom-footer.boxed-bar {
   max-width: 1200px;
}


@media only screen and (max-width:1220px) {
 .journal-header-center .journal-search, .journal-header-center .journal-links{
    padding-left: 15px;
  }
 .journal-header-center .journal-cart, .journal-header-center .journal-secondary{
    padding-right: 15px;
  }
}
@media only screen and (max-width:760px) {
 .journal-header-center .journal-search, .journal-header-center .journal-links{
    padding-left: 0;
  }
 .journal-header-center .journal-cart, .journal-header-center .journal-secondary{
    padding-right: 0;
  }
}


.product-filter .product-compare{
    display:none;
}



.category-info .image{
display:none;
}

/*Notification Position*/
.ui-pnotify{
right:20px;
}



.ui-pnotify-closer{
opacity:1;
}


.breadcrumb{
        text-align:left;
}




/* Product Grid */



.product-wrapper{
  box-shadow: none;
}




.custom-sections.section-product .product-wrapper{
  box-shadow: none;
}





.journal-carousel.carousel-product .product-wrapper{
  box-shadow: none;
}





.journal-carousel.carousel-brand .product-wrapper{
  box-shadow: none;
}





.product-grid-item .name a{
 //padding-bottom:8px;
}


.product-grid-item .cart .button-left-icon:before{
display:none;
}



.product-grid-item .cart .button-right-icon{
display:none;
}





.product-details:before {
  display:none;
}



/* Product Grid Quickview*/



.product-grid-item .quickview-button {
  display:none;
}


.product-grid-item .quickview-button .button-right-icon{
display:none;
}



.product-grid-item .quickview-button .button-left-icon:before{
 float:none;
}
.product-grid-item .quickview-button .button-right-icon:before{
 margin-left:0;
}
.product-grid-item .quickview-button .button-cart-text{
  display:none;
}
.product-grid-item .quickview-button [data-hint]:after,
.product-grid-item .quickview-button .hint--top:before{
  display:block;
}
.product-grid-item .quickview-button .hint--top:before{
  border-top-color: rgb(255, 255, 255);
}
.product-grid-item .quickview-button .hint--right:before{
  border-right-color: rgb(255, 255, 255);
}
.product-grid-item .quickview-button .hint--left:before{
  border-left-color: rgb(255, 255, 255);
}





/* Product Grid Wishlist/Compare */


.product-grid-item .button-wishlist-text,
.product-grid-item .button-compare-text{
   display: none;
}
.product-grid-item .wishlist [data-hint]:after,
.product-grid-item .wishlist .hint--top:before,
.product-grid-item .compare [data-hint]:after,
.product-grid-item .compare .hint--top:before{
  display:block;
}

.product-grid-item .wishlist .hint--top:before,
.product-grid-item .compare .hint--top:before{
  border-top-color: rgb(255, 255, 255);
}
.product-grid-item .wishlist .hint--right:before,
.product-grid-item .compare .hint--right:before{
  border-right-color: rgb(255, 255, 255);
}
.product-grid-item .wishlist .hint--left:before,
.product-grid-item .compare .hint--left:before{
  border-left-color: rgb(255, 255, 255);
}



.product-grid-item .product-details .wishlist,
.product-grid-item .product-details .compare,
.product-list-item .image .wishlist, 
.product-list-item .image .compare,
.product-grid-item .image .button-wishlist-text,
.product-grid-item .image .button-compare-text{
 display:none !important;
}



.product-grid-item .image .wishlist, 
.product-grid-item .image .compare{
  visibility:hidden;
  opacity:0;
}
.product-grid-item:hover .image .wishlist, 
.product-grid-item:hover .image .compare{
  visibility:visible;
  opacity:1;
}



.product-list-item .quickview-button .button{
  width:40px;
  height:40px;
  line-height:40px;
  padding:0;
}




.product-grid-item .quickview-button .button{
  width:40px;
  height:40px;
  line-height:40px;
  padding:0;
}


/* Product List */



.product-list-item{
  box-shadow: none;
}



.product-list-item .cart .button-left-icon:before{
display:none;
}



.product-list-item .cart .button-right-icon{
display:none;
}





/* Product List Quickview*/


.product-list-item .quickview-button {
  display:none;
}

.product-list-item .quickview-button .button-right-icon{
display:none;
}



.product-list-item .quickview-button .button-left-icon:before{
 float:none;
}
.product-list-item .quickview-button .button-right-icon:before{
 margin-left:0;
}
.product-list-item .quickview-button .button-cart-text{
  display:none;
}
.product-list-item .quickview-button .button[data-hint]:after,
.product-list-item .quickview-button .hint--top:before{
  display:block;
}
.product-list-item .quickview-button .hint--top:before{
  border-top-color: rgb(176, 158, 102);
}
.product-list-item .quickview-button .hint--right:before{
  border-right-color: rgb(176, 158, 102);
}
.product-list-item .quickview-button .hint--left:before{
  border-left-color: rgb(176, 158, 102);
}



/* Product Page */

.product-info .left .image-additional-grid a{
  width: 25%;
}

.product-info .left .image-additional{
  margin-right: -19px;
}

.product-info .gallery-text{
  padding-top: 11px;
}

#button-cart .button-cart-text:after{
display:none;
}




.checkout-content .buttons{
  border-radius:0;
}

.compare-info td{
  border-right-style:solid;
}
table.list{
  border-bottom-style:solid;
  border-left-style:solid;
}
table.list td{
  border-right-style:solid;
  border-top-style:solid;
}



/* Product Labels*/

.label-latest + .label-sale{
  top: 40px;
}



#more-details.hint--top:before{
  border-top-color: rgb(176, 158, 102);
}


  .extended-layout #column-left, 
  .extended-layout #column-right{
    padding:0;
  }
  .extended-layout #column-left + #content{
    padding: 0 0 0 20px;
  }
  .extended-layout #column-right + #content{
    padding: 0 20px 0 0;
  }
  .extended-layout #column-left + #column-right + #content{
    padding: 0 20px 0 20px;
  }
  .extended-layout #content{
    padding: 0;
  }


.extended-layout .side-column .box{
    margin-bottom: 0;
  }

.boxed-header header{
  max-width:1200px;
}
.boxed-header .super-menu > li:first-of-type{
  border-left:0;
}
.boxed-header .super-menu > li:last-of-type{
  border-right:0;
}

.boxed-header .is-sticky header{
  left:50%;
  margin-left:-600px;
} 

.boxed-header .journal-header-center .journal-links{
  padding-left: 10px;
}
.boxed-header .journal-header-center .journal-search{
  padding-left: 20px;
}
.boxed-header .journal-header-center .journal-secondary{
  padding-right: 10px;
}
.boxed-header .journal-header-center .journal-cart{
  padding-right: 20px;
}
@media only screen and (max-width: 760px) {
  .boxed-header .journal-header-center .journal-search, 
  .boxed-header .journal-header-center .journal-links{
    padding-left: 0;
  }
  .boxed-header .journal-header-center .journal-cart, 
  .boxed-header .journal-header-center .journal-secondary{
    padding-right: 0;
  }
}

@media only screen and (max-width: 1215px) {
.boxed-header .is-sticky header{
  left:0;
  margin-left:0;
}
.boxed-header body{
  padding:0;
}
.fullwidth-footer .columns{
    padding-left: 15px;
  }
  .copyright{
    padding-left: 15px;
  }
    .journal-header-mega #logo a, .breadcrumb{
      padding-left:15px;
  }
}


header .links > a{
  border-bottom-color:#e4e4e4;
}

.journal-header-default .links .no-link,
.journal-header-menu .links .no-link{
    border-color:rgb(228, 228, 228)}

.journal-header-center #cart .content:before{
  color:rgb(68, 67, 73)}

.journal-header-center .autocomplete2-suggestions:before{
  color:rgb(68, 67, 73)}


.journal-language .dropdown-menu:before, 
.journal-currency .dropdown-menu:before{
  color:rgb(244, 244, 244)}

.journal-header-center .journal-language form > div, 
.journal-header-center .journal-currency form > div{
  border-left-style:solid;
  border-right-style:solid;
}


#search ::-webkit-input-placeholder {
  color:rgb(0, 0, 0);
}
#search :-moz-placeholder {
  color:rgb(0, 0, 0);
}
#search ::-moz-placeholder {
  color:rgb(0, 0, 0);
}
#search :-ms-input-placeholder {
  color:rgb(0, 0, 0);
}

.button-search{
    border-right-style:solid;
}
.button-search{
    border-right-color:rgb(244, 244, 244);
}
header .journal-login{
    border-bottom-color:rgb(244, 244, 244);
}


.super-menu > li:last-of-type{
    border-right-color:rgb(56, 180, 73);
    border-right-style:solid;
}

@media only screen and (max-width: 760px) {
  .journal-header-center #search input, 
  .journal-header-center .button-search{
      border-radius:0;
  }
  .journal-header-center #search input{
      background-color:rgb(244, 244, 244);
  }
  .journal-header-center #cart{
      background-color:rgb(244, 244, 244);
  }

  header .journal-login{
      border-bottom-style:solid;
  }
  
  .journal-menu .mobile-menu > li{
    border-bottom-color:rgb(56, 180, 73);
    border-bottom-style:solid;
  }
}

.inline-button .product-details{
  padding-bottom:0;
}









.mega-menu-categories .mega-menu-item, 
.mega-menu-brands .mega-menu-item,
.mega-menu-html .mega-menu-item,
#header .mega-menu .product-grid-item{
  margin-bottom:0px;
}
.mega-menu > div{
  margin-bottom:-0px;
  margin-right:-0px;
}

.mega-menu .mega-menu-column:last-of-type > div{
   margin-right:-0px;
}

.mega-menu-column > div > h3, .mega-menu .mega-menu-column .menu-cms-block{
  margin-right:0px;
}
.mega-menu .mega-menu-column:last-of-type > h3,
.mega-menu .mega-menu-column:last-of-type > div > h3,
.mega-menu .mega-menu-column:last-of-type > .menu-cms-block,
.mega-menu .mega-menu-column.mega-menu-html-block > div{
  margin-right:0;
}

@media only screen and (max-width: 760px) {
  .mega-menu .mega-menu-column > div{
   margin-right:-0px;
  }
}

.journal-sf .sf-image .box-content ul{
  margin-bottom:-7px;
  margin-right:-7px;
}




.product-info .right .wishlist-compare{
  display:none;
}










  footer .contacts{
  text-align:center;
  }
  footer .contacts-left{
    float: none;
  }
  footer .contacts-right{
    display: none;
  }

.has-cta .rotator-tex{
  line-height:38px;
}

footer .contacts .hint--top:before{
  border-top-color: rgb(176, 158, 102);
}


.side-column .box-category,
.side-column .box-content,
.side-column .box-content > div,
.side-column .box-content > ul > li:last-of-type,
.side-column .oc-module .product-grid-item:last-of-type{
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  border-radius:inherit;
}


.journal-sf ul li label:hover{
  color:rgb(176, 158, 102);
}
.sf-icon:before{
  border-top-color:rgb(176, 158, 102);
}

/*
.journal-sf ul li label:hover img{
  border-color:rgb(176, 158, 102);
} */

.sf-price .value:after{
  border-bottom-color:rgb(52, 73, 94);
}

.mobile-trigger{
background-color:;
}


.journal-header-default .links > a, 
.journal-header-menu .links > a{
  border-bottom-color: transparent;
}

@media only screen and (max-width: 760px) {
.journal-header-default .links > a, 
.journal-header-menu .links > a{
  border-bottom-color: rgb(228, 228, 228);
}
}
.nav-numbers a:hover, 
.nav-numbers li.active a{
  -webkit-backface-visibility: hidden;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.headline-mode .nav-numbers a:hover, 
.headline-mode .nav-numbers li.active a{
  -webkit-backface-visibility: hidden;
  -webkit-transform: scale();
  -moz-transform: scale();
  -ms-transform: scale();
  transform: scale();
}
.tp-bullets.simplebullets.round .bullet.selected, 
.tp-bullets.simplebullets.round .bullet:hover,
.journal-simple-slider .owl-controls .owl-page.active span, 
.journal-simple-slider .owl-controls.clickable .owl-page:hover span{
  -webkit-backface-visibility: hidden;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.owl-controls .owl-page.active span, 
.owl-controls.clickable .owl-page:hover span{
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

@media only screen and (max-width: 1215px) {

.bottom-footer.fullwidth-bar .copyright{
  padding-left: 15px;
}
.bottom-footer.fullwidth-bar .payments{
  padding-right: 15px;
}
.extended-layout #column-left{
  padding:20px 0 0 20px;
}
.extended-layout #column-right{
  padding:20px 20px 0 0;
}
.extended-layout #content,
.extended-layout #column-left + #content,
.extended-layout #column-right + #content,
.extended-layout #column-left + #column-right + #content{
  padding:20px 20px 0 20px;
}
.journal-simple-slider{
  height: auto !important;
}
.extended-layout #column-left{
  width:240px;
}

.extended-layout #column-right{
  width:240px;
}
.extended-layout #column-left + #content{
  margin-left:240px;
}
.extended-layout #column-right + #content{
  margin-right:240px;
}
.extended-layout #column-left + #column-right + #content{
margin-left:240px;
margin-right:240px;
}
}

@media only screen and (max-width: 980px) {
.journal-header-default .mega-menu,
.journal-header-menu .mega-menu{
    width: 100%;
  }
}

@media only screen and (max-width: 760px) {
  .extended-layout #column-left + #content,
  .extended-layout #column-right + #content,
  .extended-layout #column-left + #column-right + #content{
    margin-left:0;
    margin-right:0;
  }
   .journal-header-center .journal-secondary{
  background-color:rgb(255, 255, 255);
}

}

.mega-menu{
  max-width:1200px;
  /* margin-top:0px; */
}

/*
.mega-menu > div > div:first-child .wishlist .hint--top:after{
  left:53px;
}
*/





.journal-header-center .j-100, .journal-header-center #logo a{
height:150px;
}
.journal-header-center #logo a img{
max-height:150px;
}
.journal-header-center .journal-search, 
.journal-header-center .journal-cart{
top:55px;
}
.journal-header-center .journal-menu-bg{
top:190px;
}
.journal-desktop.header-center .sticky-wrapper{
max-height:230px;
}
@media only screen and (max-width: 760px) {
.journal-header-center .j-100, .journal-header-center #logo a{
height:100px;
}
.journal-header-center .journal-search, 
.journal-header-center .journal-cart{
top:0;
}
.journal-header-center .journal-menu-bg{
top:220px;
}
.journal-header-center #logo a img{
max-height:100px;
}
}



.extended-container #container{
  background-color:transparent;
}




.product-grid-item.display-icon .wishlist-icon:before, 
.product-grid-item.display-icon .compare-icon:before{
  line-height:32px;
}

.journal-header-center #cart .heading i{
  height:40px;
}

.journal-desktop .menu-floated .float-left{
  border-right-style:solid;
}

.column.products > h3{
  margin-bottom:10px;
}
.column.products{
  padding-bottom:10px;
}

.side-column .journal-gallery .box-heading{
  margin-bottom:10px;
}

.side-column .box-category > ul li ul li a{
  padding-left: 8px;
}
.side-column .box-category > ul li ul li ul li a{
  padding-left: 16px;
}
.side-column .box-category > ul li ul li ul li ul li a{
  padding-left: 24px;
}
.side-column .box-category > ul li ul li ul li ul li ul li a{
  padding-left: 32px;
}
.side-column .box-category > ul li ul li ul li ul li ul li ul li a{
  padding-left: 40px;
}

@media only screen and (max-width: 1215px) {
  .breadcrumb{
    padding-left:10px;
  }
}


.custom-sections .box-heading.box-sections{
    border-left-style:solid;
}

.side-column .box.cms-blocks .cms-block:last-of-type, .side-column .box.cms-blocks .box-heading{
  margin-bottom:px;
}

@media only screen and (min-width: 1215px) {
  .safari5 #footer{
     width: 1200px;
  }
}

@media only screen and (max-width: 1215px) {
  .tp-banner-container{
    height:auto !important;
  }
}


/* Custom CSS */
.journal-menu { display: none; }
.block-content {max-height: 120px;}
#buylunch { margin-top: 50%; }
/* I commented this to test a hero message #buylunch span {font-size:250%;} */
#buylunch h1{text-align:center;}
#buylunch h4 {text-align: center;font-size: 25px;color: #fff;}
#signuptoday{text-align:center;}
#aboutus { margin-top: 40%; margin-bottom:80px;}
#signuptoday { margin-top: 30%; margin-bottom:80px; margin-right: 12%; }
#welcome1 { margin-left: 2%; margin-right: 12%; height: 50%; font-size:120%;}
#aboutus1 { margin-top: 20px; margin-bottom: 20px; height: 50%; font-size:120%;}
#welcome2 { margin-left: 2%; margin-right: 12%; font-size:120%;}
#welcome3, #welcome4 { margin-left: 2%; margin-right: 12%;font-size:120%; margin-top:30px;}
#welcome3 li, #welcome4 li {margin-bottom:10px;}
header { box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.1); }
.journal-header-center .j-100, .journal-header-center #logo a {
           height: 110px;
}
.journal-header-center #logo a img {
max-height: 110px;
}