/******************************
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 *, #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; }
i { position: relative; font-style: normal; vertical-align: middle; }
i img { position: relative; vertical-align: middle; }

/******************************
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
*******************************/
.icw-container{max-width:1200px;margin:0px auto; width: 100% !important;padding: 0px;}
#container { max-width: 1024px; position: relative; margin: 0 auto; background-color: transparent; /*z-index: 3;*/ }
#content { position: relative; z-index: 2; padding: 20px 0px 0px; background-color: transparent; -webkit-transform: translate3d(0, 0, 0); }
#content:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.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; }
.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; }
/******************************
 NOTIFICATION
*******************************/
#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; }
.warning { background-color: #e51b1b; color:#fff; }
.alert_error { background-color: #e51b1b; color:#fff; margin:10px auto 10px;}
/******************************
 INPUTS
*******************************/
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; }
.hide { display: none; }
.icw-div-content {padding:60px 0px !important; min-height:300px !important;}
.icw-main-title{
    font-size:34px;
    font-family:'Montserrat', sans-serif;
    font-weight:400;
    text-transform:uppercase;
    text-align:center;
}
.text-center{text-align:center !important;}
.icw-title-1 span{position:relative; display: inline-block;}
.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-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>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;}

/* announcements popup */
.announcements-popup-overlay {
    display: none;
    background-color: #000000;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99998;
}
.announcements-popup {
    display:none;
    border-radius: 10px;
    padding: 15px;
    background: #fff;
    z-index: 99999;
    position: absolute;
    top:0px;
    width: 90%;
    margin-right:5%;
    margin-left:5%;
    margin-top:150px;
    pointer-events: auto !important;
}
.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: 1024px) {
    .side_option{display:block;}
    .icw-main-title.icw-title-1{margin-bottom:15px;}
}
@media only screen and (max-width: 760px){
    .btn-icw-sm{margin:10px;}
    .icw-main-title.icw-title-1{margin-bottom:10px;}
}

@media only screen and (max-width : 767px){
    .hide-mb-xs {display:none !important;}
    .new-contact-form .icw-input{width:97% !important;}
    .icw-title-1, .fund-title, .fund-secondary-title, .fund-third-title{font-size:20px;}
    .icw-title-1 span:before{height:2px; width:30px;}
    .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;}
    /***** Fundraiser Page *****/
}

@media screen and (max-width: 800px){
    .hide-xs {display:none !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 : 414px){
    .icon-computer{background-size: 50%;}
    .contact-page {padding:30px 10px !important;}
    .btn-icw-sm{margin:10px;}
}

@media only screen and (max-width : 768px) and (orientation : portrait){
    .icw-div-content{padding:45px 10px !important;}
    .btn-icw-sm{margin:0px; padding: 12px 24px;}
}

@media only screen and (max-width : 1024px) and (orientation : landscape){
    .icw-div-content{padding:45px 80px !important;}
    .btn-icw-sm{margin:0px; padding: 12px 24px;}
}

@media only screen and (max-width : 240px) and (orientation : portrait){
    .icw-div-content{padding: 30px 10px !important;}
    .list{font-size:8px !important;}
    .form-right select{width:96%;}
    .help{width:135px !important;}
}

@media only screen and (max-width : 320px) and (orientation : landscape){
    .icw-div-content{padding:20px 20px !important;}
    .icw-div-content{padding:20px 20px !important;}
    .btn-icw-sm{margin:0px; padding: 12px 24px;}
    .help{width:150px !important;}
}

@media only screen and (max-width : 384px) and (orientation : portrait){
    .btn-icw-sm{margin:0px; padding: 12px 24px;}
}

@media only screen and (max-width : 414px) and (orientation : portrait){
    .btn-icw-sm{margin:0px; padding: 12px 24px;}
    .left a.btn-icw-sm {margin-bottom:10px;}
    .icw-div-content{padding:15px 10px !important;}
    .content{font-size:12px;}
}

@media only screen and (max-width : 736px) and (orientation : landscape){
    .contact-page{padding:30px 80px !important;}
    .list{font-size:10px;}
    .btn-icw-sm{margin:0px; padding: 12px 24px;}
    .icw-div-content{padding:20px 20px !important;}
}

@media only screen and (max-width : 375px) and (orientation : portrait){
    .name{text-align:left;}
    .icw-div-content{padding:15px 10px !important;}
    .content{font-size:12px;}
    .btn-icw-sm{margin:0px; padding: 12px 24px;}
}

@media only screen and (max-width : 667px) and (orientation : landscape){
    .icw-div-content{padding:20px 20px !important;}
    .btn-icw-sm{margin:0px; padding: 12px 24px;}
    .contact-page{padding:30px 80px !important;}
}

@media only screen and (max-width : 568px) and (orientation : landscape){
    .icw-div-content{padding:20px 20px !important;}
    .btn-icw-sm{margin:2px; padding: 12px 24px;}
    .list{font-size:10px;}
    .contact-page{padding:30px 20px !important;}
}

@media only screen and (max-width : 320px) and (orientation : portrait){
    .name{text-align:left;}
    .icw-div-content{padding:15px 10px !important;}
    .list{font-size:10px;}
    .content{font-size:12px;}
    .btn-icw-sm{font-size:12px;}
    .btn-icw-sm{margin:0px; padding: 12px 24px;}
    .icw-secondary-menu a{padding:0 26%;}
}
.icw-clear {clear:both;}
@media only screen and (max-width: 420px){
    header .links > a { padding:0 20px !important;}
    .copyright {font-size:13px;}

}

@media only screen and (max-width : 240px){
    header .links > a { padding:0 0px !important;}
    .copyright { font-size:9px;}
}

@media only screen and (min-width:768px) and (max-width:900px) {
    header .links > a {padding:0px 4px !important;}
}

@media only screen and (max-width: 760px) {
    .icw-secondary-menu{display:none; width:100% !important; border:none; margin:0;}
    .icw-secondary-menu a {display:block}
}


header { background-color: #f4f4f4; display: table; z-index: 99; position: relative; margin: 0 auto; width: 100%; }
header div { position: relative; }
#header { max-width: 1024px; margin: 0 auto; position: relative; }
.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; }
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; }
#welcome { position: relative; top: 0px; }
#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 { 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 .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)"; }
header { -webkit-backface-visibility: hidden; }
.m-button-nav-toggle { font-size: 1.3em; border: 0; background: 0 0; color: #000; outline: 0; cursor: pointer }
.m-menu-header {margin-bottom:25px; padding:20px; overflow:hidden;}
.m-menu-header .m-button-nav-toggle {float:right; padding-top:25px;}
.m-menu-header .m-button-nav-toggle .icon-close {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;
    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 45px 0 45px; display:flex; flex-direction: column; align-items: flex-end;}
.m-sub-menu-container { padding: 70px 45px 70px 20px !important; text-align:right;}
.m-nav-main .m-nav-container ul li { list-style: none; display: flex; justify-content: flex-end;width: 100%;}
.m-nav-main .m-nav-container ul li a { font-weight:600; 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 }
.m-nav-main .m-nav-container ul li .m-sub-menu {width: 266px;  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 {z-index:2;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%; background-color:#FFFFFF; -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: 9px 9px 9px 0px; width: 100%; font-size: 18px;}
.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 {width:34px; height:34px; display:inline-block; float:right;margin-right: 35px; margin-top: 45px; }
.m-nav-main .m-nav-container ul li.has-sub-nav > a { transition: background .25s ease-in-out;}
.m-nav-main .m-nav-container ul li.has-sub-nav > a::after{
    content: url(../image/icons/chevron-icon.png);
    margin-left : 10px;
}
.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 }
.m-nav-container .profile-photo {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    margin-right: 5px;
}
.m-nav-container .switch-student-menu {
    display: flex !important;
    justify-content: flex-end;
    align-items: center;
}

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: sans-serif; line-height: 1.42857143; color: #222; margin: 0 }
.student-menu { width:38px; height:38px; transition: background .25s ease-in-out;}
@media only screen and (max-width: 760px){
    .m-nav-main .m-nav-container ul li.has-sub-nav ul a img{width:initial;}
    .m-nav-main .m-nav-container ul li a{padding: 9px 9px 9px 0px;}
}

.icw-secondary-menu{text-align: center;width: 100%;margin:0px;position: relative;z-index: 5; height: 60px; background-color: #f5f5f5; }
.icw-secondary-menu a.active{font-weight:600;}

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

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

.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;
}

.cms-blocks {
    width: 100%;
}
.cms-block {
    position: relative;
}
.cms-block ul, .cms-block ol {
    padding: 10px 0 0 25px;
    margin: 0;
}
.cms-block img {
    max-width: 100% !important;
    height: auto !important;
}
.ie .side-column img {
    max-width: 200px !important;
}
.block-content {
    width: 100%;
}
p img {
    max-width: 100% !important;
    height: auto !important;
}
.quote {
    text-align: left;
    overflow: hidden;
}
.main-products {
    position: relative;
    display: table;
}
.ie .main-products {
    width: 100%;
}
.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 .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;
}
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;
}
.checkout {
    margin-top: 50px;
    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 > h1 + p {
    margin-bottom: 15px; }
.returns form h2, .returns form .content {
    margin-bottom: 15px; }
.returns .left {
    float: none; }
.returns .buttons .left {
    float: left; }
.contact-page h2 {
    margin-bottom: 15px; }
.contact-page .buttons {
    margin-top: 15px; }
.contact-page .content b {
    margin-bottom: 5px;
    display: inline-block; }

/************************ FAQ Page v2 ******************************/
.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 .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;
}
/********************************** 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;}
}
/********************************** Titles **********************************/

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

/****************************** Topup Page v2 ******************************/
.tab-contents {width:auto;}
#parent { display: block; }
#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 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;}

    #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; 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; 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-text-agree{line-height: 40px; color: #898989;font-family: 'Open Sans', sans-serif; font-weight: 500; margin-left:50px;}
.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 .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 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;}
/********************************** Add Student Page **********************************/

.radio {
    display: inline-block;
    padding-right: 0px;
    font-size: 18px;
    line-height: 20px;
    cursor: pointer;
}
.radio .radio-text {
    color: #595959;
    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 input {
    width: 1px;
    height: 1px;
    opacity: 0;
}
.radio:hover .radio-text{
    color:#444444;
}
.radio input[type="radio"]:checked + span.radio-text {
    color:#444444;
    background-color: #FFBF00;
}
.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;}
/************************* withdraw Page **********************************/
.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 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 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;}
/****************************** New Home PAGE*******************************/
.pull-right {float:right}
.home-blocks {font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 25px; font-size:14px;}
/* Home Block 1 */
.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 .home-block1-txt h2 {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-icon-icw{width: 90px; height: 100px; display: inline-block; background-repeat: no-repeat;}
.home-icon-icw.home-fundraiser-step3{background-position:center; width:100%; margin-bottom: 30px; background-size:contain;}
.home-icon-icw.home-meal-step3{background-position:center; width:100%; margin-bottom: 30px; background-size:contain;}
/* Home Block 4 */
.home-block4{display:block; overflow:auto;}
.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 .btn-line {margin-top:30px;}
.home-block-4.section-right{background-color: #f5f5f5; position:relative;}
.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 .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;}
}
@media only screen and (min-width: 768px) and (max-width: 800px){
    .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 img {max-width:100%;}
.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-nobg {border: 3px solid #fff; color:#fff; background-color:transparent !important;}
/********************* 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 .close{display: inline-block; 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 .inline-powered{padding: 15px 20px; background-color: #444444; color: #fff; font-family: 'Open Sans', sans-serif; font-size: 10px; text-align: 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;}
}
/************************* 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;
    display:block;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    padding-bottom:65px;
    padding-top:40px;
    clear:both;
}
.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-arrow{background-size:contain; width: 100%; height: 100px; display: block; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 auto;}
.info-school-clock{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-money, .info-school-community, .info-school-risk, .info-school-pc, .info-school-clock, .info-school-globe, .info-school-help{height:90px;}
}
@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-parent-second-row{padding:75px 0px; clear:both;}
.info-parent-thumb{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-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-arrow{background-size:contain; width: 100%; height: 100px; 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-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 ******************/
.pull-right {float: right;}
/************************* Edit Account Page *********************/
@media only screen and (max-width: 768px){
    .save-buttons{text-align:center !important;}
}
/************************* Edit 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: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-child{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-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-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-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-position:center; width: 90px; height: 86px; display: block; background-repeat: no-repeat; margin: 0 auto; background-size:contain;}
.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 .fund-container{display:block; clear:both;}
.account-container .fund-container.second{padding-top:75px;}
/************************* My Order Page **********************************/
.list{font-family: 'Open Sans', sans-serif;}
@media only screen and (max-width: 1024px){
    table.list{overflow-x:scroll !important;
    }
/************************* My Order Page **********************************/

@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;}
}
@media only screen and (min-width: 768px) and (max-width: 800px){
    .tabs-withdraw{width:35%;}
}

/************************* Customer Support Page **********************************/
.customer-support{ font-size: 18px; font-family: 'Open Sans', sans-serif;}
.customer-support .green-mail{background-position: center; width: 90px; height: 92px; display: block;
    background-repeat: no-repeat; margin: 0 auto; cursor:pointer; background-size: contain;}
background-repeat: no-repeat; margin: 0 auto; cursor:pointer; background-size: contain;}
.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 .green-mail{width: 100%; height: 100px;}
    .customer-support .title{padding:20px 0px;}
}
/************************* 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 .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; 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;}
@media only screen and (max-width: 767px){
    .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;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
    .cart-form{padding:0px 20px;}
}
/************************* Cart 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 .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; text-align: left}
#pickup-address .form-section .radio-text, #confirm .form-section .radio-text, #payment-method .form-section .radio-text, #shipping-method .form-section .radio-text, #shipping-address .form-section .radio-text{max-width: 90%}
#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: #595959; 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;}
.checkout-content .payment-method-notes { padding:3px;}
.checkout-content .payment-order-fees { padding:3px;}
#payment-method .form-section textarea{border-radius: 5px; padding: 10px 15px; font-size:14px;}
#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 .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; 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 #nab-gateway-payment #nab-uc-buttons {
    width: 100%;
    max-width: 400px;
    display: inline-block;
}
#confirm #nab-gateway-payment #nab-uc-buttons-loader {
    text-align: center;
    max-width: 400px;
    width: 100%;
    float: right;
}
#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;}
#shipping-new .form-section label {font-size: 14px; color: #595959; 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: #595959; margin:0px; line-height:4em; height:48px;}
#shipping-new .form-section input[name='captcha'] {width: 100% !important; margin: 0px !important; }
#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: #595959;
    margin: 0px;
}

#shipping-method .radios, #payment-method .radios {
    flex-direction: column !important;
    align-items: flex-start !important;
}

#payment-method .form-section .checkout-content .radios .radio-field {
    flex-wrap: wrap;
    margin-top: 5px;
}

#payment-method .form-section .checkout-content .radio .radio-text {
    margin: 0 !important;
}

@media only screen and (max-width: 768px){
    .checkout{padding:0px 10px; text-align:center; margin: 20px 0px 0px 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{text-align:left;}
    .checkout #confirm .product-area .first-row{text-align:center;}
    .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;}
#confirm .checkout-content .product-area{padding-top:0px;}
@media only screen and (max-width: 767px){
    .tab-content-withdraw .form-section{text-align:center;}
}
@media only screen and (max-width: 420px){
    .main-title {line-height:36px;}
}
@media only screen and (max-width: 768px){
    #content{padding:0px;}

    .info-page-reg{padding: 0px 20px 20px !important; width: 100%;}
}
/************************* About Us Page ***********************/
@media only screen and (max-width: 768px){
    .home-block1{background-size: contain !important; width: 100%; padding:30px 0px 0px !important; margin: 0px auto; float: left;}
    .home-block1 .home-block1-txt h1{font-size:30px !important;}
    .home-block1 .home-block1-txt h2{font-size:30px !important;}
    .btn-line.btn-border-black{background-color:transparent;}
    .home-block1-txt p{margin-bottom:15px;}
    .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;}
    .home-block-bottom{text-align:center; padding: 0px 0px 50px}
    .cms-block{padding-right:0px !important;}
    .cms-blocks .blocks{margin:0px !important;}
}
@media only screen and (min-width: 768px) and (max-width: 800px){
    .home-block1 .home-block1-txt h1{font-size:25px !important; line-height:30px; margin:0px;}
    .home-block1 .home-block1-txt h2{font-size:25px !important; line-height:30px; margin:0px;}
    .home-block-4.section-left, .home-block-4.section-right{min-height:450px;}
}
@media only screen and (min-width: 981px) and (max-width: 1024px){
    .home-block1{margin:0px;}
    .home-block4{margin-bottom:60px;}
}
/****************************** 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 .error-page-div{text-align:center; padding-bottom:75px;}
.error-page .error-page-div .green-chat{background-position: center; width: 100%; height: 95px; display: block; background-repeat: no-repeat; background-size:contain;}
.error-page .error-page-div .green-mail{background-position: center; width: 100%; height: 95px; display: block; background-repeat: no-repeat; background-size:contain;}
.error-page .error-page-div .error-details{color: #444444; font-weight: 100; font-size: 14px; padding-bottom: 60px; display: block;}

@media screen and (min-width:768px) {
    .error-page-div {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .error-page .error-page-div .error-title {
        margin-bottom:10px;
    }
}

@media only screen and (max-width: 768px){
    .error-page .green-child{margin:50px auto 50px !important;}
    .error-page .main-title{padding:10px 15px; font-size: 40px !important;}
    .error-page .error-page-div {padding-bottom: 50px;}
    .error-page .main-sub-title {
        width: 100%;
        padding: 20px 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 800px){
    .error-page .error-page-div .new-btn{padding:8px 25px;}
}
/************************* 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;}
}
/***************** Credit Page ************************/
@media only screen and (max-width: 600px){
}
/********************************** 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-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-radius: 10px;
    padding: 25px;
    background: #fff;
    z-index: 99999;
    position: fixed;
    width: 60%;
    margin: 10px 20%;
    left: 0px;
}
.success-div .main-title{font-size: 24px;}
.success-div .success-thumb{
    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: 10px 20%;
    left: 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 **********************************/
.login-container{display: block; padding-top: 50px;}
.login-form-block {margin-bottom:25px; position:relative}
.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:""; 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:""; 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){
    .login-container{padding:50px 20px;}
}
/********************************** Tuckshop Public Page **********************************/
/****************************** Quick Register ******************************/
.quick-register-page .main-title {padding: 0px; color: #444444; font-weight: 100; font-size: 36px;}
@media only screen and (max-width: 768px) {
    .quick-register-page .main-title {
        padding: 40px 0 10px;
        line-height: 35px;
        font-size: 30px
    }
}
.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-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 span.error {
    display: inline-block;
    left: 0px;
    color: white;
    padding: 4px;
    border-radius:5px;
    font-size: 12px;
    position: relative;
}
.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;
}

@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: left; padding: 0px; display: block;}
    .quick-register-form .form-section label, .quick-pass-form .form-section .checkbox-field {flex-wrap: nowrap}
    .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;}
}
/****************************** 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 p{font-size: 14px; font-weight: 100; line-height: 25px; text-align:center;}
.chip-in-block2 .section-left .left-panel .chip-in-team{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 .chip-in-sync{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-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-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-size: contain; width: 100%; height: 51px; display: block; background-position: 50% 50%; background-repeat: no-repeat; margin: 63px 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-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-block3{padding:50px 0px;}
    .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;}
}
@media only screen and (min-width: 1024px){
    .chip-in-block3{padding:50px 0px;}
}
/****************************** Operation Chip In page ******************************/

/****************************** Healthy Plans page ******************************/
.healthy-block1 .green-sync{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-block2{display:block; position:relative; font-family: 'Open Sans', sans-serif; padding:50px 0px !important; overflow:hidden; text-align:center; width:100%;}
.healthy-block2 .healthy-task{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-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: #3BB449; 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 !important;}
    .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;}

}
@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;}
}


/* 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;
    }
}

.features {}

.features .features-header {
    color: #fff;
    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 {
}

.features .features-list a  {
}

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

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

.features .features-list ul li {
    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;
}

.features .features-header img {
    max-width: 100%;
    height: auto;
}
.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;
}
.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;
}
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;
}

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

.product-info .image > span {
    position: absolute;
    z-index: 99;
    text-align: center;
    display: block;
    transition: opacity .2s;
}
.product-area{font-family: 'Open Sans', sans-serif;}
.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 .discount{
    font-family: 'Open Sans', sans-serif;
    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;
}
.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 #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-content{background-color: #fff; border: 1px solid #e8e8e8;}
.product-traffic-description{clear:both;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;}
}
.product-area #tabs{padding:20px 40px 0px;}
.product-area{padding-top:30px;}
@media only screen and (min-width: 768px) and (max-width: 992px){
    .product-area .product-info .main-title{padding-left: 10px;}
}
.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 .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;
}
.ie .main-products, .main-products.product-list {
    width: 100%;
}
.product-grid,
.product-list {
    padding-top: 20px;
}
.product-grid {
    margin-right: -20px;
    overflow: visible !important;
}
/******************************
 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{
}
.pagination b {
    color: white; }
/******************************* Category Page Light System *******************************/
.traffic-light.red{background-position:0px 0px; background-repeat: no-repeat;}
.traffic-light.green{background-position:-96px 0px; background-repeat: no-repeat;}
/******************************* Category Page Light System *******************************/
/******************** 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 .sort{display: block; /*padding-top:50px;*/ clear:both; overflow:visible;}
.shop .desc{padding-bottom: 10px; float:none; text-align:center; width:auto; margin:0px auto; overflow:visible;}
.sides .option{display:inline-block;}
.sides .option .side_option{display:block;}
.shop .product-bundles ul{margin: 0px; text-align: left;}
.shop .main-products{padding-top:60px;}
.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;
}
@media only screen and (max-width: 768px){
    .date-restriction-warning {font-weight: 600;padding: 3px;}
}
.tooltip-product-name{color: #444444; font-size: 20px; font-weight: 500; font-family: 'Open Sans', sans-serif; display:block;}
@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 (max-width: 768px){
    .shop .sort{padding:0px 20px;}
    .shop .sort .product-filter{text-align:center;}
    .shop .main-products{padding:50px 20px 0px;}
}
@media only screen and (min-width: 768px) and (max-width: 800px){
    .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;}
/******************************** Calendar Design v2 ********************************/
/******************************
 FOOTER
*******************************/
#footer { border: 0; position: relative; max-width: 1024px; margin: 0 auto; display: table; width: 100%; }
.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 .text > h3 { margin-bottom: 12px; }
.column.newsletter .box { margin-top: 15px; margin-bottom: 0; }
.column.products { padding-bottom: 12px; }
.column.products > h3 { margin-bottom: 12px; }
footer .column.text { min-height: 50px; }
/********************************************************************/
#bottom-modules > div { background-size: cover; background-position:50% 50% !important; clear:both; }
/********************************************************************/
/******************* New Footer ****************************/
.icw-container{max-width:1280px;margin:0px auto; width: 100% !important;}
.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;}
/******************* New Footer ****************************/
@media only screen and (max-width: 767px) {
    .footer-top .inner-footer p{padding:0px 75px 10px 20px;}
    .footer-top .inner-footer{text-align:center;}
    .footer-top .inner-footer p{padding: 0px 20px 10px 20px !important;}
}
@font-face {
    font-family: 'journal-icons';
    src:url('fonts/journal-icons.eot');
    src:url('fonts/journal-icons.eot?#iefix') format('embedded-opentype'),
    url('fonts/journal-icons.woff') format('woff'),
    url('fonts/journal-icons.ttf') format('truetype'),
    url('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('fonts/journal-icons.svg#journal-icons') format('svg');
    }
}

/* Deprecated as of 4.4.0 */
.pull-right {
    float: right;
}
.fa.pull-right {
    margin-left: .3em;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-arrow-left:before {
    content: "\f060";
}
.fa-plus:before {
    content: "\f067";
}
.fa-minus:before {
    content: "\f068";
}

/******************************
 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 0s;
    }

    .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%; }
}
@media only screen and (max-width: 760px) {
    .hide-on-mobile {
        display: none !important; }

    #cart .content {
        width: 100%; }
}
@media only screen and (max-width: 470px) {
    table.form td {
        display: block; }
}
/******************************
HEADER
*******************************/
@media only screen and (max-width: 980px) {
    #cart {
        box-shadow: none; }
}
@media only screen and (max-width: 760px) {
    header .links > a {
        border-bottom-color: #e4e4e4;
        border-top-style: solid;
        border-top-width: 1px; }
}
/******************************
 HEADER CENTER
*******************************/
@media only screen and (max-width: 760px) {
    .hide-on-mobile {
        display: none !important; }
}
@media only screen and (max-width: 470px) {
    #cart .content {
        min-width: 100%; }
}

/******************************
 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; }
}
@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;
    }
    #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; }
}
@media only screen and (max-width: 980px) {
    .social {
        padding-top: 10px; }
}
@media only screen and (max-width: 760px) {
    .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 .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 {
        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; }
}
.mobile #bottom-modules > div, .tablet #bottom-modules > div {
    background-attachment: scroll !important;
    background-size: 100%;
}
.mobile .button, .tablet .button {
    box-shadow: none !important;
}

/******************************
CHECKOUT
*******************************/
@media only screen and (max-width: 767px) {
    .checkout-content .resp-center {
        display: flex;
        flex-direction: column-reverse;
    }

    .checkout-content .resp-center a, .checkout-content .resp-center button, .checkout-content .resp-center > :nth-child(2) {
        margin: 0 auto 10px auto;
    }
}

@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; } }
/******************************
 CMS BLOCKS
*******************************/
@media only screen and (max-width: 760px) {
    .cms-block {
        margin-bottom: 0px; }
}
@media only screen and (max-width: 470px) {
    .help { width: 300px; }
}
@media only screen and (max-width: 760px) {
    .logo {
        bottom: 0;
    }
}

/* Control Panel Settings */
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)}
.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-options > div{margin-bottom:13px}
.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)}
#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 .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)}
#tabs a:hover, #tabs a.selected{color: rgb(255, 255, 255);background-color: rgb(56, 180, 73)}
.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-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)}
.secondary-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}
.button:active{box-shadow:inset 0 1px 10px rgba(0, 0, 0, 0.8)}
.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)}
#container{background-repeat: repeat;background-position: center top;background-attachment: scroll;background-color: rgb(255, 255, 255)}
a{color: rgb(69, 115, 143);}
a:hover{color: rgb(56, 180, 73)}
.button:hover{color: rgb(255, 255, 255)}
.breadcrumb a:hover{color: rgb(56, 180, 73)}
#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, .boxed-footer #footer{background-color: rgb(255, 255, 255)}
.boxed-footer #footer{background-repeat: repeat;background-position: center top;background-attachment: scroll}
#cart .heading i{border-left-style:solid;background-color: rgb(56, 180, 73);border-color: rgb(244, 244, 244)}
#cart .heading{font-weight: 400;font-family: "Montserrat";font-style: normal;font-size: 16px;text-transform: none}
#cart .empty{font-weight: 400;font-family: "Open Sans";font-style: normal;font-size: 14px;text-transform: none;color: rgb(255, 255, 255)}
.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)}
#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{background-color: rgb(255, 255, 255);background-repeat: repeat;background-position: center top;background-attachment: scroll}
.button-search{background-color: rgb(56, 180, 73);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)}
.product-filter{background-color: rgb(244, 244, 244)}
.product-filter{color: rgb(42, 43, 46)}
.pagination b, .pagination a:hover{color: rgb(255, 255, 255)}
.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}
.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)}
.pagination b>a {background-color: unset; color: unset;}
.side-column{color: rgb(51, 55, 69)}
.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)}
table.list tbody td{background-color: rgb(255, 255, 255)}
table.list tbody td{color: rgb(51, 55, 69)}
table.list thead td, table.list, table.list td{color: rgb(52, 73, 94)}
table.list thead td{background-color: rgb(250, 250, 250)}
.cart-total, table.list tfoot td{color: rgb(51, 55, 69);background-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}
.side-column .box.cms-blocks .block-content{background-color: rgb(244, 244, 244)}
#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-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}
.editor-content h1, .editor-content h2, .editor-content h3{color: rgb(255, 255, 255) !important}
/* Site width */
#container, #header, #footer {
    max-width: 1280px;
}
/*Notification Position*/
.breadcrumb{
    text-align:left;
}
.checkout-content .buttons{
    border-radius:0;
}
table.list{
    border-bottom-style:solid;
    border-left-style:solid;
}
table.list td{
    border-right-style:solid;
    border-top-style:solid;
}
/* Product Labels*/
@media only screen and (max-width: 1215px) {
    .copyright{
        padding-left: 15px;
    }
    .breadcrumb{
        padding-left:15px;
    }
}
header .links > a{
    border-bottom-color:#e4e4e4;
}
#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);
}
.extended-container #container{
    background-color:transparent;
}

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

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

/* Custom CSS */
.block-content {max-height: 120px;}
/* I commented this to test a hero message #buylunch span {font-size:250%;} */
header { box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.1); }
.internal-link {
    text-decoration: underline !important;
    color: inherit;
    display: contents !important;
}
.home-block1-buttons {
    display: flex;
    justify-content: space-around;
    margin-top: 40px;
}
.book-demo-btn {
    background-color: transparent;
    color: #000000;
    border-radius: 5px;
    padding: 5px 22px;
}
.book-demo-btn:hover {
    color: #FFFFFF;
}

@media only screen and (max-width: 760px) {
    .home-block1-buttons {
        flex-direction: column;
        align-items: center;
    }

    .home-block1-buttons .new-btn {
        width: 90%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .home-block1-buttons .book-demo-btn {
        width: 90%;
        margin-right: 0;
        margin-left: 0;
    }
}
@media only screen and (min-width: 760px) and (max-width: 1279px) {
    .home-block1-buttons {
        flex-direction: column;
    }

    .home-block1-buttons .new-btn {
        margin-right: 15px;
        margin-bottom: 10px;
    }

    .home-block1-buttons .book-demo-btn {
        margin-right: 15px;
        margin-left: 0;
    }
}
/* After journal css manual improvements */
.calendar-icon {
    background: url("../image/icons/calendar-icon.png") no-repeat;
    background-size: contain;
    width: 21px;
    height: 24px;
    display: inline-block;
    cursor: pointer;
}
.search-icon {
    background: url("../image/icons/search-icon.png") no-repeat;
    background-size: contain;
    width: 38px;
    height: 38px;
    display: inline-block;
    cursor: pointer;
    animation: fadeInAnimation ease 200ms;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
.search-active-icon {
    background: url("../image/icons/search-active-icon.png") no-repeat;
    background-size: contain;
    width: 38px;
    height: 38px;
    display: inline-block;
    cursor: pointer;
    transition: transform 500ms ease-in;
    transform: rotateY(-360deg);
}
.new-cart-icon {
    background: url("../image/icons/cart-icon.png") no-repeat;
    background-size: contain;
    width: 23px;
    height: 23.5px;
    display: inline-block;
    position: relative;
}
.clear-text {
    border: none;
    background: transparent;
    position: relative;
    display: none;
    margin-bottom: 5px;
}
.student-photo {
    background-size: contain;
    width: 33px;
    height: 33px;
    display: inline-block;
}
.cart-item-count {
    background-color: #26642C;
    border-radius: 1.5em;
    color: white;
    line-height: 1.5em;
    width: 1.5em;
    text-align: center;
    position: absolute;
    top: -12px;
    right: -15px;
    font-weight: 700;
}
#footer-mobile-menu {
    display: none;
}
.main-nav-dashboard-items .student-photo {
    border-radius: 50%;
}
.main-nav-dashboard-items #shopping-info {
    display: flex;
    align-items: center;
    max-width: 250px;
    padding-right: 10px;
}
.main-nav-dashboard-items .shopping-for {
    display: flex;
    flex-direction: row;
    align-items: center;
    max-width: 110px;
}
.m-nav-main .m-nav-container ul li a:hover {
    color: #2E8540 !important;
}
.shopping-for span {
    font-weight: 600;
    color: #000000;
}
.shopping-for .selected-student {
    color: #2E8540;
    font-weight: 600;
    min-width: 80px;
}
#payment-method .form-section .title {
    color: #595959 !important;
}
#confirm .form-section .title {
    color: #595959 !important;
}
#confirm .form-section label {
    color: #595959 !important;
}

#payment-method .radio .radio-text {
    color: #595959 !important;
}
#payment-method .radio-text:hover {
    color: #000000 !important;
}
#payment .radio .radio-text {
    color: #595959 !important;
}
#payment select {
    color: #4D4D4D !important;
}
.payment-method-notes {
    font-weight: bold;
    color: #595959 !important;
}
#input-comment {
    color: #595959 !important;
}

.pagination b, .pagination a:hover, .pagination b:hover {
    background-color: #20652A !important;
    font-weight: 400 !important;
}
.pagination a {
    font-weight: 400 !important;
}
@media screen and (max-width:767px) {
    .m-nav-main .m-nav-container ul li .switch-student-sub-menu {
        width: 90% !important;
    }
}
@media screen and (min-width:481px) and (max-width: 1279px) {
    .m-nav-main .m-nav-container ul li .switch-student-sub-menu {
        width: 330px !important;
    }
}
@media screen and (max-width: 1279px) {
    .hide-mb-xs {display:none !important;}
}
/* Only mobile devices */
@media only screen and (max-width: 767px) {
    /* New footer sticky menu */
    #footer-mobile-menu {
        position: fixed;
        bottom: 0;
        z-index: 9999;
        width: 100%;
        height: 70px;
        background-color: white;
        display: block;
    }
    #footer-mobile-menu ul {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        padding-left: 0px;
        height: 70px;
    }
    #footer-mobile-menu ul li {
        display: flex;
        align-items: center;
        justify-content: center;
        list-style: none;
        position: relative;
    }
    #footer-mobile-menu ul li .student-photo {
        width: 33px;
        height: 33px;
        border-radius: 50%;
    }
    #footer-mobile-menu .cart-item-count {
        background-color: #26642C;
        border-radius: 1.5em;
        color: white;
        line-height: 1.5em;
        width: 1.5em;
        text-align: center;
        position: absolute;
        top: -10px;
        right: -14px;
        font-weight: 700;
    }
    #footer-mobile-menu .change-date-link {
        padding: 15px 10px;
        font-weight: 700;
        cursor: pointer;
    }
}
.skip-link {
    color: #4D4D4D;
    position: absolute;
    top: 10px;
    left: 0px;
    z-index: -1;
    margin-left: 7px;
    padding: 7px 8px 7px 8px;
    background-color: #fff;
    border: 1px solid #555;
    border-radius: 3px;
}
.skip-link:focus {
    z-index: 500;
    color: #4D4D4D;
    text-decoration: underline;
}
.quick-register-radio {
    display: flex;
}
@media screen and (max-width:767px) {
    .quick-register-radio {
        margin-left: 8px;
    }
}
.info-school-sub-content .info-school-desc {
    padding: 0px 15px !important;
}
.info-parent-sub-content .info-parent-desc {
    padding: 0px 5px !important;
}
.fund-sub-content {
    padding: 30px 10px !important;
}
.healthy-block2 .row > * {
    padding: 0 !important;
}
.text-right {
    text-align: right;
}
.features-for-container {
    padding-left: 2em !important;
    padding-right: 0 !important;
}
@media only screen and (max-width: 767px) {
    .info-school-sub-content .info-school-desc {
        padding: 0px 30px 30px !important;
    }

    .chip-in-block3 .chip-in-link {
        padding: 50px 15px 0px !important;
    }
}
/*** Home app section ***/
.tab-content-container .tab-content {
    border-top: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #ddd;
}
.tab-content-container .tab-content > .active {
    align-items: flex-start;
    display: flex;
}
.tab-content-container .nav-tabs {
    border-bottom: unset;
}
.home_app-section .home-title {
    text-align: left;
    font-size: 30px;
    font-weight: 300;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: unset;
    line-height: 1.1;
}
.home_app-section {
    display: flex;
    overflow: hidden;
    margin-top: 80px;
    margin-bottom: 80px;
}
.tab-content-container .app-section_tab_container {
    margin: auto;
}
.tab-content-container .app-section_tabs {
    margin-left: 0px;
    display: flex !important;
    justify-content: flex-end;
    padding: unset !important;
}
.tab-content-container .app-section_tabs li {
    background-color: #eee;
}
.tab-content-container .app-section_tabs li a:hover {
    background-color: #fff;
    border-bottom: 1px solid #fff;
}
.tab-content-container .app-section_tab_icon {
    height: 51px;
    width: 53px;
}
.tab-content-container {
    padding: 0 30px;
}
.app-section_CTA {
    padding-top: 20px;
    padding-left: 60px;
    padding-right: 30px;
    max-width: 620px;
}
.app-section_tab_paragraph {
    text-align: left;
    margin-bottom: 20px;
}
.tab-content-container .tab-content {
    border: 1px solid #dddddd;
    padding: unset;
    background-color: unset;
    margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
    .tab-content-container .app-section_tabs {
        overflow-y: hidden;
        overflow-x: scroll;
        padding-left: 0;
        margin-left: 1px;
        justify-content: flex-start;
        flex-wrap: nowrap;
    }
    .home_app-section {
        display: block;
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .tab-content-container {
        width: 100%;
        padding: 0;
    }
    .app-section_image {
        display: none;
    }
    .app-section_CTA {
        max-width: unset;
        padding: 10px 45px 40px 45px;
    }
    .home-title {
        font-size: 24px !important;
    }
}

#content .row {
    --bs-gutter-x: 1.5rem !important;
    --bs-gutter-y: 0 !important;
}

@media only screen and (min-width: 981px) and (max-width:1024px) {
    #content {
        padding: 0 !important;
    }
}

.footer-top .inner-footer .footer-primary-links h4 a {
    font-size: 16px
}

@media only screen and (max-width: 575px) {
    .footer-top .inner-footer .footer-primary-links h4 a {
        font-size:10px
    }
}

@media only screen and (max-width: 767px) {
    .footer-top .inner-footer .footer-primary-links h4 a {
        color:#444;
        display: inline-block;
        padding: 0 10px;
        font-weight: 400
    }

    .app-content .icw-container {
        padding: 5px;
    }
}

@media only screen and (max-width: 991px) {
    .chip-in-link .new-btn {
        width:unset
    }
}

.password-toggle {
    right: 20px !important;
}

@media only screen and (max-width: 768px) {
    .password-toggle {
        right: 15px !important;
    }
}

/* Price-override-dialog input width */
#price-override-dialog .modal-dialog input {
    width: auto !important;
}