@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300);
 @font-face {
 font-family: 'Didactic';
 src: url('../fonts/Didactic-Regular.eot'); /* IE9 Compat Modes */
 src: url('../fonts/Didactic-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */  url('../fonts/Didactic-Regular.woff') format('woff'), /* Modern Browsers */  url('../fonts/Didactic-Regular.ttf') format('truetype'), /* Safari, Android, iOS */  url('../fonts/Didactic-Regular.svg#db6e8861a7139e426c0237f7091ac25d') format('svg'); /* Legacy iOS */
 font-style:   normal;
 font-weight:  400;
}
/************ Warning Messages added on 02-06-22 start here****************/
.warning {
	margin:0px 0 15px 0;
	background:#deebcc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#605757;
	border-top:solid 1px #d9e3f8;
	border-bottom:solid 1px #d9e3f8;
	padding:12px 35px;
	display:none;
}
.warning.pos {
	background:url("../../media/icons/warning.pos.icon.png") 5px 8px no-repeat #ecf2ff;
	display:block;
}
.warning.neg {
	background:url("../../media/icons/neg.icon.png") 5px 9px no-repeat #ecf2ff;
	display:block;
	/*border-top:solid 1px #eaba7f;
	border-bottom:solid 1px #eaba7f;*/
}
#rating_modal .close{
    font-size: 40px;
    color: #fff;
    opacity: 1;
}   
#rating_modal .modal-header{
    background: #86bc42;
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.star-rating {
    line-height:32px;
    font-size:1.25em;       
}

.star {
    line-height:32px;
    font-size:1.25em;
    cursor: pointer;
}

.star-rating .fa-star{color: #449D44;}
.star .fa-star{color: #449D44;}

.whatsap-icon {
    bottom: 4px;
    box-shadow: 0px 2px 15px rgb(44 73 100 / 22%);
    left: 10px;
    border-radius: 5px;
    padding: 6px 16px;
    background: #57bb63;
    z-index:99999;
    color: #fff;
}
.whatsap-icon:hover {
	background-color: #57bb63;
	color: #fff;
}
/************ Warning Messages added on 02-06-22 end here ****************/

/*Reset Safari User Agent Styles*/
* {-webkit-padding-start: 0px;}

* { margin:0; padding:0 }

body { margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #404040; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*a { transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; }*/

a:focus { outline: none; }

form { margin: 0; padding: 0; }

img { border: 0; }

.clr { clear: both; }

/* a { color: #fff } */

ul { margin:0; padding:0 }

a:hover { text-decoration: none;  }

a:focus { color: #bebebe; text-decoration:none }

* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

input[type="file"]:focus, input[type="checkbox"]:focus, input[type="radio"]:focus { outline: 0 none; outline-offset: 0px; }

a, button, input[type="button"], input[type="submit"] { transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; color:#000; }

/* * * * SMALL CLASSES * * * */

.mtp5 { margin-top:5px; }

.mtp10 { margin-top:10px; }

.mtp15 { margin-top:15px; }

.mtp20 { margin-top:20px; }

.mtp25 { margin-top:25px; }

.mtp30 { margin-top:30px; }

.mtp35 { margin-top:35px; }

.mtp40 { margin-top:40px; }

.mlft5 { margin-left:5px; }

.mlft10 { margin-left:10px; }

.mlft15 { margin-left:15px; }

.mlft20 { margin-left:20px; }

.mlft25 { margin-left:25px; }

.mlft30 { margin-left:30px; }

.mlft35 { margin-left:35px; }

.mlft40 { margin-left:40px; }

.mrt5 { margin-right:5px; }

.mrt10 { margin-right:10px; }

.mrt15 { margin-right:15px; }

.mrt20 { margin-right:20px; }

.mrt25 { margin-right:25px; }

.mrt30 { margin-right:30px; }

.mrt35 { margin-right:35px; }

.mrt40 { margin-right:40px; }

.mbtm5 { margin-bottom:5px; }

.mbtm10 { margin-bottom:10px; }

.mbtm15 { margin-bottom:15px; }

.mbtm20 { margin-bottom:20px; }

.mbtm25 { margin-bottom:25px; }

.mbtm30 { margin-bottom:30px; }

.mbtm35 { margin-bottom:35px; }

.mbtm40 { margin-bottom:40px; }

.mbtm45 { margin-bottom:45px; }

.mbtm50 { margin-bottom:50px; }

.mlft30 { margin-left:30px; }

.mlft35 { margin-left:35px; }

.mlft40 { margin-left:40px; }

.padtp5 { padding-top:5px; }

.padtp10 { padding-top:10px; }

.padtp15 { padding-top:15px; }

.padtp20 { padding-top:20px; }

.padtp25 { padding-top:25px; }

.padtp30 { padding-top:30px; }

.padtp35 { padding-top:35px; }

.padtp40 { padding-top:40px; }

.padbtm5 { padding-bottom:5px; }

.padbm10 { padding-bottom:10px; }

.padbm15 { padding-bottom:15px; }

.padbm20 { padding-bottom:20px; }

.padbm25 { padding-bottom:25px; }

.padbtm30 { padding-bottom:30px; }

.padbtm35 { padding-bottom:35px; }

.padbtm40 { padding-bottom:40px; }

.cart-notify { width:16px; height:16px; display:block; position:absolute; right:-10px; top:0; font-size:10px; font-weight:bold; text-align:center; color:#fff; border-radius:50%; background:#ff0000; }

.pos-rel { position:relative }

.pos-abs { position:absolute }

.green-txt{ color:#86bc42}

.green-btn{ color:#fff; background:#86bc42; border-radius:0; display:inline-block; padding:10px 15px; font-size:14px; border:0; outline:0 none;}

.green-btn:hover, .green-btn:focus{ background:#242c42; color:#fff}

.blk-btn{ color:#fff; background:#000; display:inline-block;  padding:10px 15px; font-size:14px; border:0; outline:0 none;}

.blk-btn:hover, .blk-btn:focus{ background:#000; color:#fff}

.green-txtlink{ color:#86bc42; font-size:13px;}

.green-txtlink:hover, .green-txtlink:focus{color:#86bc42}

.green-txtlink i{ font-size:16px;}

/* * * * * HTML 5 FIX * * * * */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block; margin: 0; padding: 0 }

button { font-family: 'Open Sans', sans-serif; }

input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="search"], textarea { -webkit-appearance: none; font-family: 'Open Sans', sans-serif; }

input[type="button"], input[type="submit"] { -webkit-appearance: none; cursor: pointer; font-family: 'Open Sans', sans-serif; }

.overflhidden { overflow:hidden }

/* * * * * TOP HEADER * * * * */
.topBar { background-color:#242c42; color:#fff; padding: 0 0; text-align:center; }

.topBarButtn { text-align:center; }

.rightsideinfo { float:right; margin:10px 0; }

.rightsideinfo li { display:inline-block; vertical-align:middle; padding-right:25px }

.rightsideinfo li a { font-size:13px; color:#fff; }

.rightsideinfo li a:hover{ color:#86bc42}

.rightsideinfo li.cart{}

.rightsideinfo li.cart button{ margin:5px 0 0 0}

.rightsideinfo li.cart ul.dropdown-menu{ margin-top:9px; left:auto; right:0}

.rightsideinfo li.cart ul.dropdown-menu li a.viewcart-btn{ background:rgba(36,44,66,0.83); display:block; color:#fff; font-weight:bold; text-align:center; }

.rightsideinfo li.cart ul.dropdown-menu li a.checkout-btn{ background:#86bc42; display:block; color:#fff; font-weight:bold; text-align:center; }

.rightsideinfo li ul.dropdown-menu { border-radius:0; padding:0; margin:17px 0 0 0 }

.rightsideinfo li ul.dropdown-menu li { display:block; padding-right:0; }

.rightsideinfo li ul.dropdown-menu li a { display:block; padding-top:8px; padding-bottom:8px; }

.rightsideinfo li ul.dropdown-menu li a:hover { background:#f5f5f5; color:#242c42 }

.rightsideinfo li:last-child { padding-right:0px }

.rightsideinfo .btn-default { padding:0; color:#fff; background:none; border:none;  }

.rightsideinfo .btn-default.active, .rightsideinfo .btn-default:active, .open > .dropdown-toggle.btn-default { background:none; color:#fff; border:none }

.rightsideinfo .btn-default.active.focus, .rightsideinfo .btn-default.active:focus, .rightsideinfo .btn-default.active:hover, .rightsideinfo .btn-default.focus:active, .rightsideinfo .btn-default:active:focus, .rightsideinfo .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover { background:none; color:#fff; border:none }

.rightsideinfo .btn.active.focus, .rightsideinfo .btn.active:focus, .rightsideinfo .btn.focus, .rightsideinfo .btn.focus:active, .rightsideinfo .btn:active:focus, .rightsideinfo .btn:focus { outline:none; background:none; }

.listing i { font-size:21px; }

a.quicktour-link { margin:0; padding:18px 15px; display:block; float:left; color:#fff; }

a.quicktour-link:hover { background:#fff; color:#242c42 }

.rightsideinfo li:first-child { color:#fff; }

.rightsideinfo span.stButton span.email, span.sharethis { color:#fff !important; font-size:14px; font-family: 'Open Sans' }

.rightsideinfo .stButton .chicklets { font-size:14px; font-family: 'Open Sans' }

/* * * * * TOP BANNER * * * * */

.navBar { border-bottom:3px solid #e2e2e2; position:relative; z-index:16; }

.navBar .navbar{ margin:0}

.navBar .navbar-default { background: none; border: none; }

.navBar .navbar-default .navbar-nav > li>a { border-bottom:5px solid transparent; background:none }

.navBar .navbar-default .navbar-nav > li>a:hover { border-bottom:5px solid #86bc42; background:none;  color:#86bc42 }
.navBar .navbar-default .navbar-nav > li>a.active	 { border-bottom:5px solid #86bc42; background:none;  color:#86bc42 } 

.navBar .navbar-default .navbar-nav > li.dropdown.open > a { border-bottom:5px solid #86bc42; background:none ; color:#86bc42}

.navBar .navbar-default .navbar-nav > li ul.dropdown-menu { padding:0; left:0; right:auto; margin:0; border-radius:0 }

.navBar .navbar-default .navbar-nav > li ul.dropdown-menu > li > a { padding-top:8px; padding-bottom:8px; }

.navBar .navbar-default .navbar-nav > li ul.dropdown-menu > li > a:hover{background:#f5f5f5; color:#242c42}

.navBar .navbar-default .navbar-nav > li > a { color:#404040 }

.navBar .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; padding-top: 20px; padding-bottom:0 }

.navBar .navbar-default .navbar-brand { padding: 15px 0 }
.navBar .navbar-default .navbar-nav > li.searchfield{ margin-left:30px}

.navBar .navbar-nav > li > a { padding-bottom: 30px; padding-top: 15px; }

/* * * * * BANNER * * * * */
.banner_Carousel .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img { width:100% }

.bannerOverlayText { position:absolute; top:20%; right:14%; z-index:15 }

.bannerOverlayCenterText{position:absolute; top:20%; right:0; width:100%; text-align:center; z-index:15} 

.bannerOverlayCenterText ul li{ text-align:center }

.bannerOverlayCenterText .button{ text-align:center}

.banner_Carousel { position:relative; background:#fafafa; border-bottom:1px solid #e2e2e2 }

.banner_Carousel a.carousel-control{ box-shadow:none; text-shadow:none; z-index:20}

.banner_Carousel .carousel-indicators li { background-color: #fff; border: 2px solid #bfc6d7 }

.banner_Carousel .carousel-indicators .active { background-color: #86bc42; border: 2px solid #86bc42 }

.banner_Carousel ul { list-style-type:none }

.banner_Carousel li { font-size:40px; color:#ffff; text-align:right }
.banner_Carousel .owl-controls{ /*position:relative;*/ top:0; width:100%; /*height:100%;*/ z-index:10;}

.banner_Carousel .owl-pagination{  position:absolute; width:100%; margin-top:0; bottom:0; z-index:10}

.banner_Carousel .owl-controls .owl-buttons{ /*position:relative;*/ position:absolute; top:45%;  width:100%; }

.banner_Carousel .owl-theme .owl-controls .owl-buttons div{ background:none; position:absolute;   }

.banner_Carousel .owl-theme .owl-controls.clickable .owl-buttons div:hover{ background:none}

.banner_Carousel .owl-controls .owl-prev{ background:none ;  opacity:1 ;  left:0;   }

.banner_Carousel .owl-controls .owl-prev:before{content: "\f053"; color:#686868; font-size:50px ;  opacity:1;  font-family: 'FontAwesome';}

.banner_Carousel .owl-controls .owl-next:before{ content: "\f054"; color:#686868; font-size:50px ; opacity:1;  font-family: 'FontAwesome';}

.banner_Carousel .owl-controls .owl-next{ background:none;  opacity:1 ; font-size:0  ; right:0;  position:absolute;  margin-bottom:15% }

.join-btn { border:3px solid #86bc42; font-size:30px; background:#fff; color:#86bc42; padding-left:30px; padding-right:30px; border-radius:25px; font-family: 'Didactic' }

.join-btn:hover { background:#141e38; color:#fff; border:3px solid transparent; }

.button { text-align:right; margin-top:50px }


.banner_Carousel .item img{
    display: block;
    width: 100%;
    height: auto;
}


/* * * * * HEADER-FIXED * * * * */
.header { top: 0; left: 0; width: 100%; color:#fff; z-index:2; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; transition: height 0.3s; text-align:center; background:#fff; }

/* .header.shrink { position: fixed; border-bottom:2px solid #e2e2e2; top:0; margin:0 } */
.header.shrink { border-bottom:2px solid #e2e2e2; top:0; margin:0 }

.header.shrink .navBar .navbar-default .navbar-collapse, .navbar-default .navbar-form { padding-top:0px }

.header.shrink .search_n_cart { text-align: right; margin-top: 16px; font-weight:400; }

.header.shrink .search_n_cart .dropdown-menu { margin-top:25px !important; }

.header h1 { font-size:30px; font-weight:normal; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.header.shrink h1 { font-size:24px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }



.header.shrink .nav > li > a { padding-top:17px; padding-bottom:20px; }



.header.shrink .navbar-brand > img { width:75px }

/* * * * * OUR POPULAR PRODUCTS * * * * */
.popularProducts { padding-bottom:10px; padding-top:50px; }

.popularProducts h3 { font-family: 'Didactic'; font-size:20px; color:#284659; margin:0 0 30px 0; padding:0;  }

.viewallbtn{ padding:0}

.popularProducts .viewallbtn a { background-color:#86bc42;  color:#fff; font-family: 'Didactic'; text-transform:uppercase; border-radius:0; }


#library .item, #talks .item, #cafeteria .item{ margin-right:20px }

.home-category{ margin:0; padding:0; position:relative}

.home-category h3{   color: #284659;
    font-family: "Didactic";
    margin: 0 0 20px;
    padding: 0 0 0 0; position:relative }
	
.home-category h3 span{  border-bottom:2px solid #86bc42; padding:0 0 5px 0  }

.home-category .owl-pagination{ display:none}

.home-category .owl-theme .owl-controls .owl-buttons{ margin:0px 0px 30px 0px;}

.home-category .owl-theme .owl-controls .owl-buttons div{ background:#86bc42; border-radius:0; padding:0; display:inline-block; *display: inline; width:30px; height:30px; line-height:30px }



.home-category .owl-theme .owl-controls.clickable .owl-buttons div:hover{ background:#242c42;}

.home-category .owl-controls .owl-prev:before{content: "\f053"; color:#fff; font-size:15px; text-align:center; left:0; right:0; margin:0 auto; display:block;  opacity:1;  font-family: 'FontAwesome';}

.home-category .owl-controls .owl-next:before{ content: "\f054"; color:#fff; font-size:15px; text-align:center; left:0; right:0; margin:0 auto; display:block; opacity:1;  font-family: 'FontAwesome';}



.borderBox { padding: 10px; }

.borderBoxrgt { padding: 20px; }

.borderBox p, .borderBoxrgt p { line-height:30px }
 .borderBox:hover::before {
 background-color: #fff;
 box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.borderBox::before {
 background-color: #fafafa;
 border-left: 5px solid #eaedf5;
 content: "";
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 transition: all 0.3s linear 0s;
 width: 100%;
}
.borderBox:hover::after {
 height: 100%;
}
.borderBox::after {
 background-color: #242c42;
 content: "";
 height: 0;
 left: 0;
 position: absolute;
 top: 0;
 transition: all 0.5s ease 0s;
 width: 5px;
 z-index: 2;
}

.borderBox { position: relative; transition: all 0.3s linear 0s; width: 100%; border:1px solid #e6e6e6; margin-bottom:10px; }

.borderBoxrgt { position: relative; transition: all 0.3s linear 0s; width: 100%; border:1px solid #e6e6e6; margin-bottom:40px; }

.borderBoxrgt:hover::before {background-color: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);}

.borderBoxrgt::before { background-color: #fafafa; border-right: 5px solid #eaedf5; content: ""; height: 100%; left: 0; position: absolute; top: 0; transition: all 0.3s linear 0s; width: 100%;}

.borderBoxrgt:hover::after {height: 100%;}

.borderBoxrgt::after {
 background-color: #242c42; content: ""; height: 0; right: 0; position: absolute; top: 0; transition: all 0.5s ease 0s; width: 5px; z-index: 2;}

.borderBox { position: relative; transition: all 0.3s linear 0s; width: 100%; }

.popularProducts .viewallbtn a:hover { background-color:#fff; color:#242c42; border:1px solid #242c42; transition: all 0.1s ease-in-out 0.1s }

.library-img { margin:0; padding:0 }

.library-img img { float:right }

.pp-wrapper:hover .viewallbtn a { background-color:#242c42; color:#fff; border:1px solid #242c42; transition: all 0.1s ease-in-out 0.1s }

.talks-img { margin:0; padding:0 }

.cafeteria-img { margin:0; padding:0 }

.cafeteria-img img { float:right }

/* * * * * STRIP AD * * * * */
.stripAd { background-color:#242c42; padding:10px 0 }

.stripAd h1 { background-color:#242c42; color:#fff; font-family: 'Didactic'; font-size:26px;}

.stripAd .stripAdBtn { border:2px solid #86bc42; background-color:#86bc42; color:#fff; font-family: 'Didactic'; font-size:20px; margin-top:30px; border-radius: 0px; padding:10px 20px }

.stripAdBtn:hover { border:2px solid #fff; background-color:#242c42; color:#fff; transition: all 0.1s ease-in-out 0.1s }

/* * * * * OFFERINGS * * * * */
.offerings { background:url(../frontend/images/pattern.jpg); padding-top:90px;  }

.offerings h3 {  font-size:30px; font-family: 'Didactic'; margin-top:0; margin-bottom: 60px }

.offering-listings{ margin:0; padding:0;}

.offering-listings ul{ text-align:center; margin:0; padding:0}

.offering-listings ul li{ display:inline-block; position:relative; margin:0 6% 90px 0; padding:0; vertical-align:top}

.offering-listings ul li:last-child{ margin-right:0}

.offering-listings ul li a{ position:relative; display:block }

/* OFFER 1*/

.offering-block-1{ margin:0; padding:0 10px 20px 10px; position:absolute; bottom:0; width:100%; text-align:left }

.offering-block-1 h4{ font-size:28px; font-family: 'Open Sans'; margin:0; padding:0; color:#242c42}

.offering-block-1 h4 span{ font-size:72px;}

.offering-block-1 h4  sup{ font-size:25px; top:-44px}

/* OFFER 2*/
.offering-block-2{ margin:0; padding:90px 10px 20px 10px; position:absolute; top:0; width:100%; text-align:left }

.offering-block-2 h4{ font-size:28px; font-family: 'Open Sans'; margin:0; padding:0; color:#fff}

.offering-block-2 h4 span{ font-size:72px;}

.offering-block-2 h4  sup{ font-size:25px; top:-44px}

/* OFFER 3*/

.offering-block-3{ margin:0; padding:30px 10px 20px 10px; position:absolute; top:0; width:100%; text-align:center }

.offering-block-3 h4{ font-size:28px; line-height:40px; font-family: 'Open Sans'; margin:0; padding:0; color:#fff}

.offering-block-3 h5{ font-size:28px; text-align:left;  font-family: 'Open Sans'; margin:112px 0 0 0; padding:0; color:#fff}

.offering-block-3 h5 span{ font-size:72px;}

.offering-block-3 h5  sup{ font-size:25px; top:-44px}

.offerings .owl-buttons{ display:none}

.offerimg { padding-bottom:90px; position:relative }

#topoffers .item{  padding: 0; margin: 0 40px 90px 40px; color: #FFF; position:relative; text-align: center;  }

#topoffers .item>img{ width:100%;}
/*.offerings a:hover { opacity:0.7 }*/

/* * * * * TESTIMONIALS * * * * */

.testimonials-wrapper {padding:90px 0 90px 0; }
.testimonials h3 { font-size:30px; font-family: 'Didactic'; margin:0 0 40px 0 }

.testimg { text-align:center }

.testimg img { text-align:center; border:1px solid #242c42; border-radius:50%; padding:1px }

.testList { text-align:justify; list-style-type:none }

.userName { color:#86bc42; font-weight:bold; padding-top:20px; padding-bottom:0px;  }

.info {  padding-top:7px; padding-bottom:25px; color:#404040 }

.saying { font-family: 'Didactic'; font-size:14px; line-height:18px; color:#404040; padding-top:0; padding-bottom:20px; }

.testimonials-wrapper .carousel-indicators{ position:relative; bottom:0; margin-top:40px; margin-bottom:0;}

.testimonials-wrapper .carousel-indicators li { background-color: #fff; border: 2px solid #bfc6d7 }

.testimonials-wrapper .carousel-indicators .active { background-color: #86bc42; border: 2px solid #86bc42}

.testimonials-wrapper .owl-controls{ margin:20px 0 0 0}

.testimonials-wrapper .owl-buttons{ display:none}

/* * * * * FOOTER * * * * */
footer { background-color:#242c42; padding-bottom:10px; padding-top:50px }

footer h2{ font-size:20px; margin:0; padding:0; color:#fff; margin-bottom:10px;}

footer a:hover{ color:#86bc42}

footer p { color:#fff }

.linksList { color:#fff; list-style-type:none }

.linksList li { margin:2px 0 10px 0; padding:0; list-style-type:none; }

.linksList li a:before { content: "\f054"; font-family: 'FontAwesome'; color:#86bc42; margin-right:0;  transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; position:absolute; left:0; top:0 }



.linksList li:hover a{ margin-left:5px; }

.linksList li a {  padding:0 0 0 15px; position:relative; display:inline-block; color:#fff }

.linksList li a:hover{ color:#86bc42}

.footerList { color:#fff; list-style-type:none }

.footerList li{ margin:0 0 15px 0;}

.footerList li.office-location{ padding:0 0 0 15px; position:relative}

.footerList li.office-location:before{content: "\f041"; color:#86bc42; font-family: 'FontAwesome'; position:absolute; left:0}

.footerList li:last-child { padding-top:25px; }

.footerList .stButton .chicklets { color:#fff; font-family:'Open Sans'; font-size:14px }

.m-r-30 { padding-left:15px; line-height:25px }

.endline { background-color:#2f374c; text-align:center; color:#fff; padding:13px 0 }

.endline p { margin:0; padding:0 }

/* SEARCH */

.search_n_cart { text-align: right; margin-top: 14px; font-weight:400; }

.search_n_cart li { display:block; list-style-type:none; padding:10px 20px; font-size:15px; }

.search_n_cart button { border:0; color:#000; background:none; }

.search_n_cart button:hover{ color:#86bc42}

.search_n_cart button:hover, .search_n_cart button:active, .search_n_cart button:focus { box-shadow:none; background:none; }

.search_n_cart .btn-group.open .dropdown-toggle { box-shadow:none; }

.search_n_cart .dropdown-menu { min-width:290px; border-radius:0; right:0 !important; left:auto !important; margin-top:34px !important }

.search_n_cart .dropdown-menu input.form-control { border-radius:0; }

.search_n_cart .dropdown-menu input.form-control:focus { box-shadow:none; border-color:#ccc }

.scrollup {width: 40px; height: 40px; position: fixed; bottom: 50px; right: 50px; text-align:center; display: none;  background: #86bc42; z-index:50;}

.scrollup i{ font-size:30px; color:#fff; line-height:38px;}

.scrollup:hover{ opacity:0.9}

.become-instructor{ margin:0; padding:30px 0; background:#86bc42; font-family: 'Didactic';}

.become-instructor h3{ color:#fff; font-size:24px; margin:0 0 5px 0; padding:0; font-weight:bold }

.become-instructor p{ color:#fff; margin:0; padding:0; font-size:16px; }

.become-instructor a{ color:#fff; margin:0; font-size:16px; }

.how-it-work{ margin:0; padding:30px 0; background:#fff; font-family: 'Didactic';}

.getstarted-now{ background:#242c42; text-align:center; color:#fff; margin:5px 0 0 0; font-size:16px; display:block; float:right; padding:10px 15px; font-weight:bold}

.getstarted-now:hover{ color:#86bc42; background:#fff}

.scholarship-winners{ margin:0; padding:40px 0; background: url(../frontend/images/winner.jpg); background-size:cover; position:relative}

.scholarship-winners:before{ background:rgba(0,0,0,0.7); content:""; position:absolute; top:0; width:100%; height:100%}

.scholarship-winners .container{ position:relative; z-index:2}

.scholarship-winners h3{font-family: "Didactic"; font-size: 24px; margin: 0 0 40px; color:#fff; font-weight:bold;}
	
.staff-item { background-color: #fff; cursor: pointer; overflow: hidden; padding: 30px; position: relative; transition: all 0.8s ease 0s;}

.staff-item:hover {background-color: #86bc42;}

.staff-item .staff-item-wrapper {height: 235px; overflow: hidden; transition: all 0.8s ease 0s; width: 100%;}

.staff-item:hover .staff-info .staff-name {color: #fff; font-weight: bold;}

.staff-item .staff-info {overflow: hidden; text-align: justify;}

.staff-item .staff-info .staff-name {color: #49575f; font-size: 17px; margin-bottom: 10px; text-transform: uppercase; font-family: "Didactic";}

.content-staff{ color:#000; padding:10px 0 0 0}

.scholarship-winners .owl-pagination{ display:none}

#scholarship .item{ margin-right:20px }


.scholarship-winners .owl-theme .owl-controls .owl-buttons div{ background:#86bc42; border-radius:0; padding:0; display:inline-block; *display: inline; width:30px; height:30px; line-height:30px }

.scholarship-winners .owl-theme .owl-controls.clickable .owl-buttons div:hover{ background:#242c42;}

.scholarship-winners .owl-controls .owl-prev:before{content: "\f053"; color:#fff; font-size:15px ;  opacity:1;  font-family: 'FontAwesome';}


.scholarship-winners .owl-controls .owl-next:before{ content: "\f054"; color:#fff; font-size:15px ; opacity:1;  font-family: 'FontAwesome';}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
  .scholarship-winners .owl-theme .owl-controls .owl-buttons div:before{ margin-left:9px;}

} 

.scholarship-winners .owl-theme .owl-controls .owl-buttons{ margin:40px 0 10px 0;}


/* INNERPAGES*/

.inner-header{ margin:0; padding:15px 0;  font-family: "Didactic"; position:relative}

.inner-header:before{ content:""; position:absolute; width:100%; top:0; height:100%; z-index:1; background-color:rgba(49,56,76,0.9);}

.inner-header .container{ z-index:2; position:relative}

.inner-header h2{ font-size:50px; color:#fff; margin:0; padding:0}

.library-hdr-bg{ background-size:cover}

.inner-header ul{ text-align:center; margin:0; padding-top:0; padding-bottom:0; background:none}

.inner-header ul li a{ color:#838383; font-size:20px;}

.inner-header ul li.active{ color:#fff; font-size:20px;}

.products-wrapper{ margin:30px 0 0 0; padding:0; }

.products-sidebar{ margin:0 0 40px 0; padding:12px 12px 0 12px; width:100%;  border:1px solid #ebebeb}

.products-sidebar h2{ font-size:20px; margin:20px 0 0 0; padding:12px 0 12px 18px; font-family: "Didactic"; color:#242c42; position:relative}

.products-sidebar h2:first-child{ margin-top:0}

.products-sidebar h2:before{ margin-right:15px; left:0; top:0; content:""; width:5px; background:#242c42;  position:absolute; height:100%}

ul.categ{ margin:20px 0 0 0; padding:0}

ul.categ li{ margin:0; border-bottom:1px solid #ebebeb; padding:0; list-style-type:none}

ul.categ li:last-child{ border-bottom:none; margin-bottom:0;}

ul.categ li a{ margin:0; padding:10px; display:block; color:#242c42; font-size:14px;}

ul.categ li a:hover, ul.categ li a.active{ color:#fff; background:#86bc42}

.products-listing{ margin:0; padding:0;}

.price-range{ margin:40px 0 40px 0; padding:0 ;}

.mini-descr{ margin:0; padding:0; min-height:112px;}

.mini-descr a{ color:#86bc42; font-weight:bold; text-decoration:underline}

.products-listing p{ margin:0; padding:0; color:#404040; font-size:14px;}

.products-listing h2{ font-size:20px; margin:0 0 0 0; padding:12px 0 12px 18px; font-family: "Didactic"; color:#242c42; position:relative}

.products-listing h2:before{ margin-right:15px; left:0; top:0; content:""; width:5px; background:#242c42;  position:absolute; height:100%}

.sorting-wrapper{ position:absolute; right:0; top:5px; width:185px; z-index:1}

.title-categ{ position:relative; margin-bottom:20px;}

.sortby{  margin:0 0 0 0;  padding: 0; width:120px; float:right; position:relative;}

.sortby button{ box-shadow:none;}	 

.sortby select{
	-webkit-appearance:none; outline:0 none;
	-moz-appearance: none;
	appearance: none;
    background-color: transparent;
    background-image: none;
    border: 0;
    box-shadow: none;
    color: #242c42;
    cursor: pointer; font-size:14px;
    margin-bottom: 0;
    padding: 5px 5px;
    width: 100%;}
	
	
.sortby select::-ms-expand {
    display: none;
}
	
.sort-txt{ font-size:14px; margin:5px 0 0 0; float:left; margin-right:5px;}

.products-items-wrapper{ margin:40px 0 0 0}	

.product-img{ padding:0}

.product-img img{ max-width:100%; height:auto}

.product-mini-info{  padding:0;}

.product-mini-info h4{ margin:0 0 0 0; min-height:45px; font-size:17px; color:#284659}

.product-mini-info h4.txtsmall{ margin:0 0 0 0; min-height:45px; font-size:15px;  font-family: 'Didactic'; color:#284659;}

.product-mini-info p{ margin:0; line-height:22px; font-size:14px;}

.price-product{ margin:10px 0; padding:0}

.price-product h5{ font-size: 18px; margin:0; padding:0; font-weight:bold}

.price-product h5 span{ color:#969697; margin-right:15px; text-decoration:line-through}

.btn-addtocart { background-color:#86bc42; color:#fff; border:1px solid #86bc42; font-family: 'Didactic'; text-transform:uppercase; vertical-align:top; display:inline-block; padding:8px 15px }

.btn-addtocart i{ font-size:20px; margin-right:0;}

.btn-addtocart:focus{ color:#fff}

.btn-addtocart:hover{background-color:#242c42; color:#fff; border:1px solid #242c42; transition: all 0.1s ease-in-out 0.1s}

.borderBox:hover .btn-addtocart {background-color:#242c42; color:#fff; border:1px solid #242c42; transition: all 0.1s ease-in-out 0.1s}

.product-pagination{ float:right; margin:0px 0px 16px 0px;  padding:0;}

.product-pagination ul{ background:#242c42; border-color:#86bc42; color:#fff; text-align:center; font-size:16px; padding:3px;}

.product-pagination ul li{ display:inline-block; margin:0 -2px;}

.product-pagination ul li a{ border-radius:0; border-left:0; cursor:pointer; margin-left:0; color:#242c42}

.product-pagination ul li a:hover{background:#86bc42; border-color:#86bc42; color:#fff}

.product-pagination ul li.active a, .product-pagination ul li.active a:focus, .product-pagination ul li.active a:hover{ background:#86bc42; border-color:#86bc42}

.pagination > li:first-child > a, .pagination > li:last-child > a{border-radius:0; border-color:#242c42;}

.pagination > li:first-child > a, .pagination > li:last-child > a{ background:#242c42; color:#fff; }

.related-products{ margin:0; padding:0 0 40px 0; }

.related-products h2{ font-size:20px; margin:0 0 40px 0; padding:12px 0 12px 18px; font-family: "Didactic"; color:#242c42; position:relative}

.related-products h2:before{ margin-right:15px; left:0; top:0; content:""; width:5px; background:#242c42;  position:absolute; height:100%}

#relatedproducts .item{ margin-right:20px }

.related-products .owl-pagination{ display:none}

.related-products .owl-theme .owl-controls .owl-buttons{ margin:20px 0;}

.related-products .owl-theme .owl-controls .owl-buttons div{ background:#86bc42; border-radius:0; padding:0; display:inline-block; *display: inline; width:30px; height:30px; line-height:30px }

.related-products .owl-theme .owl-controls.clickable .owl-buttons div:hover{ background:#242c42;}

.related-products .owl-controls .owl-prev:before{content: "\f053"; color:#fff; font-size:15px; text-align:center; left:0; right:0; margin:0 auto; display:block;  opacity:1;  font-family: 'FontAwesome';}

.related-products .owl-controls .owl-next:before{ content: "\f054"; color:#fff; font-size:15px; text-align:center; left:0; right:0; margin:0 auto; display:block; opacity:1;  font-family: 'FontAwesome';}

.product-detail{ margin:0; padding:0}

.pr-desc{ margin:0; padding:0}

.pr-img{ margin:0 0 20px 0; padding:15px; border:1px solid #ebebeb;}

.pr-img img{ max-width:100%; height:auto}

.pr-desc h3{ margin:0 0 20px 0; padding:0; font-family: "Didactic";  color:#242c42; font-size:20px;}

.pr-desc p{ margin:15px 0 0 0; padding:0;  color:#242c42; font-size:14px;}

.pr-desc h4{margin:0 0 0 0; padding:0; font-family: "Didactic";  color:#242c42; font-size:20px;}

.pr-desc h4 span{ color:#999; margin-left:15px; text-decoration:line-through}

.availablity-stock{ margin:20px 0 0 0; padding:0;}

.availablity-stock h5{ margin:0; padding:0; font-size:15px; color:#404042}

.availablity-stock h5 span{ margin-left:10px; cursor:default}

.instock{  background:#0bce70; display:inline-block; padding:8px; font-size:12px; font-weight:bold; color:#fff}

.outstock{ background:#ef420d; display:inline-block; padding:8px; font-size:12px; font-weight:bold; color:#fff}

.quantity{ margin:10px 0 0 0; padding:0;}

.quantity span{ font-size:15px; float:left; margin:15px 10px 0 0;  color:#242c42}

.quantity ul{ text-align:left; float:left; margin:10px 0 0 5px; padding:0}

.quantity ul li:first-child{border-left:1px solid #242c42; }

.quantity ul li{ margin:0 -2px; display:inline-block;  border-top:1px solid #242c42; border-right:1px solid #242c42; height:40px; border-bottom:1px solid #242c42; padding:0; vertical-align:top}

.quantity ul li a{ padding:8px 10px; display:block; color:#242c42}

.input-quantity{ border-radius:0; padding:5px 0 6px 0; width:30px; font-size:15px; font-weight:bold; color:#242c42; text-align:center; border-color:transparent}

.pr-det-tabs{ margin:40px 0 0 0; padding:0}

.loginpanel-wrapper{ margin:0; padding:20px 0 10px 0; min-height:550px;}

.login-common{ border:1px solid #ebebeb; padding:15px;}

.register-border{ border:1px solid #ebebeb; padding:5px;}

.lc-headingnew{ background:#86bc42; padding:5px; color:#fff; font-size:30px; text-align:center;  font-weight:300 }

.lc-heading{ background:#242c42; padding:15px; color:#fff; font-size:18px; font-weight:bold; font-family: "Didactic";}

.lc-content{ background:#f5f7fb; padding:5px; }

.mh160{ min-height:160px;}

.lc-content h5{ margin:0; padding:0; color:#242c42; font-size:16px; font-weight:bold}

.lc-content p{ margin:10px 0 0 0; padding:0; font-size:14px; color:#000}

.loginbox{ margin:20px 0 0 0; padding:0;}

.loginbox label{ font-weight:normal}

.loginbox .form-control{ border-radius:0; box-shadow:none; height:40px;}

.loginbox .form-control:focus{ box-shadow:none; border-color:#86bc42; }

.login-button {
    background-color: #86bc42;
    color: #fff; border:0; display:inline-block; 
    padding: 8px 20px;
    font-size:18px; outline:0 none; 
}

.login-button:hover{ background:#242c42; color:#fff}


.upload-button {
    background-color: #86bc42;
    color: #fff; border:0;  
    padding: 7px 10px 7px 10px;
}

.upload-button:hover{ background:#242c42; color:#fff}

.registerbox{ margin:0 0 0 0; padding:0;}

.registerbox label{ font-weight:normal}

.registerbox .form-control{ border-radius:0; box-shadow:none; height:40px;}

.registerbox .form-control:focus{ box-shadow:none; border-color:#86bc42; }

.registerbox textarea.form-control{ height:auto; resize:none;}


/* ON LOAD POPUP*/
.newsletter-subscribe{ margin:0; padding:0}

.newsletter-subscribe .modal-content{ border-radius:0; padding:0 }

.newsletter-subscribe .modal-header{ background:#86bc42}

.newsletter-subscribe .modal-header h4{ color:#fff}

.newsletter-subscribe .modal-body{ background:#fff; width:100%; float:left; }

.newsletter-subscribe button.close{ color:#000; background:none; outline:0 none; opacity:1; margin-top:-20px; font-size:52px;}

.newsletter-subscribe button.close:hover{ background:none; color:#000; }

#NewsLetter .modal-dialog{ margin-top:200px}

.popupbook{ margin:0; padding:0; float:left; width:220px;}

.popupbook-content{ margin:0; padding:10px 0 10px 240px}

.popupbook-content h2{ margin:0 0 10px 0; padding:0; font-size:30px; color:#000; font-weight:bold}

.popupbook-content p{ margin:0; padding:0; color:#000; font-size:14px;}

.popupbook-content .form-group input.form-control{ border-radius:0; box-shadow:none;}

.popupbook-content .form-group input.form-control:focus{ border-color:#86bc42}

.popupbook-content button{ background:#86bc42; border-color:#86bc42; border-radius:0; color:#fff}

.popupbook-content button:hover{ background:#242c42; border-color:#242c42; color:#fff}

.popupbook-content .form-inline .form-control{ width:98%}

.viewcart-wrapper{ padding:60px 0}

.viewcart-grid{ margin:0; padding:0}

.viewcart-grid table tr td{ border-top:none;}

.viewcart-grid table tr th{ padding-top:10px; padding-left:20px; padding-right:20px; font-size:16px; padding-bottom:10px; border-bottom:1px solid #ccc}

.viewcart-grid table tr td{ padding:20px 20px; font-size:15px;}

.viewcart-grid a{ color:#000}

.product-thumbnail{ margin:0}

.product-thumbnail img{ width:80px; height:auto}

.display-block {display: block ;}

.product-quantity{ margin:0; padding:0; width:60px }

.product-quantity select.form-control{ border-radius:0; box-shadow:none;}

.product-quantity select.form-control:focus{ box-shadow:none; border-color:#ccc}

.empty-update-wrapper{ margin:0 0 30px 0; padding:30px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}

.coupon-subtotal{ margin:0; padding:20px 0}

.coupon-code{ margin:0 0 20px 0; padding:0}

.coupon-code label{ margin-bottom:15px}

.coupon-code input.form-control{ border-radius:0; box-shadow:none; }

.coupon-code input.form-control:focus{border-color:#86bc42;}

.cart-total{ margin:0; padding:0}

.cart-total table tr td, .cart-total table tr th{ border-top:none; font-weight:normal;}

.no-margin-bottom{ margin-bottom:0}

.cart-total table tr td{ font-weight:normal;}

.fsz16{ font-size:16px;}

.prooceed-check-btn{ color:#fff; background:#86bc42; float:right; font-weight:700; display:block; float:right; padding:15px 30px; font-size:18px; border:0; outline:0 none;}

.prooceed-check-btn:hover, .prooceed-check-btn:focus{ background:#242c42; color:#fff}

.txtrtlft{ text-align:right}

.confirmation-wrapper{ margin:0; padding:60px 0;}

.cw-wrapper{ margin:0; padding:0; }

/* MultiStepForm */

.form-box {padding:0;}

.form-top {overflow: hidden; padding: 0; background: #fff; text-align: left;}

.form-top-left {float: left; padding:0; margin:0}

.form-top-left h3 { font-size:20px; margin:0 0 0 0; padding:12px 0 12px 18px; font-family: "Didactic"; color:#242c42; position:relative}

.form-top-left h3:first-child{ margin-top:0}

.form-top-left h3:before{ margin-right:15px; left:0; top:0; content:""; width:5px; background:#242c42;  position:absolute; height:100%}

.form-top-right { float:right;}

.form-top-right p{ margin:0; padding:0; font-size:18px; font-weight:bold; color:#86bc42; font-family: "Didactic";}

.form-bottom {padding:0 20px 20px 20px; margin:20px 0 0 0; text-align: left; border:1px solid #ebebeb; }

form .form-bottom textarea.form-control {height: 100px; resize:none;}

form .form-bottom button.btn {min-width: 105px; margin-right:10px; display:inline-block}

form .form-bottom .input-error {border-color: #f10d3d;}

form.registration-form fieldset {display: none;}

.cw-wrapper label{ font-weight:normal}

.cw-wrapper .form-control { border-radius: 0; box-shadow: none; height: 40px; border-color:#ebebeb;}

.cw-wrapper  .form-control:focus {border-color: #86bc42; box-shadow: none;}

.already-address{ color:#fff; background:#86bc42; padding:20px;}

.already-address h4{margin:0 0 5px 0; padding:0; color:#fff;  font-size:20px; font-family: 'Open Sans', sans-serif; font-weight:700;}

.already-address p{ margin:0; padding:0; color:#fff; font-size:15px;}


/* Our Plans */


.ourplans-wrapper{ margin:0; padding:100px 0}

.op-wrapper{ max-width:900px; margin:0 auto; width:100%}

.op-box{ display:table; margin:0; padding:0; border:1px solid #e6e6e6;  width:100%}

.op-cell{ vertical-align:top; width:33%; display:table-cell;  border-right:1px solid #e6e6e6; padding:30px; text-align:center;}

.op-cell:last-child{ border-right:none; }

.op-cell h4{ color:#242c42; font-size:22px; margin:0; padding:0; font-weight:700;}

.plan-amount{ width:80px; height:80px; margin:40px auto; overflow:hidden; border-radius:50%; background:#86bc42; overflow:hidden; text-align:center}

.plan-amount span{ font-size:18px; color:#fff; font-weight:700; display:block; line-height:80px;}

.op-cell ul{ margin:0; padding:0}

.op-cell ul li{ margin:0 0 15px 0; color:#818384; padding:0; list-style-type:none; font-size:14px; text-align:center}

.op-cell ul li a{ padding:15px 30px; background:#86bc42; margin:20px 0 0 0; color:#fff; font-size:15px; font-weight:700; display:inline-block;}

.op-cell.green-plan ul li{ color:#fff}

.op-cell.green-plan ul li a{ background:#fff; color:#86bc42;}

.green-plan{ background:#86bc42; transform: scale(1.1);}

.green-plan h4{ color:#fff}

.green-plan .plan-amount{ background:#fff}

.green-plan .plan-amount span{ color:#86bc42; }

/* Accordion */

.ac-pane { margin-top: 15px; background-color:#16A085; color:#fff;}

.ac-pane.active .ac-title{ background:#86bc42; color:#fff} 

.ac-pane:last-child { margin-bottom: 0; }

.ac-content { display: none; background:#fff; }

.ac-title {color: #fff; display: block; padding: 15px; font-size:16px; font-weight:400; background-color:#242c42;}

.ac-title:hover{ color:#fff}

.ac-title i {float: right; font-size: 20px;}

.ac-title i:before { content: "\f107"; }

.active .ac-title i:before { content: "\f106"; }

.ac-content {border: 1px solid #fff; margin-top: -1px; padding: 15px; color:#000;}

.modal-body {border: 1px solid #e5e5e5;}


/* My Account */

.myaccount-wrapper{ margin:0; padding:45px 0;}

.mylinks{ margin:0 0 40px 0; padding:0; border:1px solid #ebebeb; padding:12px}

.mylinks h2{ font-size:20px; margin:0 0 0 0;  padding:12px 0 12px 18px; font-family: "Didactic"; color:#86bc42; position:relative}

.mylinks h2:before{ margin-right:15px; left:0; top:0; content:""; width:5px; background:#86bc42;  position:absolute; height:100%}

.mycontent{ margin:0; padding:0; min-height:450px}

.mycontent h2{ font-size:20px; margin:0 0 0 0; padding:12px 0 12px 18px; font-family: "Didactic"; color:#242c42; position:relative}

.mycontent h2:before{ margin-right:15px; left:0; top:0; content:""; width:5px; background:#242c42;  position:absolute; height:100%}

.greyinfo-box{  padding:0;}

.grey-head{ background:#242c42; padding:10px;}

.greyinfo-box h3{ font-weight:700; color:#fff; font-size:15px; margin:0; padding:0}

.greyinfo-cont{ padding:20px 10px; border:1px solid #ebebeb; min-height:166px;}

.greyinfo-cont p{ padding:0; color:#242c42; font-size:14px;}

.mycontent .form-control { border-radius: 0; box-shadow: none; height: 40px; border-color:#ebebeb;}

.mycontent textarea.form-control { border-radius: 0; box-shadow: none; height: auto; resize:none; border-color:#ebebeb;}

.mycontent .form-control:focus {border-color: #86bc42; box-shadow: none;}

.myorder-history{  padding:0; border:1px solid #ebebeb; font-size:14px; color:#242c42}

.mh-title{border-bottom:1px solid #ebebeb; padding:10px;}

.mh-cont{ padding:0;}

.mh-cont-grid{ margin:0; padding:0}

.mh-cont table{ margin-bottom:0}

.mh-cont table tr td{ border:0}

.status-delivered{ background:#86bc42; text-align:center; display:inline-block; color:#fff; font-size:12px; font-weight:bold; padding:2px 15px;}

.status-pending{ background:#bbb; text-align:center; display:inline-block; color:#fff; font-size:12px; font-weight:bold; padding:2px 15px;}

.status-cancelled{ background:#e6112a; text-align:center; display:inline-block; color:#fff; font-size:12px; font-weight:bold; padding:2px 15px;}

.status-wrapper{ margin:0; padding:10px;}

.address-box{border:1px solid #ebebeb; padding:10px;}

.row-centered {text-align:center;}

.col-centered {display:inline-block; float:none; /* reset the text-align */ text-align:left; /* inline-block space fix */}

.newlogin-common { border: 1px solid #ccc; padding: 30px;}

.title-loginwith{ margin:0; padding:0; text-align:center}

.title-loginwith h2{ font-size:30px; font-weight:300; color:#666; margin:0; padding:0}

.social-media-login{  padding:0;}

.login-fb{ background:#3c5d96; border:0; position:relative; outline:0; padding:10px 0; display:block; text-align:center; color:#fff; font-size:16px;}

.login-fb i{ position:absolute; left:10px; font-size:16px; line-height:25px;}

.login-fb:hover{ color:#fff}

.login-gplus{ background:#cf5c46; border:0; position:relative; outline:0; padding:10px 0; display:block; text-align:center; color:#fff; font-size:16px;}

.login-gplus i{ position:absolute; left:10px; font-size:16px; line-height:25px;}

.login-gplus:hover{ color:#fff}

.login-twt{ background:#63adea; border:0; position:relative; outline:0; padding:10px 0; display:block; text-align:center; color:#fff; font-size:16px;}

.login-twt i{ position:absolute; left:10px; font-size:16px; line-height:25px;}

.login-twt:hover{ color:#fff}

.login-linked{ background:#287cb3; border:0; position:relative; outline:0; padding:10px 0; display:block; text-align:center; color:#fff; font-size:16px;}

.login-linked i{ position:absolute; left:10px; font-size:16px; line-height:25px;}

.login-linked:hover{ color:#fff}

.or-with{ padding:0; position:relative; text-align:center}

.or-with:before{ content:""; position:absolute; width:100%; top:10px; left:0; height:1px; z-index:1; background:#ccc}

.or-with span{ display:inline-block; background:#fff; position:relative; z-index:2; color:#aaaaaa; padding:0 15px; text-align:center; font-weight:bold; font-size:15px;}

.register-forgetpwd{ padding:0;}

.register-forgetpwd ul{ margin:0; text-align:center; padding:0 0 20px 0;}

.register-forgetpwd ul li{  margin:0 10px; display:inline-block; list-style-type:none; padding:0}

.register-forgetpwd ul li a{ color:#242c42; }

.register-forgetpwd ul li a:hover{ color:#86bc42}

.checkout-wrapper{ margin:0; padding:50px 0}

.checkout-box{ margin:0; padding:0; }

.succesfully-msg{ margin:50px 0; padding:50px 0 0 0; text-align:center; border:1px solid #ccc; background:rgba(134,188,66,0.8);}

.succesfully-msg h2 {font-size: 30px; color: #fff; margin: 0 0 10px 0; font-weight:700; text-transform:uppercase; padding: 0;}

.succesfully-msg p {font-size: 16px; color: #fff; margin: 5px 0; font-weight:normal; padding: 0;}

.succesfully-msg a{ color:#fff}

.succesfully-msg a:hover{ color:#fff}

.succesfully-msg a.continue-shopping{ background:rgba(36,44,66,0.8); color:#fff; display:inline-block; font-weight:700; font-size:16px; padding:10px 30px; text-transform:uppercase; margin:50px 0 0 0; }

.review-wrapper{ padding:0;}

.review-row{ padding:0 0 0 60px; position:relative}

.img-reviewer{ width:45px; border:1px solid #ccc; position:absolute; left:0; top:0; overflow:hidden}

.img-reviewer img{ width:45px;}

.review-row p{ padding:0; margin:0 0 5px 0; text-align:left}

.reviewer-name{ font-size:14px; color:#242c42; font-weight:700}

.reviewer-descr{ font-size:13px;}

/* Notification */

.mynotification{ margin:0; padding:0;}


.mymembership{ padding:0}

.fsz18{ font-size:18px;}

.fsz16{ font-size:16px;}

.member-bdrbox{ padding:0;}

.mymembership-grid{ margin:0; padding:0;}

.title-mdetail{ padding:10px; background:#86bc42;}

.title-mdetail h3{ color:#fff; margin:0; padding:0; font-size:15px;  }

.cont-mdetail{padding:15px; background:#fff; min-height:80px; color:#86bc42; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; font-size:18px;}

.cont-mdetail p{ padding:0; margin-bottom:0; font-size:14px;}

.dis-inlineblk{ display:inline-block}


/* Scholarship */

.myscholarship{ margin:0; padding:0}

ul.types-scholarship{  padding:0; text-align:center}

ul.types-scholarship li{ display:inline-block; font-size:14px; position:relative; cursor:default; margin:0 5px 25px 5px; padding:12px 20px; color:#242c42; list-style-type:none; background:#fff; border:1px solid #ccc;}


ul.types-scholarship li:hover, ul.types-scholarship li.active{ background:#86bc42; color:#fff}


ul.types-subcateg{  padding:0; text-align:center}

ul.types-subcateg li{ display:inline-block; font-size:14px; position:relative; cursor:default; margin:0 5px 25px 5px; padding:10px 16px; color:#242c42; list-style-type:none; background:#fff; border:1px solid #ccc;}


ul.types-subcateg li:hover, ul.types-subcateg li.active{ background:#86bc42; color:#fff}


/* CUSTOM FORM ELEMENTS */

.custom-form{ padding:0}

.custom-form label{font-weight: normal; display:block}

.custom-form .form-control {border-radius: 0; box-shadow: none; height: 40px;}

.custom-form .form-control:focus {box-shadow: none; border-color: #86bc42;}

.custom-selectbox button{ border-radius:0; outline:0 none;}

.custom-selectbox{ padding:0}

.custom-selectbox .btn-default:hover{ background:#fff; border-color:#cccccc;}

.custom-selectbox .btn-default.active, .custom-selectbox .btn-default:active, .custom-selectbox .open > .dropdown-toggle.btn-default{ border:1px solid #cccccc; background:#fff; box-shadow:none; color:#333}

.custom-selectbox .btn-default.active.focus, .custom-selectbox .btn-default.active:focus, .custom-selectbox .btn-default.active:hover, .custom-selectbox .btn-default.focus:active, .custom-selectbox .btn-default:active:focus, .custom-selectbox .btn-default:active:hover, .custom-selectbox .open > .dropdown-toggle.btn-default.focus, .custom-selectbox .open > .dropdown-toggle.btn-default:focus, .custom-selectbox .open > .dropdown-toggle.btn-default:hover { background:#fff; color:#333; border:1px solid #cccccc; }

.custom-selectbox .btn-default.focus, .custom-selectbox .btn-default:focus{ background:#fff; box-shadow:none; outline:0 none;}

.custom-selectbox .dropdown-menu{ border-radius:0; padding:0}

.custom-selectbox .dropdown-menu > li > a{ padding-top:6px; padding-bottom:6px;}

.custom-selectbox .dropdown-menu > li.selected a{ background:#86bc42; color:#fff}

.custom-selectbox .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{background:#86bc42; color:#fff}

.dropdown-menu > li > a{color:#333;}

/******	checkbox*******/
[type="checkbox"]:not(:checked),[type="checkbox"]:checked {position: absolute; left: -9999px;}
  
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {position: relative; padding-left: 25px; cursor: pointer;}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {content: ''; position: absolute; left:0; top: 2px; width: 17px; height: 17px; border: 1px solid #c1c1c1; background: #ffffff; border-radius: 0;}

/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {content: "\f00c"; position: absolute; font-family: 'FontAwesome'; top: 4px; left: 3px; font-size: 11px; color: #86bc42; transition: all .2s; width:13px; height:12px;}

/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0);}

[type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1);}


/***** radio *****/
.radio-btn,.check-btn{ margin-right:10px;}

[type="radio"]:not(:checked),
[type="radio"]:checked {position: absolute; left: -9999px;}

[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label { position: relative; padding-left: 25px; cursor: pointer;}

/* radio aspect */
[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {content: ''; position: absolute; left:0; top: 2px; width: 18px; height: 18px; border: 1px solid #c1c1c1; background: #ffffff; border-radius: 100%;}
  
/* checked mark aspect */
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after {
  content: ''; position: absolute; top: 7px; left: 5px; font-size: 14px; background: #86bc42; width:8px; height:8px; border-radius:100%; transition: all .2s;}
/* checked mark aspect changes */
[type="radio"]:not(:checked) + label:after { opacity: 0; transform: scale(0);}

[type="radio"]:checked + label:after {opacity: 1; transform: scale(1);}

.inlineblock{ display:inline-block !important}

.customupload{ margin:16px 0 0 0; padding:0}

.customupload input { display:none}



/* STAR RATING */

.star-rating{  padding:0}

.rating { border: none; float: left;}

.rating > input { display: none; } 

.rating > label:before { margin: 0 3px 0 0 ; position:static !important; font-size: 1.25em ; font-family: FontAwesome ; display: inline-block; content: "\f005" !important; border:0 !important;}

.rating [type="radio"]:not(:checked) + label::after, .rating [type="radio"]:checked + label::after{ background:none !important}

.rating [type="radio"]:not(:checked) + label, .rating [type="radio"]:checked + label{ padding-left:0 !important}

.rating > .half:before { content: "\f089"; width:auto !important; position: absolute !important;}

.rating > label { color: #ddd !important; float: left !important; }

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */

.rating:not(:checked) > label:hover, /* hover current star */

.rating:not(:checked) > label:hover ~ label { color: #FFD700 !important;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85 !important;  } 


.sm-pm-link {color: #000; display: block; padding: 15px; font-size:16px; font-weight:400; background-color:#fff; cursor:pointer; border-top:1px solid #ddd;}

.pc-title {color: #000; display: block; padding: 15px; font-size:16px; font-weight:400; background-color:#fff; cursor:pointer; border-top:1px solid #ddd;}

.pc-title:hover{ color:#86bc42;}

.pc-title i {float: right; font-size: 20px;}

.pc-title i:before { content: "\f107"; }

.city-body {padding:15px; border-top: 1px solid #ddd; }

.city_list li{ display:inline; float: left; padding:0px 3px; font-size:13px; border-right:1px solid #dddddd;}

.modal-service-box { border-top:1px solid #e5e5e5; }

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}



/* RESPONSIVE MEDIA QUERIES */

 @media only screen and (max-width:1024px) {
	 
 .bannerOverlayText {top:20%;right:10%}
 
 .banner_Carousel li {font-size:30px;}
 
 .join-btn {font-size:30px;}
 
 .button {margin-top:20px;}
 

 
}


@media only screen and (max-width:991px) {
	 
#library .item, #talks .item, #cafeteria .item{ margin-right:0 } 
	 
}


 @media only screen and (max-width:767px) {
	 
.navBar { border-bottom:3px solid #e2e2e2; position:relative; z-index:16; }

.navBar .navbar-nav{ margin:0}	

.navBar .navbar-collapse{ padding-left:0; padding-right:0;}

.navBar .navbar-default .navbar-nav > li>a{ border-bottom:none}  

.navBar  .navbar-toggle{ border-radius:0; border:1px solid #888; background:#fff}

.navBar .navbar-default .navbar-toggle:focus,  .navBar .navbar-default .navbar-toggle:hover{ background:transparent}  

.navBar .navbar-default .navbar-nav > li > a span.caret{ float:right; margin:8px 0 0 0}

.navBar .navbar-default .navbar-nav > li > a:hover{ border-bottom:none;  background:rgba(36, 44, 60, 0.8); color:#fff} 

.navBar .navbar-default .navbar-brand {height:auto; padding-left:10px;}

.navBar .navbar-default .navbar-nav > li.dropdown.open > a { border-bottom:none; color:#fff; background:rgba(36, 44, 60, 0.8);  }

.navbar-header .navbar-toggle {margin-top:28px; margin-right:20px;}

.banner_Carousel .owl-controls .owl-prev:before{ font-size:30px;}

.banner_Carousel .owl-controls .owl-next:before{font-size:30px;}

.banner_Carousel .owl-controls .owl-next:before{}

.header.shrink .search_n_cart{ margin-top:0 !important}

.header.shrink .search_n_cart .dropdown-menu{ margin-top:0 !important}

.navBar .navbar-default .navbar-collapse, .navbar-default .navbar-form {padding-top:0}

.navBar .navbar-nav > li > a {font-size:14px;}
  
.navBar .navbar-default .navbar-nav > li.searchfield{ margin-left:0}

.navBar .navbar-nav > li > a {padding-bottom:15px;}

.popularProducts{ padding-bottom:0; padding-top:40px}

.stripAd { padding-top:20px; padding-bottom:20px;}

.stripAd h1{ font-size:26px}
 
.header .container {width:100%; padding:0} 

a.quicktour-link {float:none; }
 
.testimonials-wrapper{ padding:40px 0}
 
.header.shrink .navbar-header .navbar-toggle{ margin-top:15px; padding:9px 7px }
  
.listing {text-align:center;}

.topBar .row{ margin:0}

.topBar .container{ padding:0}

.topBar .col-xs-12{ padding:0}

.rightsideinfo {width:100%; margin:0; padding:8px 0; background:rgba(79, 86, 99, 0.75); color:#fff;}

.rightsideinfo li {padding-right:9%;}

.navBar .navbar-default .navbar-nav > li > a {text-align:left}

.offering-listings ul li a img{ width:100%}

.offering-listings ul li{ margin-right:auto; margin-left:auto; margin-bottom:40px; display:block; width:290px; }

.offering-listings ul li:last-child{margin-right:auto;}

.offering-listings ul li a>img{ width:100%}

.offering-block-1 h4{ font-size:25px;}

.offering-block-3 h5 sup{ top:-33px;}

.offering-block-1 h4 span{ font-size:45px; top:-33px;}

.offering-block-1 h4 sup{ font-size:18px; top:-33px;}

.offering-block-2 h4{ font-size:25px;}

.offering-block-2 h4 span{ font-size:45px;}

.offering-block-2 h4 sup{ font-size:18px;}

.offering-block-3 h5{ font-size:25px; margin-top:50px;}

.offering-block-3 h5 sup{ font-size:18px;}

.offering-block-3 h5 span{ font-size:45px; top:-33px;}

.search_n_cart{ margin:0;}

.search_n_cart li{ padding-left:15px; padding-right:15px}

.search_n_cart .dropdown-menu input.form-control {box-shadow:none; border:0; font-size:14px; padding-left:0; height:30px;}

.search_n_cart .btn-group {display:block}

.search_n_cart button {display:none}

.search_n_cart .dropdown-menu {display:block; position:relative; left:0; min-width:100%; margin-top:0 !important;}

.rightsideinfo li.settinguser i{font-size:24px;}

.rightsideinfo li.settinguser i i{ font-size:12px}

.rightsideinfo li.adduser i{font-size:29px;}

.rightsideinfo li.adduser i i{font-size:12px;}

.rightsideinfo li.cart i{font-size:26px;}

 .rightsideinfo li.settinguser ul.dropdown-menu{ margin:13px 0 0 0; }
 
.rightsideinfo li.languages ul.dropdown-menu{ margin-top:19px;}

.rightsideinfo li.currency ul.dropdown-menu{ margin-top:19px;}

.rightsideinfo li.cart ul.dropdown-menu{ margin-top:7px;}

.rightsideinfo li.currency{ margin:0}

.rightsideinfo li.currency button{ font-size:15px;}

.rightsideinfo li.languages{ margin:0}

.offerings{ padding-top:40px;}

.cart-notify{ top:4px;}

.inner-header h2{ font-size:35px}

#topoffers .item{ margin-left:20px; margin-right:20px; margin-bottom:40px;}

#topoffers .owl-pagination{ margin-bottom:20px;}

.bannerOverlayText{ width:100%; left:0; right:0; padding-right:5%  }

.banner_Carousel li{ text-align:center}

.bannerOverlayText .button{ text-align:center}

.bannerOverlayCenterText .button{ float:none; text-align:center}
 
.banner_Carousel li {font-size:20px; text-align:right}
 
.join-btn {font-size:20px;}
 
.button {margin-top:10px; float:right}
 
.banner_Carousel .owl-pagination{ margin-top:33%}

.getstarted-now{ float:none; display:inline-block; margin-top:20px}

.scrollup{ right:20px}

.product-img{ text-align:center}

.scrollup{ width:30px; height:30px;}

.scrollup i{ font-size:18px; line-height:30px}

.related-products{ padding-bottom:30px;}

footer{ padding-top:0; padding-bottom:40px;}

footer h2{padding-top:40px;}

.pr-det-tabs{ margin:40px 0}

.pr-img{ border:0; padding:0; margin-top:30px}

.pr-img img{border:1px solid #ebebeb; padding:15px;}


.quantity ul{ text-align:center; float:none}

.quantity span{ display:block; float:none}

.loginpanel-wrapper{ border-top:3px solid #e2e2e2; padding-bottom:0}

.login-common{ margin-bottom:60px;}

.viewcart-grid{overflow-x: scroll;}

.viewcart-grid table{ max-width: none; width: 710px;}

.op-box{ display:block; border:0}

.op-cell{ display:block; margin-bottom:40px; width:100%; border-left:1px solid #e6e6e6; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}

.txtrtlft{ text-align:left}

.viewcart-wrapper{ padding:20px 0}

.green-plan{transform:scale(1.0)}

.op-cell:last-child{border-right:1px solid #e6e6e6; margin-bottom:0 }

.ourplans-wrapper{ padding:40px 0}

.mh-cont-grid {overflow-x: scroll;}

.mh-cont-grid table {max-width: none; width: 710px;}

.succesfully-msg h2{ font-size:28px;}

}


@media only screen and (max-width:480px) {
	
.rightsideinfo li.settinguser ul.dropdown-menu{ margin:13px 0 0 0; left:auto; right:0} 
	
#topoffers .item{ margin-left:10px; margin-right:10px}
		
.banner_Carousel .owl-pagination{ margin-top:30%}
	
.bannerOverlayText{ display:none}
	
.bannerOverlayCenterText{ display:none}

#scholarship .item{ margin-right:20px; margin-left:20px; }

.sorting-wrapper{  margin:0;  right:0; }

.products-listing h2{ margin:0 0 0 0; }

.title-categ{ padding-top:60px}

#relatedproducts .item{ margin-right:0}

.popupbook{ width:100%}

.popupbook img{ width:100%}

.popupbook-content{ padding:20px 0 0 0; width:100%; float:left;}

 
 }