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

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

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

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

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

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

body{font-family: 'Poppins', sans-serif !important; color: #56585A; background: none #fff !important; overflow: hidden !important;}
h1, h2, h3, h4, h5, h6{font-family: 'Poppins', sans-serif !important; color:#3E3934 !important; font-weight:700; text-transform:none;}
h1{font-size:40px;}
h2{font-size:30px;}
h3{font-size:24px;}
h4{font-size:18px;}
h4{font-size:16px;}
a{transition: all .3s ease;}
a {color:#0071CE; outline:none;}
a:focus { outline:none;}
a:hover {color:#56585A !important; outline:none;}
a:visited { color: #0071CE;}
a, a:hover{text-decoration:none; transition: all .3s ease;}
select, textarea{border-color:#ddd;}
img{max-width:100%; outline:none;}

textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], 
input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] { border: 1px solid #ddd; color: #56585A;}

.container{max-width:1170px; width: 100%;}

.section-title { text-align: center; margin: 0 0 50px;}
.section-title h2 { margin: 0 0 20px; font-size: 40px; font-weight: 700; color: #3E3934;}
.section-title p { margin: 0 auto; max-width: 700px; line-height: 28px; font-size: 16px; font-weight: 500;}

header#section-header { padding: 10px 5% 10px; box-shadow: 0 0 5px #e5e5e5;}
.section-header .zone-branding-wrapper { margin: 0; float: left;}
.zone-branding .region-branding .branding-data { width: auto;}

.section-header .zone-menu-wrapper { display: inline-block; margin: 10px 0 0 3%;}
.logo-img { float: left; margin: 15px 20px 20px 0;}
#logo { width: auto; height: auto;}
.site-name-slogan { display: none;}
.zone-branding .region-branding .branding-data { width: auto !important;}
.navigation { border-bottom: none !important;}

#zone-user-wrapper { float: right; padding: 20px 0 0;}
.front .zone-content { padding: 0;}
.front .zone-content-wrapper .zone-content { padding: 0; margin: 0;}

header#section-header .region-inner .block-esl-cartbox { float: right; margin: 5px 0 0 20px;}
header#section-header .region-inner #block-block-12 { float: left; margin: 5px 0 0;}

#block-block-12 ul.menu li { display: inline-block !important; position: relative;}
#block-block-12 ul.menu li.first a.sign-user { background: url(../images/my-account-ico.png) no-repeat 0 0; padding: 22px 12px 10px; font-size:0; display: block; line-height: normal;}
#block-block-12 ul.menu li:first-of-type::after {display:none;}

#block-block-12 ul.menu li:hover ul.menu {display:block; width:210px; background-color:#fff; padding:10px; position:absolute; top: 30px; right: -10px; z-index: 99; box-shadow: 0 4px 10px #ccc;}
#block-block-12 ul.menu li:hover ul.menu li{ display:block !important; padding:0px; margin:0;}
#block-block-12 ul.menu li:hover ul.menu li a{ display:block; padding:8px 10px; color:#56585A; line-height: normal; text-transform: capitalize;}
#block-block-12 ul.menu li:hover ul.menu li a:hover{ background-color:#f5f5f5; color:#0071CE !important;}
#block-block-12 ul.menu li ul.menu { display: none;}

.shopping-cart a.shopping-cart-link { background: url(../images/cart-ico.png) no-repeat 0 0; padding: 21px 10px 0; display: block; position:relative;}
.shopping-cart a.shopping-cart-link .shopping-cart-label { display: none;}
.shopping-cart a.shopping-cart-link .shoping-cart-value { position: absolute; top: -15px; right: -12px; background-color: #0071CE; padding: 0px 4px; color: #fff; font-size: 12px; min-width: 18px;
    text-align: center;}

.main-banner{background:url(../images/main-banner-bg.jpg) no-repeat left top; background-size:cover; padding:45px 15px 120px;}
.main-banner .banner-wrapper{ /*background:url(../images/home-banner.jpg) no-repeat left center; background-size:cover;*/ max-width:1440px; margin:0 auto; min-height:600px; position: relative;}
.main-banner .banner-wrapper > img { width: 100%; box-shadow: 0 0 32px 8px rgba(0,0,0,0.25); -moz-box-shadow: 0 0 32px 8px rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 32px 8px rgba(0,0,0,0.25);}
.main-banner .banner-wrapper .content { padding: 120px 20px 0 10px; max-width: 50%; position: absolute; bottom: 8%;}
.main-banner .banner-wrapper .content h2 { font-size: 55px; font-weight: 700; text-transform: uppercase; margin: 0;}
.main-banner .banner-wrapper .content h4 { color: #0071CE; font-size: 21px; font-weight: 600; margin: 5px 0 25px;}
.main-banner .banner-wrapper .content p { font-size: 16px; line-height: 28px; margin: 0;}
.main-banner .banner-wrapper .action { margin: 30px 0 0;}
.main-banner .banner-wrapper .action a.primary-btn { min-width: 170px;}
.main-banner .banner-wrapper .action .watch-video-btn { margin-left: 30px;}
.watch-video-btn {background:url(../images/watch-video-ico.png) no-repeat 0 2px; color: #0071CE; font-size: 16px; font-weight: 500; padding: 8px 0 8px 40px;}

.main-banner .banner-wrapper .cta-students { position: absolute; right: -24px; top: 40px;}
.main-banner .banner-wrapper .cta-educators { position: absolute; right: -24px; top: 125px;}

.join-univ {background:url(../images/dots-bg.jpg) repeat 0 0; padding:70px 0;}
.join-univ h2{text-align:center; margin:0; padding:0; color: #3E3934; font-size: 40px; font-weight:700;}

.why-labs-panel { padding: 70px 0; position: relative;}
.why-labs-panel .item { box-shadow: 0 0 30px #e5e5e5; -moz-box-shadow: 0 0 30px #e5e5e5; -webkit-box-shadow: 0 0 30px #e5e5e5; margin-bottom: 30px;}
/*.why-labs-panel .item:hover { box-shadow: 0 0 30px #80ACDE; -moz-box-shadow: 0 0 30px #80ACDE; -webkit-box-shadow: 0 0 30px #80ACDE;}*/
.why-labs-panel .item .desc-wrap { padding: 30px 15px;}
.why-labs-panel .item h3 { font-size: 16px; font-weight: 600; margin: 0 0 15px;}
.why-labs-panel .item p { margin: 0;}
.why-labs-panel::before { content: ''; background: url(../images/why-labs-before-bg.png) no-repeat; position: absolute; left: 0; top: 0; width: 296px; height: 415px; display: block;}
.why-labs-panel::after { content: ''; background: url(../images/why-labs-after-bg.png) no-repeat; position: absolute; right: 0; bottom: 0; width: 247px; height: 479px; display: block;}

.site-figure-bar { background:url(../images/figure-bg.jpg) no-repeat top center; background-size:cover; padding: 60px; text-align: center;}
.site-figure-bar ul { margin: 0; padding: 0; list-style: none; display: inline-block;}
.site-figure-bar ul li { display: inline-block; padding: 0 60px; color: #fff; font-size: 18px; text-align: center;}
.site-figure-bar ul li span.count { font-size: 55px; font-weight: 200;}
.site-figure-bar ul li span.count em { font-style: normal; font-size: 30px;}
.site-figure-bar ul li span.label { font-size: 16px; font-weight: 600; text-transform: uppercase; display: block;}

.shop-science-supplies { padding: 80px 0 0;}
.shop-science-supplies .section-title { margin: 0;}
.shop-supplies-panel { background:url(../images/shop-science-bg.jpg) no-repeat bottom center;  padding: 35px 0 220px;}
.shop-supplies-panel .section-title { margin: 0 0 90px;}
.shop-supplies-panel .item { text-align: center; background-color: #fff; margin-bottom: 30px; padding: 40px 15px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
    box-shadow: 0 0 30px #e5e5e5; -moz-box-shadow: 0 0 30px #e5e5e5; -webkit-box-shadow: 0 0 30px #e5e5e5;    
}
.shop-supplies-panel .item:hover { box-shadow: 0 0 30px #80ACDE; -moz-box-shadow: 0 0 30px #80ACDE; -webkit-box-shadow: 0 0 30px #80ACDE;}
.shop-supplies-panel .item h3 , .view-id-category_view .category-item h3{ font-size: 16px; font-weight: 600; padding: 30px 0 0; margin:0px }
.shop-supplies-panel .action { text-align: center; padding: 30px 0 0;}
.shop-supplies-panel .action a.primary-btn { min-width: 180px;}

.lab-kit-today { background:url(../images/design-lab-kit-bg.jpg) no-repeat center center; background-size: cover; padding: 55px 0; text-align: center;}
.lab-kit-today h2 { color: #fff !important; text-transform: uppercase; font-size: 36px; margin: 0px; font-weight: 700;}
.lab-kit-today p { color: #fff; font-size: 20px; margin: 0 0 30px;}
.lab-kit-today a { background-color: #00A2E2; border:3px solid #00A2E2; color: #fff !important; padding: 10px 30px; display: inline-block; text-transform: uppercase;}
.lab-kit-today a:hover { background-color: transparent; border:3px solid #00A2E2; color: #fff;}

.testimonial-panel { background:url(../images/testimonial-bg.jpg) no-repeat top center;  padding: 65px 15px 120px;}
.testimonials-recent { margin: 0 auto; background: none transparent; max-width: 1170px; border-bottom: none;}
.testimonials-recent h2 { color: #fff !important; text-align: center; font-size: 40px !important; font-weight: 700;}

#testimonials-recent-slider .flex-control-nav { bottom: 70px; left: 0; max-width: 1170px;}
#testimonials-recent-slider .flex-viewport ul.slides li { background-color: #fff; margin: 0 0 35px; padding: 35px 20px; min-height: 335px; position:relative; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#testimonials-recent-slider .flex-control-paging li a { background: #fff; background: rgba(255, 255, 255, 0.5);}
#testimonials-recent-slider .flex-control-paging li a.flex-active { background: #fff; background: rgba(255, 255, 255, 0.9);}
.testimonials-recent .views-field-field-testimonial-image { float:none; margin-right: 0; max-width: 100%; width: 100%; text-align: center;}
.testimonials-recent .flexslider .slides img { height: 80px; width: 80px;}
.testimonials-recent .views-field-title { display: none;}
.testimonials-recent .views-field-field-testimonial-text { font-style: normal; padding-top: 15px; font-size: 18px; line-height: 28px; opacity: 1; color: #56585A; font-weight: 300; text-align: center;}
.testimonials-recent .views-field-field-testimonial-author-name { text-align: center; font-size: 18px; font-weight: 700;}
.testimonials-recent .views-field-field-testimonial-author-role { text-align: center; text-transform: uppercase;}
.testimonials-recent .views-field-field-testimonial-author-role strong { font-weight: 300; font-size: 13px;}
#testimonials-recent-slider .flex-viewport ul.slides li::after {
    content: '';
    background:url(../images/testimonial-quote-ico.png) no-repeat 50% 50% #003C5A;
    width: 70px;
    height: 70px;
    display: block;
    position: absolute;
    bottom: -35px;
    z-index: 99;
    margin-left: -35px;
    left: 50%;
    border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px;
}
#testimonials-recent-slider .flex-direction-nav { display: none;}

.twitter-feed-panel { background-color: #F2FAFD; padding: 90px 0;}
.twitter-feed-panel .section-title { background:url(../images/twitter-feed-ico.png) no-repeat top center; padding-top: 10px;}

.nivo-controlNav { display: none;}

/* FOOTER ----------------- */
.section-footer { background-color: #fff !important; position: relative; overflow: hidden; box-shadow: 0px 10px 30px #eee inset; -moz-box-shadow: 0px 10px 30px #eee inset; -webkit-box-shadow: 0px 10px 30px #eee inset;}
.zone-footer-wrapper { background: none #fff !important; padding: 20px 5%;}
.section-footer #zone-footer2-wrapper { background-color: transparent; padding: 0 3%; z-index: 1; position: relative;}

.foot-brand { float: left; padding: 30px 0 35px 40px;}
.foot-brand .logo { display: inline-block; margin: 0 20px 0 0;}
.zone-footer2-wrapper .foot-brand  .copyright { color: inherit; display: inline-block;}
.foot-contact { float: right; text-align: left; padding: 55px 0 0 0; width: 58%;}
.foot-contact ul { margin: 0; padding: 0; list-style: none;}
.foot-contact ul li { display: inline-block; margin: 0 0 0 25px; font-size: 15px; padding:0 0 0 24px;}
.foot-contact ul li.mail { background: url(../images/email-ico.png) no-repeat 0 3px; padding-left: 35px;}
.foot-contact ul li.addr {background:url(../images/map-ico.png) no-repeat 0 0;}
.foot-contact ul li.tel {background:url(../images/call-ico.png) no-repeat 0 2px;}
.foot-contact ul li a {color:#56585A;}
.foot-contact ul li a:hover {color:#0071CE;}

.section-footer::before { content: ''; background:url(../images/footer-before-bg.png) no-repeat top center; height: 125px; width: 115px; position:absolute; left:0; top:0; display:block;}
.section-footer::after { content: ''; background:url(../images/footer-after-bg.png) no-repeat top center; height: 269px; width: 248px; position:absolute; right:0; top:0; display:block;}

/* NAVIGATION ----------------- */
.horizontal-menu li li { list-style-image: none; list-style-type: none; padding: 0;}
.horizontal-menu > li li > a { color: #3E3934; padding: 8px 15px;}
.horizontal-menu li li.expanded > a {position:relative;}
.horizontal-menu li li.expanded > a::after{ content:''; background: url(../images/esl-sprite-ico.png) no-repeat -275px -63px; width:16px; height:16px; display:block; position:absolute; right:10px; top:14px;}

/* LOGIN ----------------- */
.page-user-login .page-top-title { margin-bottom: 0;}
.content form#user-login{ margin: 60px auto; max-width: 600px; padding: 0; box-shadow: 0 0 20px #e5e5e5; -moz-box-shadow: 0 0 20px #e5e5e5; -webkit-box-shadow: 0 0 20px #e5e5e5;
 z-index: 1; position: relative;}

.content form#user-login > div { padding: 50px 40px; background-color: #fff; z-index: 1; position: relative;}
.content form#user-login::before { content:''; background:url(../images/login-form-graphic.png) no-repeat 0 0; width:145px; height:198px; display:block; position:absolute; left:-120px; bottom:0; z-index:0; transition: all .3s ease;}
.content form#user-login:hover::before {left:-145px;}

.page-user-register .content form{ margin: 60px auto; max-width: 600px; padding: 25px 40px; box-shadow: 0 0 20px #e5e5e5; -moz-box-shadow: 0 0 20px #e5e5e5; -webkit-box-shadow: 0 0 20px #e5e5e5; z-index: 1; position: relative;}

form#user-login h1, .page-user-register .content form h1 { font-size: 28px;}
form h1#user-login { margin: 0;}
form h4#user-login { margin: 0 0 20px; font-weight: 500 !important; color: #56585A; font-size: 16px;}
form#user-login .form-text,
.page-user-register form .form-text{ height: 50px !important; width: 100%; border: 1px solid #ccc !important; padding: 0 15px; font-size: 16px !important;}
.page-user #user_register_form { width: 100% !important;}
.page-user-register .content form .fieldset-legend { font-size: 18px; font-weight: 600;}
.form-item .description { line-height: 18px; margin: 8px 0 0;}
.page-user form#user-login #user_login_form .form-actions { text-align: center; padding: 40px 0 20px; margin: 0;}

.page-user-login form .form-item label,
.page-user form#user-login .form-item .description,
.page-user form#user-register-form .form-item .description,
.page-user form#user-register-form .form-item-pass .password-suggestions{ display: none;}

.page-user form#user-register-form .form-actions { margin: 30px 0 20px !important;}
.page-user form#user-register-form .form-actions input#edit-submit { float: none;}

.page-user form#user-login #user_login_form { border-bottom: none !important; padding-bottom: 0 !important;}
.page-user form#user-login .create-account { display: none;}

.page-user form#user-login #user_login_form .form-actions .form-submit {
    width: 180px; text-shadow: none; margin: 0;
	box-shadow: 0px 0px 20px #ccc; -moz-box-shadow: 0px 0px 20px #ccc; -webkit-box-shadow: 0px 0px 20px #ccc;
}
form#user-login .user-login-links { padding: 10px 0 0;}
.page-user form#user-login #user_login_form .login-password { float: right; padding-top: 10px;}

@media only screen and (min-width: 1024px){
	.horizontal-menu > li li > a:hover { background-color:#f5f5f5; color: #0071CE !important;}
	.horizontal-menu > li ul { box-shadow: 0 5px 8px #bbb; -moz-box-shadow: 0 5px 8px #bbb; -webkit-box-shadow: 0 5px 8px #bbb;}
	.horizontal-menu > li ul ul { box-shadow: 5px 3px 8px #bbb; -moz-box-shadow: 5px 3px 8px #bbb; -webkit-box-shadow: 5px 3px 8px #bbb;}
}

@media only screen and (min-width: 768px){
	.horizontal-menu > li > a { color: #3E3934; text-transform: uppercase; font-weight: 600; padding: 15px 12px;} 
	.horizontal-menu > li > a:hover, .horizontal-menu > li.active-trail > a { color: #0071CE;}
	.horizontal-menu > li ul { width: 275px; background-color: #fff; margin: 0; padding: 15px 0px;}
	.horizontal-menu > li.expanded > a { padding: 15px 24px 15px 12px;}
	.horizontal-menu > li.expanded > a:after { content: ''; background:url(../images/nav-ddm.png) no-repeat 100% 0px; display: inline-block; width: 8px; height: 8px;
		 position: absolute; right: 15px; top: 25px;}	
	.horizontal-menu > li ul ul { left: 100% !important; top: 0; padding: 0;}
}

/* TITLE HEADER / BREADCRUMB ----------------------------- */
.page-top-title { background: url(../images/main-title-bg.jpg) no-repeat 0 0 #f8f8f8; min-height: 260px; margin-bottom: 50px;}
.page-top-title h1 { margin: 15% 0 0; color: #3E3934; font-size: 35px; text-transform: uppercase; font-weight: 700; line-height: 1;}
.page-top-title h1 a { color: #3E3934;}

.page-top-title .img-wrap { text-align: right;}
.page-top-title .img-wrap img { max-height: 260px;}
.page-top-title .breadcrumb { background-color: transparent; margin: 0; padding: 0; border-bottom: none;}

.view-collection-products .view-header, .view-collection-taxonomy-term .view-header {margin-top:0;}
.zone-content-wrapper .zone-content { margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important;}
/* EDUCATOR PAGE -----------------------------*/
.page-node-23 .page-top-title, .page-student .page-top-title, .page-educator .page-top-title { display: none !important;}
.educator-contact-link a { color: #fff; text-decoration: none; background-color: #0071CC; padding: 5px 20px;}
.educator-contact-link a:link, .educator-contact-link a:visited { color: #fff !important; }
.panel-panel.grid-8 {margin: 4% 0; }
/* PRODUCT LIST ----------------------------- */
.page-products .breadcrumb { display: block !important;}
#block-crumbs-breadcrumb {display: none;}
.page-products h1, .page-all-products h1 { display: block !important;}

.category-filter { margin: 0px; position: relative;}
.category-filter .category-filter-panel { margin: 0 180px 0 0; padding: 0; background-color: #FFF; border: 1px solid #EBEBEB; 
	box-shadow: 0 0 18px 8px rgba(0,0,0,0.08); -moz-box-shadow: 0 0 18px 8px rgba(0,0,0,0.08); -webkit-box-shadow: 0 0 18px 8px rgba(0,0,0,0.08);}
.category-filter .category-filter-panel .filter-item { float: left; margin: 10px 0px 10px 0px; height: 50px; width: 28%; border-right: 1px solid #eee; padding: 0 20px;}
.category-filter .category-filter-panel .filter-item select { width:100%; border: none; font-size: 16px; color: #56585A; text-transform: capitalize; cursor: pointer;}
.category-filter .category-filter-panel .filter-item select:focus{outline:none;}
.category-filter .category-filter-panel .filter-item.last{border-right:none;}

.category-filter .category-filter-panel .action { float: right;}
.category-filter .category-filter-panel .action button.button { background-color: #00A1DF !important; text-shadow: none; height: 70px; padding: 0 30px; font-size: 16px; font-weight: 600;}

.category-filter .other-action a.design-custom-kit { line-height: normal; text-shadow: none; width: 160px; height: 70px; margin: 0; padding: 15px 0 0; background-color: #0071CE;
    text-align: center; text-transform: uppercase;}
.category-filter .other-action a.design-custom-kit span { display: block; font-weight: 700;}
.category-filter .other-action a.design-custom-kit:hover {background-color: #3E3934; color: #fff !important;}

.category-filter .other-action { /*position: absolute; right: 0; top: 0;*/ float:right;}

ul.products-per-collection { margin: 0 -15px 30px; clear: both;}
ul.products-per-collection li, .item-list ul.all-products li { min-height: 570px; width: 33.33%; padding: 0 15px; margin: 0 0 50px !important; position: relative; background-color: #fff; z-index: 1;}
ul.products-per-collection li .views-field, .item-list ul.all-products li .content { background-color: #fff;}
ul.products-per-collection li:hover .views-field,
.item-list ul.all-products li:hover .content { box-shadow: 0 0 30px #ddd; -moz-box-shadow: 0 0 30px #ddd; -webkit-box-shadow: 0 0 30px #ddd;}
ul.products-per-collection li .product_image img, .item-list ul.all-products li .product_image img { display: block; width: 100%; border:none;}
ul.products-per-collection li .product-content, .item-list ul.all-products li .product-content { border: 1px solid #EBEBEB; border-top: none; padding: 30px 15px;}
ul.products-per-collection li .product-content h2, .item-list ul.all-products li .product-content h2  { font-size: 17px !important; font-weight: 500 !important; min-height: 45px; margin-bottom: 5px !important;}
ul.products-per-collection li .product-content h2 a:hover, .item-list ul.all-products li .product-content h2 a:hover {color: #00A1DF;}
ul.products-per-collection li .product-content .field-name-field-brief-description,
.item-list ul.all-products li .product-content .field-name-field-brief-description { min-height: 90px;}
ul.products-per-collection li .product-content p,
.item-list ul.all-products li .product-content p { margin: 0; color: #7F8080; font-family: Poppins; font-size: 15px; line-height: 28px;
	text-overflow: ellipsis; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;}
ul.products-per-collection li .product-content p:not(:first-child), .item-list ul.all-products li .product-content p:not(:first-child) { display: none;}
ul.products-per-collection li .product-content .field-name-field-brief-description { min-height: 150px;}
ul.products-per-collection li .product-content .field-commerce-price { display: none;}
ul.products-per-collection li .product-add-to-cart, .item-list ul.all-products li .product-add-to-cart { width: 100%; border: 1px solid #EBEBEB; border-top: none; overflow: hidden;}
ul.products-per-collection li .product-add-to-cart .field-name-field-product, 
.item-list ul.all-products li .product-add-to-cart .field-name-field-product { float: right; width: 50%; height:53px; background:url(../images/add-cart-graphic.png) no-repeat 100% 0px #f8f8f8;}
ul.products-per-collection li .product-add-to-cart .commerce-product-extra-field-sku,
.item-list ul.all-products li .product-add-to-cart .commerce-product-extra-field-sku  { float: left; width: 50%;}
ul.products-per-collection li .product-add-to-cart .commerce-product-extra-field-sku .commerce-product-sku,
.item-list ul.all-products li .product-add-to-cart .commerce-product-extra-field-sku .commerce-product-sku { width: 100% !important; margin: 0; text-align: left !important; padding: 8px 0 0 15px;}
ul.products-per-collection li .product-add-to-cart .commerce-product-extra-field-sku .commerce-product-sku-label,
.item-list ul.all-products li .product-add-to-cart .commerce-product-extra-field-sku .commerce-product-sku-label { font-weight: 600; color: #222;}
ul.products-per-collection li .product-add-to-cart .form-submit,
.item-list ul.all-products li .product-add-to-cart .form-submit { background: url(../images/add-cart-ico.png) no-repeat 0 15px transparent !important; color: #0071ce; font-weight: 600;
 text-shadow: none; line-height: 54px; text-align: left; width: auto; height: auto; padding: 0 0 0 30px; margin-left: 10px; font-size: 14px !important; font-weight: 600 !important;}
 
ul.products-per-collection li::after, .item-list ul.all-products li::after { width: 80%; height: 70px; position: absolute; left: 10%; bottom: 0px; z-index: -1;
	border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; box-shadow: 0 0 40px #ccc; -moz-box-shadow: 0 0 40px #ccc; -webkit-box-shadow: 0 0 40px #ccc; 
}

.item-list ul.all-products { margin: 0 -15px 30px !important; clear: both;}
.item-list ul.all-products li{float:left;}

.prod-list-educator-demo { margin: 0px; display: block; position: relative; width: 100%; clear: both;}
.prod-list-educator-demo img { display: block; width: 100%;}
.prod-list-educator-demo .edu-form-wrapper { position: absolute; max-width: 1256px; margin: 0 auto; top: 0; left: 0; right: 0; z-index: 9; height: 100%; display: flex;}
.prod-list-educator-demo .edu-form { background-color: #fff; width: 100%; padding: 0px; box-sizing: border-box; margin: 8% 0; display: flex;}

.prod-list-educator-demo .edu-form .blu-box { background-color: #0071CE; float: left; width: 50%; text-align: left; color: #fff; padding: 40px; display: flex;}
.prod-list-educator-demo .edu-form .blu-box .content { align-self: center;}
.prod-list-educator-demo .edu-form .blu-box h2 { color: #fff !important; text-transform: uppercase; margin: 0; font-size: 35px;}
.prod-list-educator-demo .edu-form .blu-box p { font-size: 20px; font-weight: 300; margin: 0;}
.prod-list-educator-demo .edu-form .form-panel { float: left; width: 50%; padding: 20px 40px 40px; }
.prod-list-educator-demo .edu-form .form-panel h2 { margin: 15px 0;}
.prod-list-educator-demo .edu-form .form-panel h2::before {
    content: ''; background: url(../images/free-txt.png) no-repeat 0 0; width:192px; height:84px; margin-right:10px; display:inline-block; vertical-align: middle;
}
.prod-list-educator-demo .edu-form .form-panel h2 span { vertical-align: middle; display: inline-block; padding-top: 15px;}

/* PRODUCT ALL CATEGORY ----------------------------- */
.view-category-view { background:url(../images/shop-science-bg.jpg) no-repeat bottom center; text-align: center; padding: 10px 10px 150px;}
.view-category-view .views-row { height: auto !important; width: 250px !important; overflow: visible !important; background-color: transparent !important; float: none !important; display: inline-block !important; vertical-align: top;}
.view-category-view .views-row .category-item {background-color: #fff; margin-bottom: 30px; padding: 40px 15px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
	box-shadow: 0 0 30px #e5e5e5; -moz-box-shadow: 0 0 30px #e5e5e5; -webkit-box-shadow: 0 0 30px #e5e5e5;}
.view-category-view .views-row .category-item:hover { box-shadow: 0 0 30px #80ACDE; -moz-box-shadow: 0 0 30px #80ACDE; -webkit-box-shadow: 0 0 30px #80ACDE;}
.view-category-view .views-row .category-item a { padding-top: 0px !important; color: #fff !important; font-size: 16px; font-weight: 600;}
.view-category-view .views-row .category-item a:hover { color: #0071CE;}

.item-list ul.pager { margin: 0 0 40px;}
.item-list ul.pager li a { border-radius: 0;}
.item-list ul.pager li.pager-current { color: #fff; background-color: #0071CE; font-weight: 500; display: inline-block; padding: 5px 14px;}

/* PRODUCT DETAIL ----------------------------- */
.container.product-details { padding-bottom: 60px;}
.product-details .product-pdp-column-1 { float: left; width: 50%;}
.product-details .product-pdp-column-2 { float: left; width: 50%; padding: 0 0 0 40px;}

.product-details .product-pdp-column-1 .field-type-image { margin: 0 0 15px;}
.node-product-display .product-add-to-cart { float: none !important;}
.node-product-display .product-add-to-cart .form-item-quantity { text-align: left !important; border: none !important; padding: 0px 2px 0 0 !important; float: left; position:relative;}
.node-product-display .product-add-to-cart .form-item-quantity .form-text { height: 45px; border: 1px solid #ddd; text-align: center !important; background-color: #f5f5f5; width: 90px !important; 
	padding: 0 22px !important;}
.node-product-display .product-add-to-cart .form-item-quantity label { text-transform: none;}

.node-product-display .field-type-commerce-price {display:block !important;}
.node-product-display .field-commerce-price .field-label { display: none;}
.node-product-display .field-commerce-price .field-items { color: #222; font-family: 'Poppins', sans-serif !important; font-weight: 400;}

.product-details .field-name-field-full-description p { margin: 0 0 15px; line-height: 24px;}

.node-product-display .product-pdp-downloads { width: 100% !important; background-color: #fff !important; padding: 0 0 30px;}
.node-product-display .product-pdp-downloads .field-type-file { padding: 0 !important; display: inline-block;}
.node-product-display .product-pdp-downloads .field.field-type-file span { display: inline-block; color: #222; font-weight: 400; font-size: 15px;}
.node-product-display .product-pdp-downloads .field.field-type-file span.file a {
    margin: 0 20px 0 5px; background-color: transparent !important; color: #0071CE; font-family: inherit; text-shadow: none; font-weight: 500; padding: 0; text-transform: capitalize;
}
.node-product-display .product-add-to-cart .form-item-quantity .ui-spinner { position: absolute;}
.node-product-display .product-add-to-cart .form-item-quantity .ui-spinner .ui-spinner-button { position: absolute; top: 0px; height: 45px !important; width: 24px !important; border: none; background: transparent;}
.node-product-display .product-add-to-cart .form-item-quantity .ui-spinner .ui-spinner-button span { margin: 0 !important; cursor: pointer;}
.node-product-display .product-add-to-cart .form-item-quantity .ui-spinner .ui-corner-br { right: 90px;}
.node-product-display .product-add-to-cart .form-item-quantity .ui-spinner .ui-corner-br span { background-position: -64px -128px; margin: 14px 0 0 5px !important;}
.node-product-display .product-add-to-cart .form-item-quantity .ui-spinner .ui-corner-tr { right: 24px;}
.node-product-display .product-add-to-cart .form-item-quantity .ui-spinner .ui-corner-tr span { background-position: -32px -129px; margin: 14px 0 0 1px !important;}

/* CART ----------------------------- */
.view-commerce-cart-form { overflow: hidden; overflow-x: auto;}
#views-form-commerce-cart-form-default table .commerce-product-product h2.field-name-title-field { font-size: 15px; margin: 0 0 5px;}

.region-inner.region-content-inner { padding: 0 0 40px; min-height: 400px;}
table, table.views-table { border: none !important; }
tr.even, tr.odd { background-color: #f5f5f5; border-bottom: 1px solid #ddd;}
table thead th, table.views-table thead th { font-weight: 500 !important; border-left: none !important; border-bottom: 1px solid #e5e5e5; background-color: #c5d3dc; text-align: left;}
.view-commerce-cart-form table.views-table td.views-field-commerce-line-item-cart-form-field-expedited-processing {text-align: center !important;}
.view-commerce-cart-form table.views-table td.views-field-commerce-line-item-cart-form-field-semester-start-date legend {display:none;}
.view-commerce-cart-form table.views-table fieldset.date-combo .container-inline-date .date-padding {padding-top:0px !important;}
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 10%; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 50%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/* CHECKOUT ----------------------------- */
ul.inline.commerce-checkout-progress li.active, ul.inline.commerce-checkout-progress li.last.active, 
ol.inline.commerce-checkout-progress li.active, ol.inline.commerce-checkout-progress li.last.active { background-color: #0071CE !important;}
ul.inline.commerce-checkout-progress, ol.inline.commerce-checkout-progress { margin-bottom: 20px !important;}
ul.inline.commerce-checkout-progress li.previous, ul.inline.commerce-checkout-progress li.visited, 
ol.inline.commerce-checkout-progress li.previous, ol.inline.commerce-checkout-progress li.visited { color: #0071CE !important;}

.page-checkout fieldset.form-wrapper legend { font-size: 22px; font-weight: 500; border-bottom: none !important; margin: 0 0 10px 0px !important;}
.page-checkout fieldset.form-wrapper legend span.fieldset-legend { text-transform: capitalize !important;}

#customer-profile-billing-ajax-wrapper, #edit-customer-profile-billing  { float: left; width: 50%; padding-right: 2%;}
#customer-profile-shipping-ajax-wrapper{ float: left; width: 50%; padding-left: 2%;}
#commerce-checkout-form-checkout fieldset#edit-commerce-fieldgroup-pane-group-university-information,
#commerce-checkout-form-checkout fieldset#edit-buttons { clear: both;}

.page-checkout fieldset.customer_profile_billing legend { margin-bottom: 35px !important;}
#customer-profile-shipping-ajax-wrapper .commerce-customer-profile-copy { margin-top: -20px;}

.page-checkout fieldset.form-wrapper select, .page-checkout fieldset.form-wrapper input.form-text { width: 100%; height: 40px; padding: 0 10px;}
.page-checkout .checkout-buttons input#edit-cancel, .page-checkout .checkout-buttons input#edit-back, 
.page-checkout .checkout-buttons input.checkout-back { padding: 0 20px !important; color: #fff; background-color: #444 !important;}

.page-checkout #commerce-checkout-form-checkout fieldset.customer_profile_billing .locality-block .form-item, 
.page-checkout #commerce-checkout-form-checkout fieldset.customer_profile_shipping .locality-block .form-item { width: 100% !important; margin-bottom: 15px !important;}
.page-checkout #commerce-checkout-form-checkout .form-wrapper .form-item.form-type-select { /*max-width: 550px;*/}
.page-checkout #commerce-checkout-form-checkout .form-wrapper .street-block .form-item { /*width: 50%; float: left; padding: 0 15px 0 0;*/}
.page-checkout #commerce-checkout-form-checkout .form-wrapper .addressfield-container-inline.locality-block { display: block; clear: both; margin-bottom: 0px;}

.page-checkout-shipping .form-item-commerce-shipping-shipping-service { width: 100% !important; max-width: 400px; padding: 10px 0px !important;}
.page-checkout-shipping .form-item-commerce-shipping-shipping-service input[type="radio"] { margin: 1px 0 0;}
.page-checkout #commerce-checkout-form-shipping fieldset label img { vertical-align: middle; margin-right: 5px;}
.page-checkout-shipping .form-item-commerce-shipping-shipping-service .description { margin: 0; padding: 0 0 0 52px;}

.page-checkout-review #commerce-checkout-form-review div.checkout_review table tbody tr { background-color: transparent !important;}
.page-checkout-review #commerce-checkout-form-review div.checkout_review table tbody tr.pane-title td { border-bottom: 1px solid #ddd !important; font-weight: 600 !important; color: #222;}
.page-checkout .commerce_payment #payment-details { max-width: 500px;}
.commerce-credit-card-start .form-item, .commerce-credit-card-expiration .form-item { display: inline-block;}
.page-checkout .commerce_payment #payment-details .commerce-credit-card-expiration label { display: block;}
.page-checkout .commerce_payment #payment-details .commerce-credit-card-expiration select { width: 100px;}
.page-checkout .commerce_payment #payment-details .commerce-credit-card-expiration .commerce-month-year-divider { margin: 0 10px;}
.page-checkout #commerce-checkout-form-review fieldset #edit-commerce-payment-payment-method input[type="radio"] { margin: -1px 0 0;}
.page-checkout-review #commerce-checkout-form-review div.checkout_review table.checkout-review label { font-weight: 600; margin-right: 5px;}

/* CONTACT ----------------------------- */
.contact-wrapper { padding: 0 15px 80px;}
.contact-wrapper .row { display: flex;}
.contact-wrapper .tab-items ul { margin: 0 -15px; padding: 0; list-style: none;}
.contact-wrapper .tab-items ul li { float: left; width: 50%; text-align: center; padding: 30px 15px 0; border-bottom: 1px solid #e8e8e8; position: relative; margin: 0;}
.contact-wrapper .tab-items ul li h3 { font-size: 18px; font-weight: 500; margin: 20px 0 20px;}

.contact-wrapper .tab-content { padding: 45px 40px 30px;}
.contact-wrapper .tab-content h2 { margin: 0 0 5px; font-size:26px; font-weight: 700;}
.contact-wrapper .tab-content h5 { font-size: 16px; font-weight: 500 !important; color: #56585A !important;}
.contact-wrapper .tab-content .form-panel { padding: 0;}
.contact-wrapper .tab-content .fields { padding: 0 0 20px;}
.contact-wrapper .tab-content .fields .field { display: inline-block; width: 49%; padding: 0 15px 0 0;}
.contact-wrapper .tab-content .fields.large,
.contact-wrapper .tab-content .fields.actions { padding-right: 3.6%;}
.contact-wrapper .tab-content .fields .input-text { height: 50px; width: 100%; border: 1px solid #ccc; padding: 0 15px; font-size: 16px;}
.contact-wrapper .tab-content .fields textarea.input-text { width: 96.4%; height: 90px; padding: 10px 15px;}

.contact-wrapper .tab-content .form-item.webform-component-markup,
/*.contact-wrapper .tab-content .form-item.webform-component--university,
.contact-wrapper .tab-content .form-item-submitted-university,*/
.contact-wrapper .tab-content .form-item.webform-component--comments { width: 100% !important;}
.contact-wrapper .tab-content .form-item { float: left; width: 50%; margin-bottom: 20px; padding-right: 25px;}
.contact-wrapper .tab-content .form-item .form-text, 
.contact-wrapper .tab-content .form-item .form-select{ border: 1px solid #ddd; height: 45px; width: 100%; padding: 0 15px; font-size: 16px; font-weight: 300; font-family: inherit;}
.contact-wrapper .tab-content .form-item .form-textarea { border: 1px solid #ddd; height: 125px; width: 100%; padding: 15px; font-size: 16px; font-weight: 300; font-family: inherit; }
.contact-wrapper .tab-content .form-actions { width: 100%; float: left; margin: 15px 0 10px;}
.contact-wrapper .tab-content .form-actions .form-submit { min-width: 170px;}

.edu-form .form-item.webform-component-markup,
.edu-form .form-item.webform-component-textarea { width: 100%;}
.edu-form .form-item { float: left; width: 50%; margin-bottom: 20px; padding-right: 25px;}
.edu-form .form-item .form-text, 
.edu-form .form-item .form-select{ border: 1px solid #ddd; height: 45px; width: 100%; padding: 0 15px; font-size: 16px; font-weight: 300; font-family: inherit;}
.edu-form .form-item .form-textarea { border: 1px solid #ddd; height: 110px; width: 100%; padding: 15px; font-size: 16px; font-weight: 300; font-family: inherit; }
.edu-form .form-actions { width: 100%; float: left; margin: 5px 0 10px; text-align: center;}
.edu-form .form-actions .form-submit { min-width: 170px;}
.edu-form .form-item label { display: none;}

.contact-wrapper .container { background-color: #0071CE; box-shadow: 0 0 20px #e5e5e5; -moz-box-shadow: 0 0 20px #e5e5e5; -webkit-box-shadow: 0 0 20px #e5e5e5; }
.contact-wrapper .container #tabs { background-color: #fff;}
.contact-wrapper .blu-panel { background-color: #0071CE;}
.contact-wrapper .blu-panel .contact-div { float: none; width: 100%;}
.contact-wrapper .blu-panel .contact-div .contact-div-internal { float: none; max-width: 100%;}
.contact-wrapper .blu-panel .contact-ul li { color: #fff; font-size: 16px; font-weight: 300; list-style: none; margin: 0 0 10px;}
.contact-wrapper .blu-panel .call-me { margin: 40px 0 25px 0; padding: 0 10px;}
.contact-wrapper .blu-panel .call-me a { background:url(../images/call-contact.png) no-repeat 0 16px; color: #00A1DF; font-size: 35px; font-weight: bold; padding:10px 0 10px 45px;}
.contact-wrapper .contact-me { padding: 10px 0 0 15px;}
.contact-wrapper .contact-me a.primary-btn { border: 2px solid #fff; background-color: transparent; padding: 10px 25px;}
.contact-wrapper .contact-me a.primary-btn:hover { background-color:#fff; color:#0071CE !important; border: 2px solid #fff; padding: 10px 25px;}

.educator-panel-blu, .student-panel-blu { position: relative; height: 100%; margin: 0; padding: 0;}
.educator-panel-blu ul.contact-ul, .student-panel-blu ul.contact-ul { margin-top: 50px;}
.educator-panel-blu .img-wrap, .student-panel-blu .img-wrap { position: absolute; bottom: 50px; left: 0; width:100%; text-align:center;}

.contact-wrapper .tab-items ul li.ui-tabs-active h3 { color: #00A1DF !important;}
.contact-wrapper .tab-items ul li.ui-tabs-active::after { content: ''; height: 7px; width: 100%; background-color: #00A1DF; display: block; position: absolute; left: 0; bottom: 0;}

.get-in-touch { padding: 0 0 60px;}
.get-in-touch h5 { font-size: 14px; text-transform: uppercase; font-weight: 500 !important; text-align: center; color: #0071CE !important; margin: 0 0 5px;}
.get-in-touch a { font-size: 36px; font-weight: 200; color: #3E3934;}
.get-in-touch p { text-align: center; margin: 0 0 20px; color: #8A8C98; font-size: 16px;}

.get-in-touch .social-media { text-align: center;}
.get-in-touch .social-media li { display: inline-block; margin: 10px 4px; vertical-align:top;}
.get-in-touch .social-media li a { display:block; width:32px; height:32px; font-size: 14px; font-weight: 400; text-indent: -9999px; border:1px solid #fff;}
.get-in-touch .social-media li a:hover { box-shadow: -4px -4px 12px #ddd; -moz-box-shadow: -4px -4px 12px #ddd; -webkit-box-shadow: -4px -4px 12px #ddd;}
.get-in-touch .social-media li.fbook a { background: url(../images/esl-sprite-ico.png) no-repeat 3px -96px; }
.get-in-touch .social-media li.tweet a { background: url(../images/esl-sprite-ico.png) no-repeat -24px -96px; }
.get-in-touch .social-media li.linkd a { background: url(../images/esl-sprite-ico.png) no-repeat -50px -96px; }

.get-in-touch .our-location p { font-size: 36px; font-weight: 200; line-height: 50px; color: #3E3934;}
.get-in-touch .our-location .get-direction a { color: #252634; font-size: 14px; font-weight: 500; text-transform: uppercase;}
.get-in-touch .our-location .get-direction a::after{ content:''; background: url(../images/esl-sprite-ico.png) no-repeat -124px -63px; width:9px; height:11px; display:inline-block; margin-left:5px; }
.get-in-touch .our-location .get-direction a:hover{ color:#0071CE !important; }

/* ABOUT US ----------------------------- */
#about-us-panel h2.pane-title { display: none;}
#about-us-panel .section-title p { max-width: 100%;}
.about-wrapper .item-grid{ display:flex; padding: 60px 0; border-bottom: 1px solid #eee;}
.about-wrapper .item-grid .img-wrap { width:45%; align-self: center; position:relative; /*order:1;*/}
.about-wrapper .item-grid .desc-wrap { width:55%; align-self: center; padding: 0; /*order: 2;*/}
.about-wrapper .item-grid .desc-wrap p { font-size: 16px; line-height: 26px; margin: 0 0 20px;}
.about-wrapper .item-grid .desc-wrap h3 { color: #3E3934; font-size: 35px; font-weight: 700; line-height: 48px; }
.about-wrapper .item-grid .desc-wrap ul{list-style:none; margin:0; padding:0;}
.about-wrapper .item-grid .desc-wrap ul li { background: url(../images/blu-check-right.jpg) no-repeat 0 2px; margin: 10px 0; font-size: 15px; padding: 0 0 0 28px;}

.about-wrapper .item-grid.left .img-wrap { text-align: right;}
.about-wrapper .item-grid.left .desc-wrap { padding-right: 4%;}
.about-wrapper .item-grid.right .desc-wrap { padding-left: 4%;}

.videoWrapper { padding: 0px 0 40px 0; text-align: center;}
.videoWrapper iframe { width: 900px; height: 450px;}
#about-us-panel .content p { text-align: center; font-size: 16px;}

/* FORM BOX ----------------------------- */
.form-box-wrapper {padding: 100px 15px;}
.form-box-wrapper .form-box-main { max-width: 1250px; margin: 0 auto; background-color: #fff; display: flex;}
.form-box-wrapper .form-box-main .blu-box { background: url(../images/have-code-blu-bg.jpg) no-repeat 0 0 #0071CE; background-size:cover; float: left; width: 50%; text-align: left; color: #fff; padding: 40px; display: flex;}
.form-box-wrapper .form-box-main .form-content { padding: 50px 40px; box-shadow: 0 0 20px rgba(0,0,0,0.15); -moz-box-shadow: 0 0 20px rgba(0,0,0,0.15); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.15);}
.form-box-wrapper .form-box-main .form-content h2 { margin: 0; font-weight: 600;}
.form-box-wrapper .form-box-main .form-content #edit-description label { text-transform: none; font-size: 16px; font-weight: 500; line-height: normal; color: #56585A;}
.form-box-wrapper .form-box-main .form-content .form-item-code label { display: none;}
.form-box-wrapper .form-box-main .form-content .form-item-code .form-text { border: 1px solid #ddd; width: 100%; height: 50px; font-size: 16px; font-weight: 300; padding: 0 15px;}
.form-box-wrapper .form-box-main .form-content .action-rw { text-align: center; padding: 15px 0 0;}
.form-box-wrapper .form-box-main .form-content .action-rw .form-submit { min-width: 170px;}

/* BL0G list ----------------------------- */
.page-blog .blog-page-wrapper, .blog-page-detail-wrapper { max-width: 1170px; margin: 0 auto; padding-left: 15px; padding-right: 15px;}
.blog-page-wrapper .region-content, .blog-page-detail-wrapper .region-content { float: left; width: 75%;}
.blog-page-wrapper aside.region-sidebar-second, .blog-page-detail-wrapper aside.region-sidebar-second { float: left; width: 25%; padding-left: 4%;}

.page-blog .blog-item-img { float: left; width: 35%; position: relative;}
.page-blog .blog-item-img .date-in-parts { position: absolute; right: 0; top: 10px; background-color: #fff; padding: 5px 5px 2px; min-width: 50px;}
.page-blog .blog-item-img .date-in-parts span { display: block; text-align: center;}
.page-blog .blog-item-img .date-in-parts span.day { color: #3E3934; font-size: 24px; font-weight: 600; line-height: 24px;}

.page-blog .blog-item-content { float: left; width: 65%; padding: 5px 0 0 30px;}
.page-blog .region-content .view-content .views-row .blog-item-content .submitted { color: #56585A; font-size: 12px; line-height: normal; border-bottom: 1px solid #f2f2f2; padding-bottom: 5px;}
.page-blog .region-content .view-content .views-row .blog-item-content .submitted .field-name-field-blog-category { float: right;}
.page-blog .region-content .view-content .views-row .blog-item-content .submitted .field-name-field-blog-category .field-label { color: #3E3934; font-weight: 500;}
.page-blog .region-content .view-content .views-row .blog-item-content .submitted .field-items a { color: #56585A;}

.page-blog .blog-item-content .blog-readmore { margin-top: 10px;}
.node-teaser .blog-item-content .links.node-links .links .node-readmore a { height: auto; background: url(../images/link-blu-arw.png) no-repeat 90% 4px transparent; color: #0071CE; padding: 0 20px 0 0; font-size: 12px !important; font-weight: 500 !important;}
.node-teaser .blog-item-content .links.node-links .links .node-readmore a:hover{ background: url(../images/link-blu-arw.png) no-repeat 100% 4px transparent;}
.page-blog .region-content .view-content .views-row .blog-item-content h2 a { color: #56585A; font-size: 24px; line-height: 32px; margin-bottom: 10px; display: block; font-weight: 400;}
.page-blog .blog-item-content .content .field p { font-size: 16px; font-weight: 300; line-height: 28px; margin-bottom: 10px;}
.page-blog .blog-item-content .content .field p span { color: inherit !important; font-size: inherit !important; font-family: inherit !important;}

.blog-page-wrapper aside.region-sidebar-second section.block, .blog-page-detail-wrapper aside.region-sidebar-second section.block { padding: 0 !important;}
.blog-page-wrapper aside.region-sidebar-second .item-list ul li,
.blog-page-detail-wrapper aside.region-sidebar-second .item-list ul li { position:relative; margin: 0; padding: 10px 25px 10px 15px; border-bottom: 1px solid #e5e5e5;}

.blog-page-wrapper aside.region-sidebar-second .item-list ul li::before, .blog-page-detail-wrapper aside.region-sidebar-second .item-list ul li::before {
    content: ''; background: url(../images/esl-sprite-ico.png) no-repeat -275px -63px #fff; width: 6px; height: 10px; position: absolute; left: 0; top: 16px; display: block;}

.blog-page-wrapper aside.region-sidebar-second .item-list ul li .cat-count { position: absolute; right: 0; top: 12px;}
.blog-page-wrapper aside.region-sidebar-second .item-list ul li.views-row-last,
.blog-page-detail-wrapper aside.region-sidebar-second .item-list ul li.views-row-last  { border-bottom: none;}
.blog-page-wrapper aside.region-sidebar-second .item-list ul li:hover,
.blog-page-detail-wrapper aside.region-sidebar-second .item-list ul li:hover { background: url(../images/list-li-arw.png) no-repeat 0 -23px;}
.blog-page-wrapper aside.region-sidebar-second .item-list ul li a,
.blog-page-detail-wrapper aside.region-sidebar-second .item-list ul li a { color: #56585A; font-size: 16px; font-weight: 300;}
.blog-page-wrapper aside.region-sidebar-second .item-list ul li:hover a,
.blog-page-detail-wrapper aside.region-sidebar-second .item-list ul li:hover a{color: #0071CE;}
.blog-page-detail-wrapper aside.region-sidebar-second .item-list ul li .cat-count { position: absolute; right: 0; top: 12px; background-color: #EDEEF2; color: #56585A; border-radius: 100px; font-size: 11px; display: block; padding: 2px 6px;}

.blog-page-detail-wrapper .region-content h1#page-title { color: #0071CE !important; font-size: 26px; font-weight: 400; line-height: 32px; text-transform: none;}
.blog-page-detail-wrapper .region-content article .submitted { color: #56585A;}
.blog-page-detail-wrapper .region-content article .submitted .field-name-field-blog-category { float: right;}
.blog-page-detail-wrapper .region-content article .submitted .field-name-field-blog-category .field-label { color: #3E3934; font-weight: 500;}
.blog-page-detail-wrapper .region-content article .submitted .field-name-field-blog-category .field-items a { color: #56585A;}

.blog-page-detail-wrapper .region-content article p { color: #56585A; font-size: 16px; font-weight: 300; line-height: 28px;}
.page-blog .blog-item-content table { width: 100% !important;}

/* TESTIMONIAL ----------------------------- */
.testimonials-page { margin: 0;}
.testimonials-page .views-field-field-testimonial-image { width: 100px;}
.testimonials-page .views-field-field-testimonial-image img { height: 100px; width: 100px;}

/* FAQ ----------------------------- */
.faq .section-title h2 { margin: 0;}
.faq .toggle { border-bottom: 1px solid #e5e5e5; margin: 0 0 20px;}
.faq .toggle:last-child { border-bottom: none; margin-bottom: 40px;}
.faq .toggle .toggle-title h3 { font-size: 16px; margin-bottom: 15px; position: relative; cursor: pointer; padding-right: 30px;}
.faq .toggle .toggle-title h3 a { color: #56585A;}
.faq .toggle .toggle-title.active h3 a { color: #0071CE;}
.faq .toggle .toggle-inner p { font-size: 15px; line-height: 28px; padding-right: 30px;}
.faq .toggle .toggle-title h3 i { display: block; width: 20px; height: 20px; position: absolute; right: 0; top: 2px; background:  url(../images/esl-sprite-ico.png) no-repeat -14px -56px #fff;}
.faq .toggle .toggle-title.active h3 i { background:  url(../images/esl-sprite-ico.png) no-repeat -44px -56px #fff;}

.views-exposed-form { margin: 15px 0 35px; padding: 8px 0 15px 15px; background-color: #FFF; border: 1px solid #EBEBEB;
    box-shadow: 0 0 18px 8px rgba(0,0,0,0.08); -moz-box-shadow: 0 0 18px 8px rgba(0,0,0,0.08); -webkit-box-shadow: 0 0 16px 1px rgba(0,0,0,0.08);
}
.views-exposed-form label { font-weight: 500; font-size: 13px; display: block;}
.views-exposed-form .views-widget-filter-keys { width: 40%;}
.views-exposed-form .views-widget-filter-keys input[type="text"] { height: 40px; border-color: #ddd; width: 100%;}
.views-exposed-form .views-submit-button { float: right;}
.views-exposed-form .chosen-container-single .chosen-single { border-color: #ddd; border-radius: 0; height: 40px; background: none #fff; box-shadow: none; line-height: 40px;}
.views-exposed-form .chosen-container-single .chosen-single div b {background-position:0 11px;}
.views-exposed-form .views-widget-sort-by, .views-exposed-form .views-widget-sort-order { width: 20%;}
.views-exposed-form .chosen-container-single { width: 100% !important;}

/* CUSTOM KIT ----------------------------- */
.page-custom-kit .personal-data-container, .page-custom-kit fieldset { margin: 0 0 30px;}
.page-custom-kit .personal-data-container .form-item, .page-custom-kit .personal-data-container .container-inline-date { float: left; width: 33.33%; padding: 0 20px 20px 0; margin: 0; clear: none;}
.page-custom-kit .personal-data-container .container-inline-date .form-item{ width:100%; float:none; padding:0;}
.page-custom-kit .personal-data-container .container-inline-date .form-item .date-padding { float: none;}
.page-custom-kit .personal-data-container .form-item label { display: block; text-transform: none;}
.page-custom-kit .personal-data-container .form-item .form-text { border-color: #ddd; height: 40px; width: 100%;}
.page-custom-kit .personal-data-container .form-item label span.form-required { vertical-align: top; font-size: 12px; color: #f00;}
.page-custom-kit fieldset .form-checkboxes .form-item { float: left; width: 50%;}
.page-custom-kit fieldset .form-checkboxes .form-item input { margin: -2px 2px 0 0;}
.page-custom-kit fieldset .form-textarea { border-color: #ddd;}

/* PARTNERS ----------------------------- */
.view-partners .item-list ul li { margin: 0 0 30px; border-bottom: 1px solid #eee; padding: 0 0 30px;}
.view-partners .item-list ul li .img-wrap { float: left; width: 25%;}
.view-partners .item-list ul li .img-wrap img { border: 1px solid #eee; padding: 4px;}
.view-partners .item-list ul li .content-wrap { float: left; width: 75%; padding-left: 40px;}
.view-partners .item-list ul li .content-wrap h2 { margin: 10px 0 10px;}
.view-partners .item-list ul li .content-wrap p { line-height: 28px; margin: 0 0 15px;}

/* EDUCATOR ----------------------------- */
.page-educator ul.tabs.primary {border-bottom: none;}
.page-educator ul.tabs.primary li {display:inline-block;}
.page-educator ul.tabs.primary li a { color: #fff; border-color: transparent; background-color: #777; text-transform: capitalize; padding: 10px; margin: 0; display: block; white-space: normal;}
.page-educator ul.tabs.primary li a:hover { color: #fff !important; background-color: #555;}
.page-educator ul.tabs.primary li.active a, .page-educator ul.tabs.primary li.active a:hover { background-color: #0071CE; color:#fff; position: relative;}
.page-educator ul.tabs.primary li.active a::after{ content: " "; position: absolute; top: 100%; left: 50%; border: solid transparent; height: 0; width: 0;	
	pointer-events: none; border-color: rgba(136, 183, 213, 0);	border-top-color: #0071CE; border-width: 8px; margin-left: -8px;}

.page-educator .content .item-list ul, ul.accessible-product-link-list, .page-user-educator-resources .item-list ul  { margin: 0 0 30px;}
.page-educator .content .item-list ul li, .field-items .field-item span.file, 
ul.accessible-product-link-list li, .page-user-educator-resources .item-list ul li { position: relative; margin: 0; padding: 5px 0 5px 30px; display: block;}
.page-educator .content .item-list ul li::before, .field-items .field-item span.file::before, 
ul.accessible-product-link-list li a::before, .page-user-educator-resources .item-list ul li a::before { content: ''; width: 16px; height: 16px; display: inline-block; background: url(../images/esl-sprite-ico.png) no-repeat -18px -57px #fff; position: absolute; left: 5px; top: 6px;}

.node-educator-resource { border-bottom: none !important;}
.node-educator-resource .field .field-label { font-size: 16px; margin: 0 0 15px; font-weight: 600;}

.container-inline-date .date-padding { float: none !important;}
#esl-user-student-purchases-list-form .form-item-full-name label { display: block;}
.container-inline-date .form-item input, .container-inline-date .form-item select,
#esl-user-student-purchases-list-form .form-item-full-name input#edit-full-name,
#esl-user-student-purchases-list-form .form-submit { height: 40px;}

/* ACCOUNT PAGES ----------------------------- */
table tr.even, table.views-table tr.even { background-color: #f8f8f8 !important;}
table.views-table td { text-align: left !important; border-bottom: 1px solid #e5e5e5;}

.page-user .profile ul.user-information li h4 { text-transform: capitalize; margin-bottom: 10px; font-weight: 600;}
.page-user .profile ul.user-information li a {
    float: none !important;
    margin: 20px 0 0;
    display: inline-block;
    background: #0071CE !important;
    text-shadow: none !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    font-family: inherit !important;
    padding: 8px 10px;
    color: #fff;
    text-transform: uppercase;
}
.page-user .profile ul.user-information li a:hover { background-color: #3E3934 !important; color: #fff !important; text-decoration:none;}

.page-user .form-wrapper legend { font-size: 24px; font-weight: 600; border-bottom: 1px solid #ddd; padding: 0 0 10px; margin: 0 0 25px;}
.page-user .form-item label { display: block;}
.page-user .form-item label span.form-required { font-size: 12px; vertical-align: top;}
.page-user .form-item label.option { display: inline-block; padding: 0px; vertical-align: middle;}
.page-user .form-item .form-text, 
.page-user .form-item .form-select { border-color: #ddd; height: 40px; padding: 0px 10px; width: 100%; max-width: 600px;}

.page-user .form-item.form-item-status label { display: inline-block;}
.page-user .form-item.form-item-status .form-radios { display: inline-block; vertical-align: middle;}
.page-user .form-item.form-item-status .form-radios .form-item { display: inline-block; margin: 0 0 0 10px; line-height: normal;}
.page-user .form-item.form-item-status .form-radios .form-item input[type=radio] { margin: 0;}

.page-user .tabs ul.primary { border-top: none !important;}
.page-user .tabs ul.primary li { position: relative;}
.page-user .tabs ul.primary li a {margin:0;}
.page-user .tabs ul.primary li.active a { color: #0071CE !important;}
.page-user .tabs ul.primary li.active::after { content: ''; height: 2px; background-color: #0071CE; position: absolute; bottom: 0; left: 0; display: block; width: 100%;}
.page-user .profile ul.user-recent-orders li { margin: 0;}

.student-portal table td { text-align: left;}
#autocomplete {max-height:200px; overflow:scroll;}

@media only screen and (min-width: 768px){
	.page-user .profile ul.user-information li { height: auto !important; width: 33.33% !important;}
}

/* BUTTONS ----------------------------- */
.primary-btn { background-color: #0071CE; color: #fff !important; padding: 14px 25px; text-transform: uppercase; font-size: 13px; font-weight: 500; display: inline-block; text-align: center;}
.primary-btn:hover { background-color: #3E3934; color: #fff !important;}

.action.secondary { background: #A5ADB0; border: 1px solid #4886ED; font-weight: 600; padding: 7px 20px; font-size: 16px; font-family: 'Poppins', san-serif; text-transform:capitalize;}
.action.secondary:hover { background: #758286; border: 1px solid #758286;}
.off-canvas-wrapper{display: none;}

button, input[type="submit"], input[type="button"], .button, .page-user a.login-register, .page-user a.login-account, .page-checkout a.login-register, .page-checkout a.login-account, .node-product-display .product-pdp-downloads a {background:#0071CE !important; text-shadow: none !important; font-size: 13px !important; font-weight: 500 !important; font-family: inherit !important;}
input[type="submit"]:hover, .form-actions button:hover, .form-actions input[type="reset"]:hover, .form-actions input[type="submit"]:hover, .form-actions input[type="button"]:hover {
    background: #444 !important;
}

.ui-dialog .ui-dialog-content { font-family: 'Poppins', san-serif !important; font-size: 14px;}
.ui-dialog .ui-dialog-buttonpane button { color: #fff; border: none; height: 36px; border-radius: 0; font-family: 'Poppins', san-serif !important;}
.ui-dialog .ui-dialog-buttonpane button:hover { background: none #444; color: #fff;}
.ui-dialog .ui-dialog-buttonpane { border-color: #ddd;}

input[type="reset"]{background:#444 !important; text-shadow: none !important; font-size: 13px !important; font-weight: 500 !important; font-family: inherit !important;}

/* POPUP ------------------ */
div.messages.commerce-add-to-cart-confirmation { left:50%;}
div.messages.commerce-add-to-cart-confirmation .message-inner .added-product-title { color: #222 !important; font-size: 16px !important; padding: 24px 30px 10px 10px !important; border-bottom: 1px solid #ddd;}
div.messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper { background-color: #fff !important;}
div.messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper .button { display: inline-block; padding: 0; margin: 0 10px;}
div.messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper .button.checkout a { background-color: transparent; line-height: 30px; padding: 8px 15px; margin: 0; height: auto;}
div.messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper .button.checkout a:hover{ color: #fff !important;}
div.messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper .button.continue .commerce-add-to-cart-confirmation-close { padding: 0 15px; cursor:pointer; color: #444;}

div.messages.commerce-add-to-cart-confirmation .message-inner .view-confirm-message-product-display .view-content { width: 100% !important;}
div.messages.commerce-add-to-cart-confirmation .message-inner .view-confirm-message-product-display .view-content .views-field-commerce-total { display: block !important; border-top: 1px solid #eee;}
div.messages.commerce-add-to-cart-confirmation .message-inner .view-confirm-message-product-display .view-content .views-field-commerce-total span { padding-top: 15px !important;}

.ui-dialog .ui-dialog-titlebar { background: none #fff; border: none; border-bottom: 1px solid #ddd;}
.ui-dialog .ui-dialog-title { font-family: 'Poppins', san-serif !important; font-weight: 500; font-size: 18px; text-transform: uppercase;}
.ui-dialog .ui-dialog-content { font-family: 'Poppins', san-serif;}
.ui-dialog .ui-dialog-content p { margin: 0 0 10px;}

/* BOOTSTRAP OVERRIDE ------------------ */
label { font-weight: normal; font-size: inherit !important; line-height: inherit; text-transform: none !important; color: inherit;}
.label { display: inline-block; padding: 0; font-size: 100%; color: inherit; text-align: inherit; border-radius: 0;}
.checkbox, .radio { display: inline-block;}
label.option {text-transform: none;}


textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], 
input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], 
input[type="url"], input[type="week"] {font-family: inherit !important; border: 1px solid #ddd !important; color: inherit !important;}


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

@media only screen and (min-width: 991px) and (max-width: 1369px){
	.zone-footer2-wrapper .foot-brand .copyright { display: block; padding: 10px 0 0;}
	.section-footer::after {display:none;}
	.foot-brand { padding: 24px 0 20px 60px;}
	.foot-contact { width: 60%; text-align: right;}
	.page-top-title { padding-left: 90px; background-position: 5% 0;}
	.page-top-title h1 { margin: 14% 0 0; }
	
	.main-banner { padding: 45px 15px;}
	.main-banner .banner-wrapper .content { padding: 50px 20px 0 40px; max-width: 58%;}
	.main-banner .banner-wrapper .content h2 { font-size: 45px;}
	.main-banner .banner-wrapper { min-height: auto;}
	
	.why-labs-panel::after, .why-labs-panel::before { display: none;}
}

@media only screen and (min-width: 991px){
	.educator-panel-blu img, .student-panel-blu img { max-width:300px;}
}

@media only screen and (max-width: 991px){
	.section-footer::before, .section-footer::after {display:none;}
	.view-category-view .views-row { width: 27% !important; margin: 15px 2% 50px !important;}
	.videoWrapper iframe { width: 90%; height: 450px;}
	
}

@media only screen and (min-width: 768px) and (max-width: 991px){
	.main-banner { padding: 45px 15px;}
	.main-banner .banner-wrapper { min-height: auto;}
	.main-banner .banner-wrapper .content { padding: 30px 10px 0 35px; max-width: 58%;}
	.main-banner .banner-wrapper .content h2 { font-size: 38px;}
	.main-banner .banner-wrapper .content h4 { font-size: 15px; margin: 0px 0 15px;}
	.main-banner .banner-wrapper .content p { font-size: 13px; line-height: 20px;}

	.join-univ { padding: 45px 0;}
	.site-figure-bar ul li { padding: 0 35px;}
	.why-labs-panel::before { background-size: 45%;}
	.why-labs-panel::after { background-size: 30%; background-position: right bottom;}
	
	.foot-brand { padding: 25px 0 15px 0; width: 100%; text-align: center;}
	.foot-contact { text-align: center; padding: 10px 0 20px 0; width: 100%;}
	
	.page-top-title { padding-left: 90px; background-position: 5% 0;}
	.page-top-title h1 { margin: 24% 0 0; font-size: 24px;}

	.contact-wrapper .tab-content { padding: 45px 10px 30px;}
	.get-in-touch a { font-size: 24px;}
	.get-in-touch .our-location p { font-size: 24px; line-height: 30px;}
	
	.product-details .product-pdp-column-1 { width: 40%;}
	.product-details .product-pdp-column-2 { width: 60%; padding: 0 0 0 30px;}

	ul.products-per-collection li .product-add-to-cart .commerce-product-extra-field-sku, 
	.item-list ul.all-products li .product-add-to-cart .commerce-product-extra-field-sku { width: 40%;}
	ul.products-per-collection li .product-add-to-cart .field-name-field-product, 
	.item-list ul.all-products li .product-add-to-cart .field-name-field-product { width: 60%; background-position: 125% 0px;}
	ul.products-per-collection li .product-add-to-cart .form-submit, .item-list ul.all-products li .product-add-to-cart .form-submit { font-size: 12px !important;}

	ul.products-per-collection li .product-add-to-cart .commerce-product-extra-field-sku, 
	.item-list ul.all-products li .product-add-to-cart .commerce-product-extra-field-sku { line-height:normal !important;}
	ul.products-per-collection li .product-add-to-cart .commerce-product-extra-field-sku .commerce-product-sku-label, 
	.item-list ul.all-products li .product-add-to-cart .commerce-product-extra-field-sku .commerce-product-sku-label { display: block;}
	ul.products-per-collection li .product-add-to-cart .commerce-product-extra-field-sku .commerce-product-sku, 
	.item-list ul.all-products li .product-add-to-cart .commerce-product-extra-field-sku .commerce-product-sku { padding: 8px 0 0 15px; line-height: normal;}
	
	ul.products-per-collection li .product-content h2, .item-list ul.all-products li .product-content h2 { font-size: 16px !important; line-height: normal;}
	
	.prod-list-educator-demo { min-height: 500px;}
	.prod-list-educator-demo .edu-form-wrapper { max-width: 90%; left: -4%;}
	.prod-list-educator-demo .edu-form { margin: 5% 0;}
	.prod-list-educator-demo .edu-form .blu-box { width: 40%; text-align: center; padding: 15px;}
	.prod-list-educator-demo .edu-form .form-panel { width: 60%; padding: 20px 20px 40px;}
	.prod-list-educator-demo .edu-form .form-panel h2 { margin: 0; font-size: 24px;}
	.prod-list-educator-demo .edu-form .form-panel h2::before { width: 100px; height: 60px; background-size: 100%;}
	.edu-form .form-item { margin-bottom: 15px; padding-right: 10px;}
	.edu-form .form-item.webform-component-markup{ width: 100%; padding-right: 10px;}
	.prod-list-educator-demo .edu-form .form-panel h2 span { padding-top: 0;}
	
	.blog-page-wrapper aside.region-sidebar-second .item-list ul li a, .blog-page-detail-wrapper aside.region-sidebar-second .item-list ul li a { font-size: 14px;}
	
}

@media only screen and (max-width: 991px){
	.logo-img { margin: 5px 0 5px 45px;}
	.responsive-menu-block-wrapper.opening {display: block !important; position: absolute; top: 70px; width: 100%; left: 0px; z-index: 99; background-color: #0071CE; padding: 10px 0;}
	.responsive-menu-block-wrapper.opening li { display: block; padding: 0; border-bottom: 1px solid #0066B9; float: left; width: 100%;}
	.responsive-menu-block-wrapper.opening li.last { border-bottom: none;}
	.responsive-menu-block-wrapper.opening li a { padding: 8px 30px 8px 15px; text-transform: uppercase; color: #fff; font-weight: 400;}
	
	.responsive-menu-block-wrapper.opening li.expanded > a {position:relative;}
	.responsive-menu-block-wrapper.opening li.expanded > a::after{ content:''; background: url(../images/esl-sprite-ico.png) no-repeat -235px -63px; width:16px; height:16px; display:block;
		position:absolute; right:10px; top:14px;}
	
	.responsive-menu-block-wrapper.opening li.expanded.sfHover > a { color: #fff !important;}
	.responsive-menu-block-wrapper.opening li.expanded.sfHover > a::after { background-position: -196px -63px !important;}
	
	.responsive-menu-block-wrapper.opening li.expanded.sfHover ul.sub-nav { width: 100%; position: static; margin: 0px; float: left; background-color: #005BA6;}
	.responsive-menu-block-wrapper.opening li.expanded.sfHover ul.sub-nav li a { padding-left: 30px; text-transform: capitalize;}
	.responsive-menu-block-wrapper.opening li.expanded.sfHover ul.sub-nav li li a { padding-left: 50px;}
	
	/*.responsive-menu-block-wrapper.opening li.expanded.active ul.sub-nav { position: relative; width: 100%; float: left; background-color: #005BA6; margin: 0;}
	.responsive-menu-block-wrapper.opening li.expanded.active ul.sub-nav a { padding-left: 30px;}*/

	#block-responsive-menu-toggle a#toggle-icon { background-color: #0071CE; position: absolute; left: 15px; top: 25px; width: 40px; height: 32px; font-size: 0;}
	/*#block-responsive-menu-toggle a#toggle-icon.open { height: 45px;}*/
	.responsive-menu-toggle-icon:before, .responsive-menu-toggle-icon:after, .responsive-menu-toggle-icon span.icon { left: 10px;}	
	
	.page-user .tabs ul.primary li { margin: 0 14px 0 0;}
	.page-user .tabs ul.primary li a {padding:0;}
}

@media only screen and (max-width: 767px){	
	.zone-branding .region-branding .branding-data { padding: 0 0 0 24px;}
	.logo-img { margin: 10px 0 5px 45px !important;}
	#logo { height: 40px;}
	.main-banner { padding: 45px 20px;}
	.main-banner .banner-wrapper { max-width: 92%; min-height: auto;}
	.main-banner .banner-wrapper .content { padding: 50px 10px 0 35px; max-width: 65%;}
	.main-banner .banner-wrapper .content h2 { font-size: 35px;}
	.main-banner .banner-wrapper .content h4 { font-size: 18px;}
	.main-banner .banner-wrapper .content p { display: none;}
	
	.join-univ { padding: 40px 0;}
	
	.section-title h2 { font-size: 30px;}	
	
	.page-top-title { background: none #f8f8f8; min-height: auto; padding-bottom: 15px; margin-bottom: 30px;}
	.page-top-title .img-wrap { display: none;}
	.page-top-title h1 { margin: 15px 0 0; font-size: 24px; line-height: 1.3;}

	.why-labs-panel .item { text-align: center; max-width: 300px; margin: 0 auto 30px;}
	.why-labs-panel .item .img-wrap { padding-top: 15px;}
	.why-labs-panel::before, .why-labs-panel::after {display:none;}
	
	.site-figure-bar { padding: 30px 20px;}
	.site-figure-bar ul li { padding: 0 10px 20px;}
	
	.lab-kit-today { padding: 40px 0;}
	.lab-kit-today h2 { font-size: 24px;}
	.lab-kit-today p { font-size: 16px; margin: 0 0 20px;}
	
	.shop-supplies-panel .item { max-width: 400px; margin: 0 auto 30px;}

	.testimonials-recent h2 { font-size: 30px !important;}
	
	.section-footer { background-color: #f8f8f8 !important; border-top: 2px solid #e5e5e5;}
	.foot-brand { float: none; padding: 40px 0 10px 0px; text-align: center;}
	.foot-brand .logo { display: block; margin: 0;}
	.zone-footer2-wrapper .foot-brand .copyright { display: block; padding: 10px 0 0;}
	
	.foot-contact { padding: 35px 0 30px 0; width: 100%;}
	.foot-contact ul li { display: block; margin: 0 0 20px; padding: 0 0 0 35px;}	
	
	.form-box-wrapper .form-box-main { flex-direction: column;}
	.form-box-wrapper .form-box-main .blu-box { background-position: 50% 50%; width: 100%; min-height: 230px;}
	
	ul.products-per-collection li, .item-list ul.all-products li { width: 100%; max-width: 375px; float: none !important; margin: 0 auto 30px !important;}

	.prod-list-educator-demo .edu-form-wrapper { position: static; padding: 0 15px; /*display: flex; flex-direction: column;*/}
	.prod-list-educator-demo .edu-form { display: block;}
	.prod-list-educator-demo .edu-form .blu-box { width: 100%; padding: 25px 15px; display: block; text-align: center;}
	.prod-list-educator-demo .edu-form .form-panel { width: 100%; padding: 20px 0px 40px 10px;}
	.edu-form .form-item.webform-component-markup { text-align: center;}
	.edu-form .form-item { padding-right: 15px;}
	
	.about-wrapper .item-grid { padding: 60px 0; flex-direction: column;}
	.about-wrapper .item-grid.left .desc-wrap { padding-right: 0;}
	.about-wrapper .item-grid .desc-wrap { width: 100%; padding: 0; order: 2;}
	.about-wrapper .item-grid .img-wrap { width: 90%; order: 1; padding-bottom: 30px;}
	
	.page-user .profile ul.user-information li { height: auto !important;}
	
	.page-custom-kit .personal-data-container .form-item, .page-custom-kit .personal-data-container .container-inline-date { width: 100%; padding: 0 10px 10px 0;}
	.page-custom-kit fieldset .form-checkboxes { overflow: hidden;}

	#customer-profile-billing-ajax-wrapper { width: 100%; padding-right: 0;}
	#customer-profile-shipping-ajax-wrapper { width: 100%; padding-left: 0;}
	.commerce-order-handler-area-order-total .commerce-price-formatted-components { width: 60%;}
	.page-checkout .checkout-buttons input#edit-continue, .page-checkout .checkout-buttons input.checkout-continue { margin: 0 10px 0 0px !important; padding: 0 10px;}	
	.page-checkout .checkout-buttons input#edit-cancel {margin: 0 10px !important;}
	.page-checkout .checkout-buttons input#edit-cancel, .page-checkout .checkout-buttons input#edit-back, .page-checkout .checkout-buttons input.checkout-back { padding: 0 10px !important;}

	#commerce-checkout-form-checkout fieldset#edit-buttons input#commerce-avatax-address-validate-btn { display: block; margin: 10px 0 20px;}
	.page-checkout-review #commerce-checkout-form-review div.checkout_review table.checkout-review { float: none;}
	.prod-list-educator-demo .edu-form .blu-box h2 { font-size: 24px;}
	
	#customer-profile-billing-ajax-wrapper, #edit-customer-profile-billing { width: 100%; padding-right: 0;}
	#customer-profile-shipping-ajax-wrapper .commerce-customer-profile-copy { margin: 0;}
	
	.contact-wrapper { padding: 0 0px 20px;}
	.contact-wrapper .row { display: block;}
	
	.get-in-touch p a { font-size: 24px; word-wrap: break-word;}
	.get-in-touch .our-location p { font-size: 24px; font-weight: 200; line-height: 1.2;}

	.contact-wrapper .tab-content { padding: 45px 5px 30px;}
	.contact-wrapper .tab-items ul li h3 { font-size: 16px; margin: 10px 0 10px; word-wrap: break-word; min-height: 50px;}
	
	.educator-panel-blu .img-wrap, .student-panel-blu .img-wrap { position: static;}
	.educator-panel-blu .img-wrap img { height: 240px; margin-top: 20px;}
	
	.blog-page-wrapper .region-content, .blog-page-detail-wrapper .region-content { width: 100%;}
	.blog-page-wrapper aside.region-sidebar-second, .blog-page-detail-wrapper aside.region-sidebar-second { width: 100%; padding-left: 0;}
	.page-blog .blog-item-img { width: 100%;}
	.page-blog .blog-item-content { width: 100%; padding: 5px 0 0 0px;}	
	
	.page-educator ul.tabs.primary { padding: 0;}
	.page-educator ul.tabs.primary li { display: block; float: left; width: 25%; margin: 0; text-align: center; border-right: 1px solid #fff;}
	.page-educator ul.tabs.primary li a { padding: 10px 6px;}
	
	#views-form-commerce-cart-form-default table .commerce-product-product h2.field-name-title-field { font-size: 15px !important; }
	
	#messages .messages.commerce-add-to-cart-confirmation { margin-left: -45% !important; width: 90% !important;}
	#messages .messages.commerce-add-to-cart-confirmation .view-confirm-message-product-display { padding: 0px !important; }
	#messages .messages.commerce-add-to-cart-confirmation h3 { font-size: 16px;}
	#messages .messages.commerce-add-to-cart-confirmation h3.popup-field-title { font-size: 18px;}
	#messages .messages.commerce-add-to-cart-confirmation h3.popup-field-label { font-size: 14px; margin: 15px 0 0;}
	#messages .messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper { padding: 10px 0 !important;}
	#messages .messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper .button { margin: 2px 1px;}
	#messages .messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper .button.checkout a { padding: 8px 10px;}
	#messages .messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper .button.continue .commerce-add-to-cart-confirmation-close { padding: 0 10px;}
	
	.product-details .product-pdp-column-1 { width: 100%;}
	.product-details .product-pdp-column-2 { width: 100%; padding: 20px 0 0;}
	.node-product-display .field-name-title-field { font-size: 24px; line-height: normal;}
	.node-product-display .product-add-to-cart .form-submit { width: auto !important;}
	
	.page-user .tabs ul.primary { padding: 0;}
	.page-user .tabs ul.primary li { width: 48%; margin: 0 1% 5px; background-color: #eee;}
}

@media only screen and (max-width: 600px){
	.main-banner { background-position: right top; padding: 45px 15px;}
	.main-banner .banner-wrapper { min-height: auto;}
	.main-banner .banner-wrapper .content { padding: 40px 0px 0 0px; max-width: 100%; position: static;}
	.main-banner .banner-wrapper .content h2 { font-size: 36px; color: #fff !important;}
	.main-banner .banner-wrapper .content h4 { color: #fff !important; font-size: 18px; margin: 5px 0 15px;}
	.main-banner .banner-wrapper .content p {color: #fff; display:block;}
	.main-banner .banner-wrapper .action a.primary-btn { border: 2px solid #fff; background-color: transparent; min-width: 140px;}
	.main-banner .banner-wrapper .action .watch-video-btn { margin-left: 15px; background: url(../images/watch-video-ico.png) no-repeat 10px 8px #fff; padding: 14px 15px 14px 50px;}
	
	.main-banner .banner-wrapper .cta-students { right: -8px; top: 30px;}
	.main-banner .banner-wrapper .cta-educators { right: -8px; top: 100px;}
	.main-banner .banner-wrapper > img { width: calc(100% - 2px); margin: 0 0px;}
	
	.view-category-view .views-row { width: 45% !important;}	
	.videoWrapper iframe { height: 350px;}
	.views-exposed-form .views-exposed-widget { width: 100% !important;}
	
	.page-custom-kit fieldset .form-checkboxes .form-item { width: 100%;}
	.view-partners .item-list ul li .img-wrap { width: 100%; margin: 0 0 30px;}
	
	.contact-wrapper .tab-content .form-item { width: 100%; padding-right: 0;}
	.page-blog .region-content .view-content .views-row .blog-item-content .submitted .field-name-field-blog-category { float: none;}
	.page-educator ul.tabs.primary li a { font-size: 12px; min-height: 75px;}
	
}

@media only screen and (max-width: 400px){
	.edu-form .form-item { padding-right: 0; width: 100%;}
	.page-educator ul.tabs.primary li a { font-size: 11px; min-height: 71px;}
	
}

/* new theme css */
.front .region-sidebar-second-inner .content{margin: 0;}
.front .region-sidebar-second-inner .odd { margin-top:2%; }
.esl_si_has_decade_experience_block .img-wrap{
    display: flex;
    align-items: center;
    min-height: 100px;
    max-width: 150px;
    justify-content: center;
}
.section-header .zone-menu-wrapper {float: right;
min-height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.esl_si_new_footer_block h3{margin-bottom: 8px;}
.add_hands_on_labs, .container-grey-bg{
  min-height: 480px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.front .region-sidebar-second-inner .even{background-color: #F8F8F8;}
.front .region-sidebar-second-inner .even .block-content{padding-top: 2%;}
.block-content {
   min-height: 200px;
}
.left-section-content {
  float:left; 
  margin-right:3%;
  max-width:49%;
}
.right-section-content { 
  overflow:hidden;
  min-height:170px;
}

@media screen and (max-width: 400px) {
    .left-section-content { 
    float: none;
    margin-right:0;
    width:auto;    
  }
}
.left-section-content .section-title, .right-section-content .section-title{text-align: left;}
.button-area{margin-top: 20px;}
.esl_si_has_decade_experience_block .section-title{width: 70%; margin: 10px auto;}
.esl_si_has_decade_experience_block .col-md-2{
    margin:0 19px;
}
.new_design_button{
    padding: 10px 20px !important;
    font-size: 20px !important;
    text-transform: none !important;
    margin-right: 10px !important;
}
.new_design_button.get-support{
    color: #fff !important;

}
.new_design_button.learn-more{
    color: #293D42 !important;
    background-color: #BFE4F9 !important;
}
.footer-container{ margin-left: 13%; margin-top: 2%;}
 .esl_si_new_footer_block ul li{list-style: none;}
 .esl_si_new_footer_block .copyright { color: #666 !important; font-size: 12px !important;}
 .esl_si_new_footer_block ul, .esl_si_new_footer_block li{margin-left: 0;}
.triangles-content { min-height: 480px;}
.triangles-content::before {
    content: '';
    background: url(../images/why-labs-before-bg.png) no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 296px;
    height: 415px;
    display: block;
}
.triangles-content::after {
    content: '';
    background: url(../images/why-labs-after-bg.png) no-repeat;
    position: absolute;
    right: 0;
    top: -20px;
    width: 247px;
    height: 479px;
    display: block;
}