html.overlay-open .navbar-fixed-top{z-index:400}html.js fieldset.collapsed{height:auto}html.js input.form-autocomplete{background-image:none}body{position:relative}body.admin-expanded.admin-vertical.admin-nw .navbar,body.admin-expanded.admin-vertical.admin-sw .navbar{margin-left:260px}body.navbar-is-fixed-top{padding-top:64px!important}body.navbar-is-fixed-bottom{padding-bottom:64px!important}body.toolbar{padding-top:30px!important}body.toolbar .navbar-fixed-top{top:30px}body.toolbar.navbar-is-fixed-top{padding-top:94px!important}body.toolbar-drawer{padding-top:64px!important}body.toolbar-drawer .navbar-fixed-top{top:64px}body.toolbar-drawer.navbar-is-fixed-top{padding-top:128px!important}body.admin-menu .navbar-fixed-top{top:29px}body.admin-menu.navbar-is-fixed-top{padding-top:93px!important}body div#admin-toolbar{z-index:1600}body #toolbar,body #admin-menu,body #admin-toolbar{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}body #admin-menu{margin:0;padding:0;position:fixed;z-index:1600}body #admin-menu .dropdown li{line-height:normal}#overlay-container,.overlay-modal-background,.overlay-element{z-index:1500}#toolbar{z-index:1600}.modal{z-index:1620}.modal-dialog{z-index:1630}.modal-backdrop{z-index:1610}.element-invisible{margin:0;padding:0;width:1px}ul.secondary{float:left}@media screen and (min-width:768px){ul.secondary{float:right}}.page-header{margin-top:0}.block:first-child h2.block-title{margin-top:0}p:last-child{margin-bottom:0}.region-help>.glyphicon{font-size:18px;float:left;margin:-.05em .5em 0 0}.region-help .block{overflow:hidden}ul.action-links{margin:12px 0;padding:0}ul.action-links li{display:inline;margin:0;padding:0 6px 0 0}ul.action-links .glyphicon{padding-right:.5em}input,textarea,select,.uneditable-input{max-width:100%;width:auto}input.error{color:#b94a48;border-color:#ebccd1}fieldset legend.panel-heading{float:left;line-height:1em;margin:0}fieldset .panel-body{clear:both}fieldset .panel-heading a.panel-title{color:inherit;display:block;margin:-10px -15px;padding:10px 15px}fieldset .panel-heading a.panel-title:hover{text-decoration:none}.form-actions{clear:both}.resizable-textarea textarea{border-radius:4px 4px 0 0}.radio:first-child,.checkbox:first-child{margin-top:0}.radio:last-child,.checkbox:last-child{margin-bottom:0}.help-block,.control-group .help-inline{color:#999;font-size:12px;margin:5px 0 10px;padding:0}.panel-heading{display:block}a.tabledrag-handle .handle{height:auto;width:auto}.error{color:#b94a48}div.error,table tr.error{background-color:#f2dede;color:#b94a48}.control-group.error{background:0}.control-group.error label,.control-group.error .control-label{color:#b94a48;font-weight:600}.control-group.error input,.control-group.error textarea,.control-group.error select,.control-group.error .uneditable-input{color:#555;border:1px solid #ccc}.control-group.error .help-block,.control-group.error .help-inline{color:#333}.list-inline>li.first{padding-left:0}.nav-tabs{margin-bottom:10px}.tabs--secondary{margin:0 0 10px}.submitted{margin-bottom:1em;font-style:italic;font-weight:400;color:#777}.password-strength{width:17em;float:right;margin-top:1.4em}.password-strength-title{display:inline}.password-strength-text{float:right;font-weight:700}.password-indicator{background-color:#949494;height:.3em;width:100%}.password-indicator div{height:100%;width:0;background-color:#999}input.password-confirm,input.password-field{width:16em;margin-bottom:.4em}div.password-confirm{float:right;margin-top:1.5em;visibility:hidden;width:17em}div.form-item div.password-suggestions{padding:.2em .5em;margin:.7em 0;width:38.5em;border:1px solid #B4B4B4}div.password-suggestions ul{margin-bottom:0}.confirm-parent,.password-parent{clear:left;margin:0;width:36.3em}.progress-wrapper .progress{margin-bottom:10px}.pagination ul>li>a.progress-disabled{float:left}.form-autocomplete .glyphicon{color:#999;font-size:120%}.form-autocomplete .glyphicon.glyphicon-spin{color:#428bca}.form-autocomplete .input-group-addon{background-color:#fff}.ajax-progress .glyphicon{font-size:90%;margin:0 -.25em 0 .5em}.glyphicon-spin{display:inline-block;-moz-animation:spin 1s infinite linear;-o-animation:spin 1s infinite linear;-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear}a .glyphicon-spin{display:inline-block;text-decoration:none}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.glyphicon-refresh{-webkit-transform-origin:50% 45%;-moz-transform-origin:50% 45%;-ms-transform-origin:50% 45%;-o-transform-origin:50% 45%;transform-origin:50% 45%}.tabbable{margin-bottom:20px}.tabs-below>.nav-tabs,.tabs-left>.nav-tabs,.tabs-right>.nav-tabs{border-bottom:0}.tabs-below>.nav-tabs .summary,.tabs-left>.nav-tabs .summary,.tabs-right>.nav-tabs .summary{color:#999;font-size:12px}.tab-pane>.panel-heading{display:none}.tab-content>.active{display:block}.tabs-below>.nav-tabs{border-top:1px solid #ddd}.tabs-below>.nav-tabs>li{margin-top:-1px;margin-bottom:0}.tabs-below>.nav-tabs>li>a{border-radius:0 0 4px 4px}.tabs-below>.nav-tabs>li>a:hover,.tabs-below>.nav-tabs>li>a:focus{border-top-color:#ddd;border-bottom-color:transparent}.tabs-below>.nav-tabs>.active>a,.tabs-below>.nav-tabs>.active>a:hover,.tabs-below>.nav-tabs>.active>a:focus{border-color:transparent #ddd #ddd}.tabs-left>.nav-tabs,.tabs-right>.nav-tabs{padding-bottom:20px;width:220px}.tabs-left>.nav-tabs>li,.tabs-right>.nav-tabs>li{float:none}.tabs-left>.nav-tabs>li:focus,.tabs-right>.nav-tabs>li:focus{outline:0}.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a{margin-right:0;margin-bottom:3px}.tabs-left>.nav-tabs>li>a:focus,.tabs-right>.nav-tabs>li>a:focus{outline:0}.tabs-left>.tab-content,.tabs-right>.tab-content{border-radius:0 4px 4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);-moz-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05);border:1px solid #ddd;overflow:hidden;padding:10px 15px}.tabs-left>.nav-tabs{float:left;margin-right:-1px}.tabs-left>.nav-tabs>li>a{border-radius:4px 0 0 4px}.tabs-left>.nav-tabs>li>a:hover,.tabs-left>.nav-tabs>li>a:focus{border-color:#eee #ddd #eee #eee}.tabs-left>.nav-tabs>.active>a,.tabs-left>.nav-tabs>.active>a:hover,.tabs-left>.nav-tabs>.active>a:focus{border-color:#ddd transparent #ddd #ddd;-webkit-box-shadow:-1px 1px 1px rgba(0,0,0,.05);-moz-box-shadow:-1px 1px 1px rgba(0,0,0,.05);box-shadow:-1px 1px 1px rgba(0,0,0,.05)}.tabs-right>.nav-tabs{float:right;margin-left:-1px}.tabs-right>.nav-tabs>li>a{border-radius:0 4px 4px 0}.tabs-right>.nav-tabs>li>a:hover,.tabs-right>.nav-tabs>li>a:focus{border-color:#eee #eee #eee #ddd;-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.05);-moz-box-shadow:1px 1px 1px rgba(0,0,0,.05);box-shadow:1px 1px 1px rgba(0,0,0,.05)}.tabs-right>.nav-tabs>.active>a,.tabs-right>.nav-tabs>.active>a:hover,.tabs-right>.nav-tabs>.active>a:focus{border-color:#ddd #ddd #ddd transparent}th.checkbox,td.checkbox,th.radio,td.radio{display:table-cell}.views-display-settings .label{font-size:100%;color:#666}.views-display-settings .footer{padding:0;margin:4px 0 0}table .radio input[type=radio],table .checkbox input[type=checkbox]{max-width:inherit}.form-horizontal .form-group label{position:relative;min-height:1px;margin-top:0;margin-bottom:0;padding-top:7px;padding-left:15px;padding-right:15px;text-align:right}@media (min-width:768px){.form-horizontal .form-group label{float:left;width:16.666666666666664%}}.alert a{font-weight:700}.alert-success a{color:#356635}.alert-info a{color:#2d6987}.alert-warning a{color:#a47e3c}.alert-danger a{color:#953b39}
/********************************* Fonts ***********************************/
@font-face
{
font-family: 'GlacialIndifferenceBold';
src: url('GlacialIndifference-Bold.otf');
}
@font-face
{
font-family: 'GlacialIndifference';
src: url('GlacialIndifference-Regular.otf');
}
@font-face
{
font-family: 'MyriadPro';
src: url('Myriad Pro Regular.ttf');
}
@font-face
{
font-family: 'MyriadProsBold';
src: url('Myriad Pro Semibold.ttf');
}
/********************************* 100% Width ***********************************/
.container > .navbar-header, .container > .navbar-collapse {margin: 0px !important;}
.container {width: 100% !important;}
.row {margin: 0px;}
.banner01, .banner02, .banner03, .banner04, .banner05, .banner06, .banner07, .banner08, .banner09, .banner10, .banner11, .banner12, .banner13, .banner14, .banner15, .banner16 {padding: 0px;}
.logo img
{
height:80%;
width:80%;
}
/********************************* Text Colors ***********************************/
#page-title {color: #59123f !important;}
#block-system-main h3 {color: #843f5b !important;}
#block-system-main h4 {color: #1b1549 !important;}
#block-system-main a {color: #5859a7;}
/********************************* Misc ***********************************/
ul li.collapsed,ul li.expanded,ul li.leaf {}
a {outline:0 !important;}
label, .panel {margin: 15px 0 0 0;}
.webform-component--title {margin: 15px 0 5px 0;}
.form-item.webform-component .description {margin: 0 0 10px 0;}
.container {padding-left: 0px !important; padding-right: 0px !important;}
.main-container {}
#frontpagerowswrap {}
#notfrontwrap {height: auto;}
#page-header {}
#contentsectionwrap {}
#contentsection {padding: 0 0 0 0;}
#contentsection #page-title {padding: 0px 15px;}
.breadcrumb {}
.breadcrumb a {}
#main-content {}
.region.region-content {padding: 0 0 0 0;}
#block-system-main {padding: 15px 15px;}
#secondarypagesrowswrap {height: auto;}
.img-responsive {display: initial !impotant; margin: 0 auto;}
.webform-submit.button-primary.btn.btn-primary.form-submit {margin: 1em 0;}
/********************************* Navbar ***********************************/
#navbar {padding: 5px 0 5px 15px !important; z-index: 4; background: #0f7ba8 !important;}
.navbar.container {margin-top:0px; margin-bottom: 0px !important;}
.navbar.container >.container {margin: 0; padding: 0; width: auto;}
@media screen and (min-width:768px) {.navbar.container{max-width:100%;}}
@media screen and (min-width:992px) {.navbar.container{max-width:100%;}}
@media screen and (min-width:1200px) {.navbar.container{max-width:100%;}}
/********************************* Logo ***********************************/
.navbar-header {}
.navbar-btn {margin: 0px auto !important; float: none !important;}
.navbar {}
.navbar .logo {}
.navbar .logo img {}
@media screen and (min-width:768px) {.navbar .logo{margin-right:0; padding-left:0}}
/********************************* Menu ***********************************/
.navbar-default
{
background-color: #480c32 !important;
border: 0px !important;
border-color: transparent !important;
}
.navbar
{
/*min-height: 100px !important;*/
margin-bottom: 0px !important;
border-radius: 0px !important;
border: 0px !important;
}
.navbar-collapse
{
padding: 0px !important;
width: 100%;
border-top: 0px !important;
box-shadow: inset 0 0px 0 rgba(255,255,255,0.1) !important;
}
.navbar-nav
{
margin: 10px 0px 0px 22px !important;
background-color: transparent !important;
width: 75%;
padding: 0px 0px 0px 0px;
}
.navbar-default .navbar-text
{
font: 17px GlacialIndifferenceBold;
color: #ffffff;
transition: all 1s ease;
}
.navbar-default .navbar-nav > li {margin: 0 2px;}
.navbar-default .navbar-nav > li > a
{
font: 16px GlacialIndifferenceBold;
color: #ffffff;
transition: all 1s ease;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus
{background: #ffffff; color: #480c32;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus
{background: #ffffff; color: #480c32;}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus
{background: #ffffff; color: #480c32;}
/********************************* Search Bar ***********************************/
/*.searchButton {display: none;}*/
form#search-block-form {position: relative; top: 14px; right: 5px;}
.navbar #block-search-form {position: absolute; right: 4px;}
@media screen and (min-width:200px) {.navbar #block-search-form{float:right;}}
.navbar-search .control-group{margin-bottom:0}
form#search-block-form .input-group {width: 233px;}
#edit-search-block-form--2 {border-radius: 10px; position: relative; top: 3px; right: 5px; width: 200px;}
form#search-block-form .input-group-btn .btn {background: url('../images/search-icon.png') no-repeat center center / contain; width: 34px; height: 34px; border: 0px;}
form#search-block-form .input-group-btn .btn .icon {opacity: 0;}
/*.toggleSearch
{
background: url('../images/search-icon.png') no-repeat center center / cover;
width: 34px;
height: 34px;
display: block;
position: absolute;
right: 15px;
top: 15px;
}
#edit-search-block-form--2
{
background-color: #525252;
border-color: #303030;
border-image: none;
border-radius: 0;
border-style: solid;
border-width: 3px;
color: #ffffff;
display: none;
height: 34px;
position: relative;
right: 50px;
top: 15px;
width: 230px;
z-index: 1;
padding: 5px;
}
.search_region .form-control::-moz-placeholder {color: #ffffff !important;}
#block-system-main .input-group {display: inline-block;}
#block-system-main .toggleSearch {display: inline-block; position: relative; top: 13px; left: 0px;}*/
/********************************* INTERNAL PAGE ***********************************/
.form-required {
color: red;
}
.form-email, .form-number {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555;
vertical-align: middle;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
#webform-client-form-200 .radio {
display: inline-block;
width: 12%;
margin: 0;
}
.webform-component--tag-location .panel-body {
display: flex;
}
.webform-component--tag-location .panel-body div {
flex-basis: 48%;
margin-right: 20px;
}
.webform-component--district, .webform-component-select,
.webform-component--phone-no, .webform-component--library-in-charge-contact-no-mobile-no,
.webform-component--connection-company, .webform-component--bandwidth,
.webform-component--no-of-staff, .webform-component--no-of-computers,
.webform-component--book-record, .webform-component--number-of-books,
.webform-component--member-registration-fee, .webform-component--security-fee{
display: inline-block;
width: 48%;
margin-right: 20px;
}
.webform-component--area .panel-body {
display: flex;
}
.webform-component--area .panel-body div {
margin-right: 20px;
}
@media only screen and (max-width: 480px){
.webform-component--district, .webform-component-select,
.webform-component--phone-no, .webform-component--library-in-charge-contact-no-mobile-no,
.webform-component--connection-company, .webform-component--bandwidth,
.webform-component--no-of-staff, .webform-component--no-of-computers,
.webform-component--book-record, .webform-component--number-of-books,
.webform-component--member-registration-fee, .webform-component--security-fee,
#webform-client-form-200 .radio {
display: block;
width: 100%;
}
}
/********************************* Banner 01 Main Banner ***********************************/
#block-views-main-banner-view-block .flexslider {margin: 0; padding: 0; border: 0; border-radius: 0;}
#block-views-main-banner-view-block .flexslider .flex-control-nav {display: none;}
#block-views-main-banner-view-block .flexslider .flex-direction-nav a {height: 50px;}
#elb1mbwrap {width: 100%; display: block;}
#elb1mb {width: 100%; display: block;}
#elb1mbimgwrap {width: 100%; display: block;}
#elb1mbimg {width: 100%; display: block;}
#elb1mbimg img {width: 100%; display: block;}
/********************************* Banner 02 Scroll Menu ***********************************/
#elb2smenuwrap {width: 100%; display: block;}
#elb2smenu {width: 100%; display: block;}
#elb2smr1wrap {width: 100%; display: block;}
#elb2smr1 {width: 100%; display: block;}
.col-sm-r1 {width: 16.66666666666667%; float: left; position: relative; min-height: 1px; text-align: center;}
.col-sm-r1 a {text-decoration: none; font: 17px MyriadProsBold; color: #ffffff;}
/* #elb2i01 {background: #1b1549;}
#elb2i02 {background: #5859a7;}
#elb2i03 {background: #843f5b;}
#elb2i04 {background: #59123f;}
#elb2i05 {background: #5859a7;}
#elb2i06 {background: #1b1549;} */
#elb2smr1 > div:nth-child(odd),
#elb2smr2 > div:nth-child(even){
background: #0f7ba8;
}
#elb2smr1 > div:nth-child(even),
#elb2smr2 > div:nth-child(odd){
background: #7ed0de;
}
#elb2i01, #elb2i07, #elb2i08, #elb2i09, #elb2i11, #elb2i12, #elb2i13 {padding: 21px 0;}
#elb2i02, #elb2i03, #elb2i04, #elb2i05, #elb2i06, #elb2i10 {padding: 10px 0;}
#elb2smr2wrap {width: 100%; display: block;}
#elb2smr2 {width: 100%; display: block;}
.col-sm-r2 {width: 14.28571428571429%; float: left; position: relative; min-height: 1px; text-align: center;}
.col-sm-r2 a {text-decoration: none; font: 17px MyriadProsBold; color: #ffffff;}
/* #elb2i07 {background: #843f5b;}
#elb2i08 {background: #59123f;}
#elb2i09 {background: #1b1549;}
#elb2i10 {background: #5859a7;}
#elb2i11 {background: #1b1549;}
#elb2i12 {background: #59123f;}
#elb2i13 {background: #843f5b;} */
/********************************* Banner 03 Upcoming Events ***********************************/
#block-views-upcoming-events-block {background: url('../images/bg_upevents.jpg') no-repeat fixed center center / cover; width: 100%; height: auto; display: block; padding: 3em 0;}
#upeventsheaderwrap {width: 100%; display: block; text-align: center;}
#upeventsheader {font: 40px GlacialIndifferenceBold; color: #0f7ba8;}
#upeventsboutwrap {}
#upeventsinwrap {width: 100%; display: block; margin: 3em 0;}
#upeventsin {width: 100%; display: flex; height: 58px;}
#b3uec1 {border-right: 1px solid #8e8e8e; height: 100%;}
#upeventsintitlewrap {width: 100%; display: block; height: 100%;}
#upeventsintitle {width: 100%; display: block; text-align: center; height: 100%;}
#upeventsintitle a {text-decoration: none; font: 24px GlacialIndifferenceBold; color: #0f7ba8; height: 100%;}
#upeventsintitle a:hover {text-decoration: underline;}
#b3uec2 {border-left: 1px solid #8e8e8e; height: 100%; padding: 4px 4em;}
#upeventsintxtwrap {width: 100%; display: block; height: 100%;}
#upeventsintxt {font: 18px GlacialIndifference; color: #404041; height: 100%;}
#upeventsbtnwrap {width: 100%; display: block; text-align: center;}
#upeventsbtn {background: url('../images/btn-viewall.png') no-repeat center center; width: 141px; height: 40px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; margin: 0 auto;}
/********************************* Banner 04 Catalogues ***********************************/
#elb4catalogueswrap {width: 100%; display: block;}
#elb4catalogues {width: 100%; display: block;}
#elb4c {padding: 0;}
#elb4c1cwrap {background: url('../images/catalogue_public.jpg') no-repeat center center / cover; width: 100%; height: auto; display: block; padding: 2em;}
#elb4c2cwrap {background: url('../images/45456.jpg') no-repeat center center / cover; width: 100%; height: auto; display: block; padding: 2em;}
#elb4cc {width: 100%; display: block; background: rgba(15, 123, 168, 0.9); padding: 4em 10em;}
#elb4txtwrap {width: 100%; display: block; text-align: center; margin: 2em 0;}
#elb4txt {font: 35px GlacialIndifferenceBold; color: #ffffff;}
#elb4btnwrap {width: 100%; display: block; text-align: center; margin: 2em 0;}
#elb4btn {background: url('../images/btn-viewall.png') no-repeat center center; width: 141px; height: 40px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; margin: 0 auto;}
#comingbnt{
background: #7ed0de;
width: 141px;
height: 40px;
margin: 0 auto;
display: block;
border: 1px solid #FFF;
border-radius: 6px;
text-indent: 0;
line-height: 38px;
font-size: 18px;
color: #fff;
text-decoration: none;
font-family: GlacialIndifference;
}
/********************************* Banner 05 Online Databases ***********************************/
#elb5odbswrap {background: url('../images/bg_upevents.jpg') no-repeat fixed center center / cover; width: 100%; height: auto; display: block; padding: 8em 0 5em 0;}
#elb5odbs {width: 100%; display: block;}
#elb5c1 {}
#elb5c1cwrap {width: 100%; display: block; padding: 0 0;}
#elb5c1c {width: 100%; display: block;}
/* . */
#oxfordreferencewrap {width: 100%; display: block; margin: 1em 0 1em 0;;}
#oxfordreference {width: 100%; display: block;}
#oxfordreferenceiconwrap {width: 100%; display: block; text-align: center; margin: 1em 0;}
#oxfordreferenceicon {background: url('../images/odbi1.png') no-repeat center center / contain; width: 96px; height: 58px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; margin: 0 auto; transition: all 2s ease;}
#oxfordreferencewrap:hover #oxfordreferenceicon {width: 86px; height: 48px;}
#oxfordreferencetxtwrap {width: 100%; display: block; text-align: center; margin: 1em 0;}
#oxfordreferencetxt {text-decoration: none; font: 20px GlacialIndifferenceBold; color: #808284; transition: all 2s ease;}
#oxfordreferencewrap:hover #oxfordreferencetxt {font-size: 24px; color: #d77e27;}
/* . */
#cambridgecompwrap {width: 100%; display: block; margin: 1em 0 1em 0;}
#cambridgecomp {width: 100%; display: block;}
#cambridgecompiconwrap {width: 100%; display: block; text-align: center; margin: 1em 0;}
#cambridgecompicon {background: url('../images/odbi2.png') no-repeat center center / contain; width: 96px; height: 58px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; margin: 0 auto; transition: all 2s ease;}
#cambridgecompwrap:hover #cambridgecompicon {width: 86px; height: 48px;}
#cambridgecomptxtwrap {width: 100%; display: block; text-align: center; margin: 1em 0;}
#cambridgecomptxt {text-decoration: none; font: 20px GlacialIndifferenceBold; color: #808284; transition: all 2s ease;}
#cambridgecompwrap:hover #cambridgecomptxt {font-size: 24px; color: #d77e27;}
/* . */
#prj-wrap {width: 100%; display: block; margin: 1em 0 1em 0;;}
#prj {width: 100%; display: block;}
#prjiconwrap {width: 100%; display: block; text-align: center; margin: 1em 0;}
#prjicon {background: url('../images/odbi1.png') no-repeat center center / contain; width: 96px; height: 58px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; margin: 0 auto; transition: all 2s ease;}
#prj-wrap:hover #prjicon {width: 86px; height: 48px;}
#prjtxtwrap {width: 100%; display: block; text-align: center; margin: 1em 0;}
#prjtxt {text-decoration: none; font: 20px GlacialIndifferenceBold; color: #808284; transition: all 2s ease;}
#prj-wrap:hover #prjtxt {font-size: 24px; color: #d77e27;}
/* . */
#elb5c2 {}
#odbsbgwrap {width: 100%; display: block;}
#odbsbg {background: url('../images/HECDB.png') no-repeat center center / contain; width: 100%; height: 378px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap;}
#elb5c3 {}
#elb5c3cwrap {width: 100%; display: block; padding: 0 0;}
#elb5c3c {width: 100%; display: block;}
/* . */
#ebrarywrap {width: 100%; display: block; margin: 1em 0 1em 0;}
#ebrary {width: 100%; display: block;}
#ebraryiconwrap {width: 100%; display: block; text-align: center; margin: 1em 0;}
#ebraryicon {background: url('../images/J_Store.png') no-repeat center center / contain; width: 96px; height: 58px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; margin: 0 auto; transition: all 2s ease;}
#ebrarywrap:hover #ebraryicon {width: 86px; height: 48px;}
#ebrarytxtwrap {width: 100%; display: block; text-align: center; margin: 1em 0;}
#ebrarytxt {text-decoration: none; font: 20px GlacialIndifferenceBold; color: #808284; transition: all 2s ease;}
#ebrarywrap:hover #ebrarytxt {font-size: 24px; color: #d77e27;}
#oxfordreferenceiconwrap a,
#cambridgecompiconwrap a,
#prjiconwrap a,
#paklawsiteiconwrap a,
#oadiconwrap a{
pointer-events: none;
}
/* . */
#paklawsitewrap {width: 100%; display: block; margin: 1em 0 1em 0;}
#paklawsite {width: 100%; display: block;}
#paklawsiteiconwrap {width: 100%; display: block; text-align: center; margin: 1em 0;}
#paklawsiteicon {background: url('../images/odbi1.png') no-repeat center center / contain; width: 96px; height: 58px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; margin: 0 auto; transition: all 2s ease;}
#paklawsitewrap:hover #paklawsiteicon {width: 86px; height: 48px;}
#paklawsitetxtwrap {width: 100%; display: block; text-align: center; margin: 1em 0;}
#paklawsitetxt {text-decoration: none; font: 20px GlacialIndifferenceBold; color: #808284; transition: all 2s ease;}
#paklawsitewrap:hover #paklawsitetxt {font-size: 24px; color: #d77e27;}
/* . */
#oad-wrap {width: 100%; display: block; margin: 1em 0 1em 0;}
#oad {width: 100%; display: block;}
#oadiconwrap {width: 100%; display: block; text-align: center; margin: 1em 0;}
#oadicon {background: url('../images/odbi2.png') no-repeat center center / contain; width: 96px; height: 58px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; margin: 0 auto; transition: all 2s ease;}
#oad-wrap:hover #oadicon {width: 86px; height: 48px;}
#oadtxtwrap {width: 100%; display: block; text-align: center; margin: 1em 0;}
#oadtxt {text-decoration: none; font: 20px GlacialIndifferenceBold; color: #808284; transition: all 2s ease;}
#oad-wrap:hover #oadtxt {font-size: 24px; color: #d77e27;}
/* . */
/********************************* Banner 06 Digital Content ***********************************/
#elb6digcontwrap {background: url('../images/bg_digcont.png') no-repeat fixed center center / cover; width: 100%; height: auto; display: block; padding: 5em 0 3em 0;}
#elb6digcont {width: 100%; display: block;}
#elb6dctitlewrap {width: 100%; display: block; text-align: center;}
#elb6dctitle {font: 40px GlacialIndifferenceBold; color: #0f7ba8;}
#elb6dccontentwrap {width: 100%; display: block; margin: 2em 0;}
#elb6dccontent {width: 100%; display: block;}
#elb6dcc1 {}
#elb6dcc1cwrap {width: 100%; display: block;}
#elb6dcc1c {width: 100%; display: block;}
#elb6dcc1bgwrap {width: 100%; display: block;}
#elb6dcc1bg {background: url('../images/bg_digcont2.png') no-repeat center center / contain; width: 100%; height: 246px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap;}
#elb6dcc2 {}
#elb6dcc2cwrap {width: 100%; display: block; padding: 0 1em;}
#elb6dcc2c {width: 100%; display: block;}
#hecdlwrap, #punjabdlwrap, #childdlwrap, #audiolib-wrap {width: 100%; display: block; margin: 0 0 0.5em;}
#hecdl, #punjabdl, #childdl, #audiolib {width: 100%; display: block; position: relative}
#dciconwrap {display: inline-block;}
#dcicon {background: url('../images/icon_digcont.png') no-repeat center center; width: 58px; height: 56px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; margin: 0 1.5em;}
#dclnkwrap {display: inline-block; position: absolute; top: 10px;}
#dclnk {text-decoration: none; font: 30px GlacialIndifference; color: #ffffff; transition: all 2s ease; margin: 0 0.5em;}
#hecdlwrap:hover #dclnk, #punjabdlwrap:hover #dclnk, #childdlwrap:hover #dclnk, #audiolib-wrap:hover #dclnk {font-size: 32px;}
/********************************* Banner 07 Services ***********************************/
#elb7serviceswrap {width: 100%; display: block; padding: 3em 0 2em 0;}
#elb7services {width: 100%; display: block;}
#elb7servicestitlewrap {width: 100%; display: block; margin: 1em 0 3em 0;}
#elb7servicestitle {font: 40px GlacialIndifferenceBold; color: #0f7ba8; text-align: center;}
#elb7servicesbodywrap {width: 100%; display: block;}
#elb7servicesbody {width: 100%; display: block;}
#elb7servicesrwrap {width: 100%; display: block;}
#elb7servicesr {width: 100%; display: block;}
#elb7rc {padding: 0px;}
#elb7erozgaarwrap {background: url('../images/bg_er.png') no-repeat center center / cover;}
#elb7ceowrap {background: url('../images/bg_ceo.png') no-repeat center center / cover;}
#elb7elearningwrap {background: url('../images/bg_el.png') no-repeat center center / cover;}
#elb7mmswrap {background: url('../images/bg_mms.png') no-repeat center center / cover;}
#elb7illwrap {background: url('../images/bg_ill.png') no-repeat center center / cover;}
#elb7ilpwrap {background: url('../images/bg_ilp.png') no-repeat center center / cover;}
#elb7lswrap {background: url('../images/bg_ls.png') no-repeat center center / cover;}
#elb7rrsswrap {background: url('../images/bg_rrss.png') no-repeat center center / cover;}
#elb7ctswrap {background: url('../images/bg-cts.png') no-repeat center center / cover;}
#elb7febcwrap {background: url('../images/bg-febc.png') no-repeat center center / cover;}
#elb7prfwrap {background: url('../images/bg-prf.png') no-repeat center center / cover;}
#elb7sbfswrap {background: url('../images/bg-sbfs.png') no-repeat center center / cover;}
.elb7txtwrap {width: 100%; height: 257px; display: table; padding: 1.5em;}
#elb7txt {display: table-cell; width: 100%; height: 100%; background: transparent; text-align: center; text-decoration: none; font: 30px GlacialIndifferenceBold; color: #aaaaaa; vertical-align: middle; transition: all 2s ease;}
.elb7txtwrap:hover #elb7txt {background: rgba(15, 123, 168, 0.9); font-size: 32px; color: #ffffff;}
#elb7servicesbtnwrap {width: 100%; display: block; margin: 3em 0 0; text-align: center;}
#elb7servicesbtn {background: url('../images/btn-viewall.png') no-repeat center center; width: 141px; height: 40px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; margin: 0 auto;}
/********************************* Banner 08 News Room ***********************************/
.region.region-banner09 {background: url(../images/bg_newsroom.jpg) no-repeat fixed center center / cover; width: 100%; height: auto; display: block; padding: 5em 0 6em;}
.News.Roomtitle {font: 50px GlacialIndifferenceBold; color: #0f7ba8; text-align: center; margin: 0;}
#quicktabs-news_room {}
#quicktabs-news_room ul {text-align: center; padding: 0px; margin: 5em 0 4em 0;}
#quicktabs-news_room ul li {display: inline-block; margin: 0 5px;}
#quicktabs-news_room ul li a {}
#quicktabs-tab-news_room-0 {background: url('../images/tab_urdunews.png') no-repeat center center; width: 202px; height: 40px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap;}
#quicktabs-news_room ul li:hover #quicktabs-tab-news_room-0,
#quicktabs-news_room ul li.active #quicktabs-tab-news_room-0
{background: url('../images/tab_urdunews-hover.png') no-repeat center center;}
#quicktabs-tab-news_room-1 {background: url('../images/tab_engnews.png') no-repeat center center; width: 202px; height: 40px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap;}
#quicktabs-news_room ul li:hover #quicktabs-tab-news_room-1,
#quicktabs-news_room ul li.active #quicktabs-tab-news_room-1
{background: url('../images/tab_engnews-hover.png') no-repeat center center;}
#quicktabs-tab-news_room-2 {background: url('../images/tab_inews.png') no-repeat center center; width: 202px; height: 40px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap;}
#quicktabs-news_room ul li:hover #quicktabs-tab-news_room-2,
#quicktabs-news_room ul li.active #quicktabs-tab-news_room-2
{background: url('../images/tab_inews-hover.png') no-repeat center center;}
.newspboutwrap {}
#b8newspbinwrap {width: 100%; display: block; margin: 2em 0;}
#b8newspbin {width: 100%; display: block;}
#b8newspbinlogowrap {width: 100%; display: block;}
#b8newspbinlogo {width: 100%; display: block;}
#b8newspbinlogo img {width: 100%; display: block; height: auto; background: #ffffff;}
/*** Page ***/
.newsppoutwrap {}
#b8newsppinwrap {width: 100%; display: block; margin: 2em 0;}
#b8newsppin {width: 100%; display: block;}
#b8newsppinlogowrap {width: 100%; display: block;}
#b8newsppinlogo {width: 100%; display: block;}
#b8newsppinlogo img {width: 100%; display: block; height: auto; background: #ffffff;}
/********************************* Banner 09 Magazines ***********************************/
#block-views-magazines-block {background: url('../images/bg_magazines.jpg') no-repeat fixed center center / cover; width: 100%; height: auto; display: block; padding: 4em 0 3em 0;}
#b9mzbheaderwrap {width: 100%; display: block; text-align: center;}
#b9mzbheader {font: 40px GlacialIndifferenceBold; color: #0f7ba8;}
#views_slideshow_cycle_main_magazines-block,
#views_slideshow_cycle_teaser_section_magazines-block,
#views_slideshow_cycle_div_magazines-block_0,
#views_slideshow_cycle_div_magazines-block_1,
#views_slideshow_cycle_div_magazines-block_2,
#views_slideshow_cycle_div_magazines-block_3,
#views_slideshow_cycle_div_magazines-block_4
{width: 100% !important; display: block;}
#views_slideshow_cycle_main_magazines-block {padding: 0 3em;}
.b9mgboutwrap {}
#b9mgbinwrap {width: 100%; display: block; margin: 3em 0;}
#b9mgbin {width: 100%; display: block;}
#b9mgbincvrwrap {width: 100%; display: block; margin: 0.5em 0;}
#b9mgbincvr {width: 200px; display: block; height: 279px; margin: 0 auto;}
#b9mgbintitlewrap {width: 100%; display: block; margin: 0.5em 0;}
#b9mgbintitle {width: 100%; display: block; text-align: center;}
#b9mgbintitle a {text-decoration: none; font: 25px GlacialIndifferenceBold; color: #404041}
#b9mgbincvr img {width: 100%; display: block; height: auto; margin: 0 auto;}
/*** controls ***/
#block-views-magazines-block .views-slideshow-controls-bottom.clearfix
{position: absolute; bottom: 19em; width: 100%; z-index: 7; padding: 0 1em; height: 0px;}
#vscc_controls_magazines-block {height: 0px;}
#vscc_controls_previous_magazines-block {}
#vscc_controls_previous_magazines-block a
{
background: url('../images/btn_prev.png') no-repeat center center !important;
color: transparent;
display: inline-block;
width: 55px;
height: 56px;
}
#vscc_controls_previous_magazines-block a img {opacity: 0;}
#vscc_controls_next_magazines-block {float: right;}
#vscc_controls_next_magazines-block a
{
background: url('../images/btn_nxt.png') no-repeat center center !important;
color: transparent;
display: inline-block;
width: 55px;
height: 56px;
}
#vscc_controls_next_magazines-block a img {opacity: 0;}
/*** ... ***/
/*** Page ***/
.b9mgpoutwrap {}
#b9mgpinwrap {width: 100%; display: block; margin: 2em 0;}
#b9mgpin {width: 100%; display: block;}
#b9mgpincvrwrap {width: 100%; display: block;}
#b9mgpincvr {width: 200px; display: block; height: 279px; margin: 0 auto;}
#b9mgpincvr img {width: 100%; display: block; height: auto;}
/********************************* Banner 10 Noble Laureates ***********************************/
#b10noblauwrap {background: url('../images/bg_upevents.jpg') no-repeat fixed center center / cover; width: 100%; height: auto; display: block; padding: 4em 0 8em;}
#b10noblau1 {width: 100%; display: block;}
#b10noblautitlewrap {width: 100%; display: block; text-align: center;}
#b10noblautitle {font: 40px GlacialIndifferenceBold; color: #0f7ba8;}
#b10noblauiconswrap {width: 100%; display: block; margin: 7.5em 0 0;}
#b10noblauicons {width: 100%; display: block;}
#b10noblauc1, #b10noblauc2, #b10noblauc3, #b10noblauc4 {}
#pdict-wrap, #udict-wrap, #sedict-wrap, #tdict-wrap {width: 100%; display: block;}
#pdict, #udict, #sedict, #tdict {width: 100%; display: block;}
#pdict-icon-wrap {background: url('../images/nl_ppp_out.png') no-repeat center center;}
#udict-icon-wrap {background: url('../images/nl_dvd_out.png') no-repeat center center;}
#sedict-icon-wrap {background: url('../images/nl_buk_out.png') no-repeat center center;}
#tdict-icon-wrap {background: url('../images/nl_tdict_out.png') no-repeat center center;}
#pdict-icon-wrap, #udict-icon-wrap, #sedict-icon-wrap, #tdict-icon-wrap {width: 180px; height: 180px; display: block; margin: 0 auto;}
#pdict-icon {background: url('../images/nl_pdict_in.png') no-repeat center center;}
#udict-icon {background: url('../images/nl_udict_in.png') no-repeat center center;}
#sedict-icon {background: url('../images/nl_sedict_in.png') no-repeat center center;}
#tdict-icon {background: url('../images/nl_tdict_in.png') no-repeat center center;}
#pdict-icon, #udict-icon, #sedict-icon, #tdict-icon {width: 180px; height: 180px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; transition: all 2s ease; position: absolute; top: -0%; margin: 0 auto;}
#pdict-wrap:hover #pdict-icon, #udict-wrap:hover #udict-icon, #sedict-wrap:hover #sedict-icon, #tdict-wrap:hover #tdict-icon {top: -8em;}
#pdict-title-wrap {width: 62.02px;}
#udict-title-wrap {width: 39.77px;}
#sedict-title-wrap {width: 62.02px;}
#tdict-title-wrap {width: 62.14px;}
#pdict-title-wrap, #udict-title-wrap, #sedict-title-wrap, #tdict-title-wrap {display: block; margin: 1em auto; text-align: center; position: relative;}
#pdict-title, #udict-title, #sedict-title, #tdict-title {text-decoration: none; font: 18px GlacialIndifferenceBold; color: #58585b; display: block; transition: all 3s ease; position: absolute; top: 0%;}
#pdict-wrap:hover #pdict-title, #udict-wrap:hover #udict-title, #sedict-wrap:hover #sedict-title, #tdict-wrap:hover #tdict-title {top: -6.7em; color: #ffffff;}
/*** ... ***/
#b10powerpointwrap {width: 100%; display: block;}
#b10powerpoint {width: 100%; display: block;}
#b10powerpointiconwrap {background: url('../images/nl_ppp_out.png') no-repeat center center; width: 181px; height: 180px; display: block; margin: 0 auto;}
#b10powerpointicon {background: url('../images/nl_ppp_in.png') no-repeat center center; width: 181px; height: 180px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; transition: all 2s ease; position: absolute; top: -0%;}
#b10powerpointwrap:hover #b10powerpointicon {top: -8em;}
#b10powerpointtitlewrap {width: 106px; display: block; margin: 1em auto; text-align: center; position: relative;}
#b10powerpointtitle {text-decoration: none; font: 18px GlacialIndifferenceBold; color: #58585b; display: block; transition: all 3s ease; position: absolute; top: 0%;}
#b10powerpointwrap:hover #b10powerpointtitle {top: -6.7em; color: #ffffff;}
#b10dvdswrap {width: 100%; display: block;}
#b10dvds {width: 100%; display: block;}
#b10dvdsiconwrap {background: url('../images/nl_dvd_out.png') no-repeat center center; width: 181px; height: 180px; display: block; margin: 0 auto;}
#b10dvdsicon {background: url('../images/nl_dvd_in.png') no-repeat center center; width: 181px; height: 180px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; transition: all 2s ease; position: absolute; top: -0%;}
#b10dvdswrap:hover #b10dvdsicon {top: -8em;}
#b10dvdstitlewrap {width: 41px; display: block; margin: 1em auto; text-align: center; position: relative;}
#b10dvdstitle {text-decoration: none; font: 18px GlacialIndifferenceBold; color: #58585b; display: block; transition: all 3s ease; position: absolute; top: 0%;}
#b10dvdswrap:hover #b10dvdstitle {top: -6em; color: #ffffff;}
#b10bukswrap {width: 100%; display: block;}
#b10buk {width: 100%; display: block;}
#b10buksiconwrap {background: url('../images/nl_buk_out.png') no-repeat center center; width: 181px; height: 180px; display: block; margin: 0 auto;}
#b10buksicon {background: url('../images/nl_buk_in.png') no-repeat center center; width: 181px; height: 180px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; transition: all 2s ease; position: absolute; top: -0%;}
#b10bukswrap:hover #b10buksicon {top: -8em;}
#b10bukstitlewrap {width: 50px; display: block; margin: 1em auto; text-align: center; position: relative;}
#b10bukstitle {text-decoration: none; font: 18px GlacialIndifferenceBold; color: #58585b; display: block; transition: all 3s ease; position: absolute; top: 0%;}
#b10bukswrap:hover #b10bukstitle {top: -6em; color: #ffffff;}
/********************************* Banner 11 Mentors ***********************************/
#elb11mentorswrap {background: url('../images/bg_mentors.png') no-repeat fixed center center / cover; width: 100%; height: auto; display: block; padding: 5em;}
#elb11mentors {width: 100%; display: block;}
#elb11mentorstitlewrap {width: 100%; display: block; text-align: center;}
#elb11mentorstitle {font: 40px GlacialIndifferenceBold; color: #ffffff;}
#elb11mentorscontntwrap {width: 100%; display: block; margin: 4em 0 0;}
#elb11mentorscontnt {width: 100%; display: block;}
#elb11c1, #elb11c2, #elb11c3, #elb11c4 {}
#elb11c1cwrap, #elb11c2cwrap, #elb11c3cwrap, #elb11c4cwrap {width: 100%; display: block; margin: 1em 0;}
#elb11c1c, #elb11c2c, #elb11c3c, #elb11c4c {width: 100%; display: block;}
#khanacadwrap, #mentrboxwrap, #b11elearnwrap, #mitcwisewrap {width: 100%; display: block;}
#khanacad, #mentrbox, #b11elearn, #mitcwise {width: 100%; display: block;}
#khanacadlogowrap, #mentrboxlogowrap, #b11elearnlogowrap, #mitcwiselogowrap {width: 100%; display: block; margin: 0 0 2em 0;;}
#khanacadlogo {background: url('../images/logo-khanacad.png') no-repeat center center; width: 155px; height: 143px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; margin: 0 auto;}
#mentrboxlogo {background: url('../images/logo-mentorbox.png') no-repeat center center; width: 155px; height: 143px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; margin: 0 auto;}
/*#b11elearnlogo {background: url('../images/logo-gopunjab.png') no-repeat center center; width: 155px; height: 143px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; margin: 0 auto;}*/
#b11elearnlogo {background: url('../images/logo-iops.png') no-repeat center center; width: 253px; height: 143px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; margin: 0 auto;}
#mitcwiselogo {background: url('../images/logo-mitocw.png') no-repeat center center; width: 155px; height: 143px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; margin: 0 auto;}
#khanacadtitlewrap, #mentrboxtitlewrap, #b11elearntitlewrap, #mitcwisetitlewrap {width: 100%; display: block; text-align: center; margin: 2em 0 0;}
#khanacadtitle, #mentrboxtitle, #b11elearntitle, #mitcwisetitle {text-decoration: none; font: 25px GlacialIndifferenceBold; color: #ffffff;}
/********************************* Banner 12 Educational Resources ***********************************/
#block-views-educational-resources-block,
#block-views-educational-resources-block-1
{width: 100%; display: block; margin: 4em 0;}
#edursrcsbheaderwrap {width: 100%; display: block; text-align: center;}
#edursrcsbheader {font: 40px GlacialIndifferenceBold; color: #0f7ba8;}
#views_slideshow_cycle_main_educational_resources-block,
#views_slideshow_cycle_main_educational_resources-block_1
{width: 100% !important; display: block; margin: 2em 0; padding: 0 10em;}
#views_slideshow_cycle_teaser_section_educational_resources-block,
#views_slideshow_cycle_teaser_section_educational_resources-block_1
{background: url('../images/ershelf.png') no-repeat 100% 115%; width: 100% !important; height: auto; display: block; background-size: 100% 50%;}
#views_slideshow_cycle_div_educational_resources-block_0,
#views_slideshow_cycle_div_educational_resources-block_1,
#views_slideshow_cycle_div_educational_resources-block_2,
#views_slideshow_cycle_div_educational_resources-block_3,
#views_slideshow_cycle_div_educational_resources-block_4
{width: 100% !important; display: block; padding: 0 6em 0 5em; overflow: auto;}
#views_slideshow_cycle_div_educational_resources-block_1_0,
#views_slideshow_cycle_div_educational_resources-block_1_1,
#views_slideshow_cycle_div_educational_resources-block_1_2,
#views_slideshow_cycle_div_educational_resources-block_1_3,
#views_slideshow_cycle_div_educational_resources-block_1_4
{width: 100% !important; display: block; padding: 0 6em 0 5em; overflow: auto;}
.edursrcsboutwrap {}
#edursrcsbinwrap {width: 100%; display: block; margin: 3em 0;}
#edursrcsbin {width: 100%; display: block;}
#edursrcsbincvrwrap {width: 100%; display: block; margin: 0.5em 0;}
#edursrcsbincvr {width: 185px; display: block; height: 226px; margin: 0 auto;}
@-webkit-keyframes hvr-pulse {25% {-webkit-transform: scale(1.1); transform: scale(1.1);} 75% {-webkit-transform: scale(0.9); transform: scale(0.9);}}
@keyframes hvr-pulse {25% {-webkit-transform: scale(1.1); transform: scale(1.1);} 75% {-webkit-transform: scale(0.9); transform: scale(0.9);}}
#edursrcsbincvr img {width: 100%; display: inline-block; height: auto; margin: 0 auto; border-radius: 1em; transition: all 2s ease; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;}
#edursrcsbincvr img:hover, #edursrcsbincvr img:focus, #edursrcsbincvr img:active {-webkit-animation-name: hvr-pulse; animation-name: hvr-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
/*** controls ***/
#block-views-educational-resources-block .views-slideshow-controls-bottom.clearfix
{position: absolute; bottom: 15em; width: 100%; z-index: 7; padding: 0 3em; height: 0px;}
#block-views-educational-resources-block-1 .views-slideshow-controls-bottom.clearfix
{position: absolute; bottom: 15em; width: 100%; z-index: 7; padding: 0 3em; height: 0px;}
#vscc_controls_educational_resources-block {height: 0px;}
#vscc_controls_educational_resources-block_1 {height: 0px;}
#vscc_controls_previous_educational_resources-block {}
#vscc_controls_previous_educational_resources-block_1 {}
#vscc_controls_previous_educational_resources-block a {background: url('../images/btn_prev.png') no-repeat center center !important; color: transparent; display: inline-block; width: 55px; height: 56px;}
#vscc_controls_previous_educational_resources-block_1 a {background: url('../images/btn_prev.png') no-repeat center center !important; color: transparent; display: inline-block; width: 55px; height: 56px;}
#vscc_controls_previous_educational_resources-block a img {opacity: 0;}
#vscc_controls_previous_educational_resources-block_1 a img {opacity: 0;}
#vscc_controls_next_educational_resources-block {float: right;}
#vscc_controls_next_educational_resources-block_1 {float: right;}
#vscc_controls_next_educational_resources-block a {background: url('../images/btn_nxt.png') no-repeat center center !important; color: transparent; display: inline-block; width: 55px; height: 56px;}
#vscc_controls_next_educational_resources-block_1 a {background: url('../images/btn_nxt.png') no-repeat center center !important; color: transparent; display: inline-block; width: 55px; height: 56px;}
#vscc_controls_next_educational_resources-block a img {opacity: 0;}
#vscc_controls_next_educational_resources-block_1 a img {opacity: 0;}
/*** ... ***/
/*** Page ***/
.edursrcspoutwrap {}
#edursrcspinwrap {width: 100%; display: block; margin: 2em 0;}
#edursrcspin {width: 100%; display: block;}
#edursrcspincvrwrap {width: 100%; display: block;}
#edursrcspincvr {width: 200px; display: block; height: 279px; margin: 0 auto;}
#edursrcspincvr img {width: 100%; display: block; height: auto;}
/********************************* Banner 13 Become a Member ***********************************/
#b13memberwrap {background: url('../images/bg_member.jpg') no-repeat fixed center center / cover; width: 100%; height: auto; display: block; padding: 6.2em 0;}
#b13member {width: 100%; display: block;}
#b13memberc1 {}
#b13memberc1cwrap {width: 100%; display: block; padding: 0 3em;}
#b13memberc1c {width: 100%; display: block;}
#b13membertitlewrap {width: 100%; display: block; margin: 1em 0; text-align: center;}
#b13membertitle {font: 40px GlacialIndifferenceBold; color: #0f7ba8;}
#b13membertxtwrap {width: 100%; display: block; margin: 3em 0 5em; text-align: center;}
#b13membertxt {font: 18px GlacialIndifference; color: #404041;}
#b13memberbtnswrap {width: 100%; display: block;}
#b13memberbtns {width: 100%; display: block;}
#b13membersigninbtnwrap, #b13membersignupbtnwtap {width: 49.5%; display: inline-block;}
#b13membersigninbtn {background: url('../images/btn-signin.png') no-repeat center center; width: 141px; height: 40px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; margin: 0 auto; transition: all 2s ease;}
#b13membersigninbtn:hover {background: url('../images/btn-signin-hover.png') no-repeat center center;}
#b13membersignupbtn {background: url('../images/btn-signup.png') no-repeat center center; width: 141px; height: 40px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; margin: 0 auto; transition: all 2s ease;}
#b13membersignupbtn:hover {background: url('../images/btn-signup-hover.png') no-repeat center center;}
#b13memberformbtnwrap {width: 100%; display: block;}
#b13memberformbtn {background: url('../images/btn-member.PNG') no-repeat center center; width: 141px; height: 40px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; margin: 0 auto; transition: all 2s ease;}
#b13memberformbtn:hover {background: url('../images/btn-member-hover.PNG') no-repeat center center;}
#b13memberc2 {}
#b13memberc2cwrap {width: 100%; display: block;}
#b13memberc2c {width: 100%; display: block;}
#b13memberfimagewrap {width: 100%; display: block; padding: 2em 0;}
#b13memberfimage {background: url('../images/img_member.png') no-repeat center center / contain; width: 100%; height: 237px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; margin: 0 auto;}
/********************************* Banner 14 Gallery ***********************************/
#block-views-gallery-block-1 {background: url('../images/bg_upevents.jpg') no-repeat fixed center center / cover; display: block; padding: 4em 0 3em 0;}
#gallerybheaderwrap {width: 100%; display: block; text-align: center;}
#gallerybheader {font: 40px GlacialIndifferenceBold; color: #0f7ba8;}
#views_slideshow_cycle_main_gallery-block_1,
#views_slideshow_cycle_teaser_section_gallery-block_1,
#views_slideshow_cycle_div_gallery-block_1_0,
#views_slideshow_cycle_div_gallery-block_1_1,
#views_slideshow_cycle_div_gallery-block_1_2,
#views_slideshow_cycle_div_gallery-block_1_3,
#views_slideshow_cycle_div_gallery-block_1_4
{width: 100% !important; display: block;}
#views_slideshow_cycle_teaser_section_gallery-block_1 {padding: 0 6em;}
.galleryboutwrap {}
#gallerybinwrap {width: 100%; display: block; margin: 3em 0 2em 0;}
#gallerybin {width: 100%; display: block;}
#gallerybinimgwrap {width: 100%; display: block; margin: 2em 0;}
#gallerybinimg {width: 100%; display: block; background: rgba(15, 123, 168, 0.9);}
#gallerybinimg img {width: 100%; display: block; height: auto; border: 3px solid #000000; opacity: 0.2; transition: all 2s ease;}
#gallerybinwrap:hover #gallerybinimg img {opacity: 1; border-color: #0f7ba8;}
#gallerybintitlewrap {width: 100%; display: block; text-align: center; margin: 2em 0;}
#gallerybintitle {width: 100%; display: block;}
#gallerybintitle a {text-decoration: none; font: 25px MyriadProsBold; color: #7f7f7f; transition: all 2s ease;}
#gallerybinwrap:hover #gallerybintitle a {color: #0f7ba8;}
/*** Page ***/
.gallerypoutwrap {}
#gallerypinwrap {width: 100%; display: block; margin: 3em 0 0;}
#gallerypin {width: 100%; display: block;}
#gallerypinimgwrap {width: 100%; display: block; margin: 2em 0;}
#gallerypinimg {width: 100%; display: block; background: rgba(15, 123, 168, 1);}
#gallerypinimg img {width: 100%; display: block; height: auto; border: 3px solid #000000; opacity: 0.2; transition: all 2s ease;}
#gallerypinwrap:hover #gallerypinimg img {opacity: 1; border-color: #0f7ba8;}
#gallerypintitlewrap {width: 100%; display: block; text-align: center; margin: 2em 0;}
#gallerypintitle {width: 100%; display: block;}
#gallerypintitle a {text-decoration: none; font: 25px MyriadProsBold; color: #7f7f7f; transition: all 2s ease; height: 32px; overflow: hidden;}
#gallerypinwrap:hover #gallerypintitle a {color: #0f7ba8;}
/*** controls ***/
#block-views-gallery-block-1 .views-slideshow-controls-bottom.clearfix
{position: absolute; bottom: 21.5em; width: 100%; z-index: 7; padding: 0 1.5em; height: 0px;}
#vscc_controls_gallery-block_1 {height: 0px;}
#vscc_controls_previous_gallery-block_1 {}
#vscc_controls_previous_gallery-block_1 a
{
background: url('../images/btn_prev.png') no-repeat center center !important;
color: transparent;
display: inline-block;
width: 55px;
height: 56px;
}
#vscc_controls_previous_gallery-block_1 a img {opacity: 0;}
#vscc_controls_next_gallery-block_1 {float: right;}
#vscc_controls_next_gallery-block_1 a
{
background: url('../images/btn_nxt.png') no-repeat center center !important;
color: transparent;
display: inline-block;
width: 55px;
height: 56px;
}
#vscc_controls_next_gallery-block_1 a img {opacity: 0;}
/*** ... ***/
/********************************* Banner 15 Highlights ***********************************/
#block-views-highlights-block-1 {background: url('../images/bg_highlights.jpg') no-repeat fixed center center / cover; width: 100%; height: auto; display: block; padding: 3em 0;}
#highbheaderwrap {width: 100%; display: block; text-align: center;}
#highbheader {font: 40px GlacialIndifferenceBold; color: #ffffff;}
.view-highlights .view-content {overflow: auto;}
.highboutwrap {}
#highbinwrap {width: 100%; display: block; margin: 3em 0 4em 0; padding: 0 4em;}
#highbin {width: 100%; display: block;}
#highbindatewrap {width: 100%; display: block; margin: 1em 0 0.25em 0;}
#highbindate {font: 18px MyriadProsBold; color: #ffffff;}
#highbintitlewrap {width: 100%; display: block; margin: 0.25em 0 1em 0;}
#highbintitle {width: 100%; display: block;}
#highbintitle a {text-decoration: none; font: 20px MyriadProsBold; color: #ffffff;}
#highbintxtwrap {width: 100%; display: block; margin: 1em 0; background: rgba(255, 255, 255, 0.7); transition: all 2s ease;}
#highbin:hover #highbintxtwrap {background: rgba(255, 255, 255, 0.3);}
#highbintxt {font: 16px MyriadProsBold; color: #404041; transition: all 2s ease; padding: 2em 1em 3em;
text-align: justify;}
#highbintxt p {display: block; height: 60px; overflow: hidden;}
#highbin:hover #highbintxt {color: #ffffff;}
#highbbtnwrap {width: 100%; display: block; text-align: center;}
#highbbtn {background: url('../images/btn-viewall.png') no-repeat center center; width: 141px; height: 40px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; margin: 0 auto;}
/*** Page ***/
.highpoutwrap {}
#highpinwrap {width: 100%; display: block; margin: 2em 0;}
#highpin {width: 100%; display: block;}
#highpindatewrap {width: 100%; display: block;}
#highpindate {font: 18px MyriadProsBold;}
#highpintitlewrap {width: 100%; display: block;}
#highpintitle {width: 100%; display: block;}
#highpintitle a {text-decoration: none; font: 19px GlacialIndifference; color: #480c32;}
/********************************* Banner 16 Facilities ***********************************/
#elb16facilitieswrap {background: url('../images/bg_upevents.jpg') no-repeat fixed center center / cover; width: 100%; height: auto; display: block; padding: 4em 0; margin-top: -5px;}
#elb16facilities {width: 100%; display: block;}
#elb16facilitiestitlewrap {width: 100%; display: block; text-align: center;}
#elb16facilitiestitle {font: 45px GlacialIndifferenceBold; color: #0f7ba8;}
#elb16facilitiescontntwrap {width: 100%; display: block; margin: 2em 0;}
#elb16facilitiescontnt {width: 100%; display: block; text-align: center}
#emptyc {}
#elb16c1, #elb16c2, #elb16c3, #elb16c4, #elb16c5 {}
#elb16c1cwrap, #elb16c2cwrap, #elb16c3cwrap, #elb16c4cwrap, #elb16c5cwrap {width: 100%; display: block;}
#elb16c1c, #elb16c2c, #elb16c3c, #elb16c4c, #elb16c5c {width: 100%; display: block;}
#elb16laptopsiconwrap, #elb16tabletsiconwrap, #elb16wifiiconwrap, #elb16auditoriumiconwrap, #elb16readingroomsiconwrap {width: 100%; display: block; margin: 1em 0;}
#elb16laptopsicon {background: url('../images/faclaptops.png') no-repeat center center;}
#elb16laptopswrap:hover #elb16laptopsicon {background: url('../images/faclaptops-hover.png') no-repeat center center;}
#elb16tabletsicon {background: url('../images/factablets.png') no-repeat center center;}
#elb16tabletswrap:hover #elb16tabletsicon {background: url('../images/factablets-hover.png') no-repeat center center;}
#elb16wifiicon {background: url('../images/facwifi.png') no-repeat center center;}
#elb16wifiwrap:hover #elb16wifiicon {background: url('../images/facwifi-hover.png') no-repeat center center;}
#elb16auditoriumicon {background: url('../images/facauditorium.png') no-repeat center center;}
#elb16auditoriumwrap:hover #elb16auditoriumicon {background: url('../images/facauditorium-hover.png') no-repeat center center;}
#elb16readingroomsicon {background: url('../images/facreadingrooms.png') no-repeat center center;}
#elb16readingroomswrap:hover #elb16readingroomsicon {background: url('../images/facreadingrooms-hover.png') no-repeat center center;}
#elb16laptopsicon, #elb16tabletsicon, #elb16wifiicon, #elb16auditoriumicon, #elb16readingroomsicon {width: 173px; height: 174px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; margin: 0 auto; transition: all 2s ease;}
#elb16laptopstitlewrap, #elb16tabletstitlewrap, #elb16wifititlewrap, #elb16auditoriumtitlewrap, #elb16readingroomstitlewrap {width: 100%; display: block; margin: 1em 0; text-align: center;}
#elb16laptopstitle, #elb16tabletstitle, #elb16wifititle, #elb16auditoriumtitle, #elb16readingroomstitle {text-decoration: none; font: 25px MyriadProsBold; color: #7f7f7f;}
#elb16laptopswrap:hover #elb16laptopstitle, #elb16tabletswrap:hover #elb16tabletstitle, #elb16wifiwrap:hover #elb16wifititle, #elb16auditoriumwrap:hover #elb16auditoriumtitle, #elb16readingroomswrap:hover #elb16readingroomstitle {color: #480c32;}
#elb16facilitiesbtnwrap {width: 100%; display: none;}
#elb16facilitiesbtn {background: url('../images/btn-viewall.png') no-repeat center center; width: 141px; height: 40px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; margin: 0 auto;}
/********************************* el Footer ***********************************/
#elfooterwrap {width: 100%; display: block;}
#elfooter {width: 100%; display: block;}
#elftopwrap {width: 100%; display: block; background: #0f7ba8; padding: 7px 0 2px 0;}
#elftop {width: 100%; display: block; text-align: center; word-spacing: 30px; color: #ffffff;}
#elftopc1 {padding: 4px 0;}
#elftop a {text-decoration: none; font: 14px MyriadPro; color: #ffffff; word-spacing: 0;}
#elftop a:hover {text-decoration: underline;}
#elsmiconswrap {width: 100%; display: block;}
#elsmicons {width: 100%; display: block; text-align: center;}
#elfbicon {background: url('../images/icon-fb.png') no-repeat center center; width: 29px; height: 29px; display: inline-block; overflow: hidden; text-indent: 100%; white-space: nowrap; margin: 0 0.5em;}
#eltwicon {background: url('../images/icon-tw.png') no-repeat center center; width: 29px; height: 29px; display: inline-block; overflow: hidden; text-indent: 100%; white-space: nowrap; margin: 0 0.5em;}
#elyticon {background: url('../images/icon-yt.png') no-repeat center center; width: 29px; height: 29px; display: inline-block; overflow: hidden; text-indent: 100%; white-space: nowrap; margin: 0 0.5em;}
#elfbottomwrap {width: 100%; display: block; padding: 5px 0; background: #7ed0de;}
#elfbottom {width: 100%; display: block;}
#elfbc1, #elfbc2 {}
#copyrwrap {width: 100%; display: block;}
#copyr {font: 14px MyriadPro; color: #480c32;}
#poweredbiwrap {width: 100%; display: block; text-align: right;}
#poweredbi {font: 14px MyriadPro; color: #480c32;}
#poweredbi a {text-decoration: none; font: 14px MyriadPro; color: #480c32;}
#poweredbi a:hover {text-decoration: underline;}
/********************************* Media Queries ***********************************/
/********************************* Width: 1366px ***********************************/
@media only screen and (max-width: 1365px)
{
.navbar-nav {margin: 10px 0px 0px 0px !important;}
}
/********************************* Width: 1300px ***********************************/
@media only screen and (max-width: 1299px)
{
.navbar-nav {margin: 15px 0px 0px 0px !important;}
.navbar-default .navbar-nav > li > a {font-size: 16px; padding: 10px;}
#elb4cc {padding: 4em 5em;}
#views_slideshow_cycle_div_educational_resources-block_0, #views_slideshow_cycle_div_educational_resources-block_1, #views_slideshow_cycle_div_educational_resources-block_2, #views_slideshow_cycle_div_educational_resources-block_3, #views_slideshow_cycle_div_educational_resources-block_4 {padding: 0 6em 0 4em;}
#highbinwrap {padding: 0 1em;}
}
/********************************* Width: 1200px ***********************************/
@media only screen and (max-width: 1199px)
{
.navbar-nav {margin: 20px 0px 0px 0px !important; width: 74%;}
.navbar-default .navbar-nav > li > a {font-size: 15px; padding: 5px;}
#edit-search-block-form--2 {right: -5px; width: 190px;}
#b3uec2 {padding: 4px 20px;}
#upeventsintxt {font: 17px GlacialIndifference;}
#views_slideshow_cycle_div_educational_resources-block_0, #views_slideshow_cycle_div_educational_resources-block_1, #views_slideshow_cycle_div_educational_resources-block_2, #views_slideshow_cycle_div_educational_resources-block_3, #views_slideshow_cycle_div_educational_resources-block_4 {padding: 0 6em 0 2em;}
#highbintxt p {height: 80px;}
#emptyc {width:0; padding: 0;}
#elb16c1, #elb16c2, #elb16c3, #elb16c4, #elb16c5 {width: 20%;}
}
/********************************* Width: 1100px ***********************************/
@media only screen and (max-width: 1099px)
{
.navbar-nav {margin: 5px 0px 0px 0px !important; width: 100%; text-align: center !important;}
.navbar-default .navbar-nav > li > a {font-size: 16px; padding: 5px 1em;}
#upeventsintxt {font: 15px GlacialIndifference;}
#views_slideshow_cycle_main_educational_resources-block {padding: 0 7em;}
#b13membersigninbtnwrap, #b13membersignupbtnwtap {width: 49%;}
#emptyc {padding: 0px;}
#elb16c1, #elb16c2, #elb16c3, #elb16c4, #elb16c5 {padding: 0px;}
}
/********************************* Width: 1000px ***********************************/
@media only screen and (max-width: 999px)
{
#elb4cc {padding: 4em 1em;}
#oxfordreferencetxt, #cambridgecomptxt, #prjtxt, #ebrarytxt, #paklawsitetxt, #oadtxt {font: 17px GlacialIndifferenceBold;}
#oxfordreferencetxt:hover, #cambridgecomptxt:hover, #prjtxt:hover, #ebrarytxt:hover, #paklawsitetxt:hover, #oadtxt:hover {font: 18px GlacialIndifferenceBold;}
#dclnk {font: 25px GlacialIndifference;}
#block-views-magazines-block .views-slideshow-controls-bottom.clearfix {padding: 0 0.1em;}
#views_slideshow_cycle_main_educational_resources-block {padding: 0 3em;}
#block-views-educational-resources-block .views-slideshow-controls-bottom.clearfix {padding: 0 1em;}
}
/********************************* Width: 900px ***********************************/
@media only screen and (max-width: 899px)
{
#upeventsintitle a {font: 23px GlacialIndifferenceBold;}
#elb6dcc2cwrap {padding: 0;}
.elb7txtwrap {padding: 1.4em;}
#b10noblauwrap {padding: 4em 0 7em;}
#elb11mentorswrap {padding: 5em 1em;}
#views_slideshow_cycle_main_educational_resources-block {padding: 0;}
#highbintxt p {height: 100px;}
#elb16laptopsicon, #elb16tabletsicon, #elb16wifiicon, #elb16auditoriumicon, #elb16readingroomsicon {width: 100%; background-size: contain;}
}
/********************************* Width: 800px ***********************************/
@media only screen and (max-width: 799px)
{
#elb7txt {font-size: 27px;}
.elb7txtwrap:hover #elb7txt {font-size: 28px;}
.b9mgboutwrap {padding: 0;}
}
/********************************* Width: 768px ***********************************/
@media only screen and (max-width: 767px)
{
#navbar {padding: 5px !important;}
.navbar-nav {margin: 5px 0px 10px 0px !important;}
.navbar-default .navbar-nav > li > a {font-size: 16px; padding: 10px 5em;}
.navbar #block-search-form {position: relative; top: -30px;}
#block-block-3 {display: none;}
#upeventsinwrap {margin: 3em 0 2em;}
#upeventsin {display: block;}
#b3uec1, #b3uec2 {border: 0; float: left; width: 100%;}
#b3uec1, #upeventsintitlewrap, #upeventsintitle, #upeventsintitle a, #b3uec2, #upeventsintxtwrap, #upeventsintxt {height: auto;}
#upeventsintxt {text-align: center; margin: 1em 0;}
#elb5odbswrap {padding: 0;}
#oxfordreferencetxt, #cambridgecomptxt, #prjtxt, #ebrarytxt, #paklawsitetxt, #oadtxt {font: 20px GlacialIndifferenceBold;}
#oxfordreferencewrap, #cambridgecompwrap, #ebrarywrap, #paklawsitewrap {margin: 1em 0;}
#elb6digcontwrap {padding: 5em 0 0;}
#dclnk {font: 30px GlacialIndifference;}
#elb7txt {background: rgba(72, 12, 50, 0.8); font-size: 32px; color: #ffffff;}
#quicktabs-container-news_room {padding: 0 5em;}
#block-views-magazines-block .views-slideshow-controls-bottom.clearfix {padding: 0 1em; bottom: 60em;}
#b10noblauwrap {padding: 4em 0 2em;}
#b10noblauiconswrap {margin: 4em 0 0;}
#pdict-wrap, #udict-wrap, #sedict-wrap, #tdict-wrap {margin-bottom: 4em;}
#b10powerpointwrap, #b10dvdswrap, #b10bukswrap {margin-bottom: 4em;}
#khanacadwrap, #mentrboxwrap, #b11elearnwrap, #mitcwisewrap {margin: 1em 0;}
#views_slideshow_cycle_teaser_section_educational_resources-block {background: none;}
#views_slideshow_cycle_div_educational_resources-block_0, #views_slideshow_cycle_div_educational_resources-block_1, #views_slideshow_cycle_div_educational_resources-block_2, #views_slideshow_cycle_div_educational_resources-block_3, #views_slideshow_cycle_div_educational_resources-block_4 {padding: 0;}
#block-views-educational-resources-block .views-slideshow-controls-bottom.clearfix {bottom: 46em;}
#block-views-gallery-block-1 .views-slideshow-controls-bottom.clearfix {bottom: 60em;}
#elb16c1, #elb16c2, #elb16c3, #elb16c4, #elb16c5 {padding: 0 1em; width: 100%;}
#elb16laptopsicon, #elb16tabletsicon, #elb16wifiicon, #elb16auditoriumicon, #elb16readingroomsicon {width: 173px;}
#copyrwrap, #poweredbiwrap {text-align: center;}
}
/********************************* Width: 700px ***********************************/
@media only screen and (max-width: 699px)
{
#block-views-gallery-block-1 .views-slideshow-controls-bottom.clearfix {bottom: 52em;}
}
/********************************* Width: 600px ***********************************/
@media only screen and (max-width: 599px)
{
#block-views-gallery-block-1 .views-slideshow-controls-bottom.clearfix {bottom: 46em;}
}
/********************************* Width: 500px ***********************************/
@media only screen and (max-width: 499px)
{
#dclnk {font: 25px GlacialIndifference;}
#quicktabs-container-news_room {padding: 0 3em;}
#block-views-gallery-block-1 .views-slideshow-controls-bottom.clearfix {bottom: 40em;}
#elftop {word-spacing: 5px;}
}
/********************************* Width: 400px ***********************************/
@media only screen and (max-width: 399px)
{
#odbsbg {height: 250px;}
#elb6dcc2cwrap {padding: 0;}
#dcicon {margin: 0 0.5em;}
#dclnkwrap {top: 20px;}
#dclnk {font-size: 20px;}
#quicktabs-container-news_room {padding: 0 1em;}
#views_slideshow_cycle_teaser_section_gallery-block_1 {padding: 0 4em;}
#block-views-gallery-block-1 .views-slideshow-controls-bottom.clearfix {padding: 0 .5em;}
#highbinwrap {padding: 0;}
}
/********************************* Width: 360px ***********************************/
@media only screen and (max-width: 359px)
{
#b13membersigninbtnwrap, #b13membersignupbtnwtap {width: 100%;}
#b13memberc1cwrap {padding: 0;}
}
/********************************* ... ***********************************/
/********************************* Membership Form ***********************************/
.form-type-checkbox.form-item.checkbox {width: 25%; display: inline-block;}
@media only screen and (max-width: 767px) {.form-type-checkbox.form-item.checkbox {width: 100%; display: block;}}
.form-type-radio.form-item.radio {width: 25%; display: inline-block;}
#edit-submitted-terms-conditions .form-type-radio.form-item.radio {width: 100%; display: block; margin: 1em 0;}
@media only screen and (max-width: 767px) {.form-type-radio.form-item.radio {width: 100%; display: block;}}
#edit-submitted-photograph-upload {padding: 0 12px; margin: 5px 0;}
/*...............CSS by Sunil Khan...........*/
.header_wrapper{
margin: 0px !important;
}
.left_header{
background: url('../images/Header-Left-side-image.png') no-repeat;
height: 256px;
background-size: 60% 72%;
background-position: right;
}
.hd_img{
background: url('../images/logo-1.png') no-repeat;
height: 150px;
background-size: 35%;
background-position: center;
}
.right_header{
background: url('../images/hdd.png') no-repeat;
height: 256px;
background-size: 65%;
background-position: left;
}
.hd_text {
font-size: 12px;
text-align: center;
}
.links_bar{
display: block;
width: 100% !important;
margin: 0 auto;
background: #460d31;
}
.links_bar ul{
width: 100%;
display: block;
margin: 0;
padding: 0;
text-align: center;
padding: 0.5em 0;
position: relative;
}
.links_bar ul li{
list-style: none;
display: inline-block;
border-left: 2px solid #ffffff;
}
#link-kc {border: 0;}
.links_bar ul li a{
text-decoration: none;
display: block;
background: #460D31;
padding: 0.25em 0.5em;
margin: 0 28px;
font-size: 20px;
color: #ffffff !important;
text-decoration: none;
}
.links_bar ul li a:hover{
text-decoration: underline;
}
.page-node-186 #page-title {display: none;}
.page-node-187 #page-title {display: none;}
.page-node-188 #page-title {display: none;}
.page-node-186 #block-system-main {padding: 0 0 15px 0;}
.page-node-187 #block-system-main {padding: 0 0 15px 0;}
.page-node-188 #block-system-main {padding: 0 0 15px 0;}
.mpldropdown {cursor: pointer;}
.mpldropbtn {}
.mpldropdown:hover .mpldropbtn {}
#mplforscroll {display: none; position: absolute; z-index: 4;}
.mpldropdown-content {z-index: 1; width: 181.36px; display: block;}
.mpldropdown-content a {text-decoration: none; display: block; font-size: 16px !important; margin: 0 !important; padding: 0.5em 0 !important;}
.mpldropdown-content a:hover {text-decoration: underline;}
.mpldropdown:hover #mplforscroll {display: block;}
/*.mpldropdown:hover .mpldropdown-content {display: block;}*/
.kd_wrapper, .fact_book_wrapper, .k_en_wrapper,.k_mag_wrapper, .k_new_wrapper, .k_web_wrapper, .k_games_wrapper, .k_phonics_wrapper, .k_discover_wrapper,.k_journal_wrapper, .k_atlas_wrapper
{
text-align: center;
padding: 6px 6px 0;
}
.fact_book_inner, .kd_inner, .k_en_inner, .k_mag_inner, .k_new_inner, .k_web_inner, .k_games_inner, .k_phonics_inner, .k_discover_inner,.k_journal_inner, .k_atlas_inner
{
background: #fff;
height: 320px;
position: relative;
padding: 0.25em;
}
.fact_book_text, .kd_text, .k_en_text, .k_mag_text, .k_new_text, .k_web_text, .k_games_text, .k_phonics_text, .k_discover_text,.k_journal_text, .k_atlas_text
{
font-size: 14px;
padding-top: 11px;
}
.fact_book_click, .kd_click, .k_en_click, .k_mag_click, .k_new_click, .k_web_click, .k_games_click, .k_phonics_click, .k_discover_click,.k_journal_click, .k_atlas_click
{
position: absolute;
bottom: 0px !important;
right: 0px;
}
.k_en_click {display: none;}
.fact_book_tile, .kd_title, .k_en_title, .k_mag_title, .k_new_title, .k_web_title, .k_games_title, .k_phonics_title, .k_discover_title,.k_journal_title, .k_atlas_title
{
padding: 10px 0px;
font-size: 20px;
color: #fff;
font-weight: bold;
}
.k_journal_click_top
{
text-align: right;
margin: 10px 0px 15px 0px;
position: relative;
left: 3px;
}
.k_en_click_top
{
text-align: right;
margin: 18px 0px;
position: relative;
left: 3px;
}
.k_discover_click_top
{
text-align: right;
margin: 30px 0px;
position: relative;
left: 6px;
}
.kd_click a, .fact_book_click a, .k_en_click a, .k_mag_click a, .k_new_click a, .k_web_click a, .k_games_click a, .k_phonics_click a, .k_discover_click a,.k_journal_click a, .k_atlas_click a, .k_en_click_top a, .k_discover_click_top a, .k_journal_click_top a{
padding: 12px 26px;
border-radius: 12px;
font-size: 15px;
text-decoration: none;
font-weight: bold;
}
.k_atlas_icon
{
background: url('../images/World-Atlas.png') no-repeat;
background-position: center center;
background-size: contain;
height: 110px;
width: 110px;
margin: 0 auto;
}
.k_atlas_wrapper
{
background: #ed1c24;
}
.k_atlas_click a
{
color: #231f20;
background: #da9095;
border: 1px solid #ed1c24;
}
.k_journal_icon
{
background: url('../images/Online-Journals.png') no-repeat;
background-position: center center;
background-size: contain;
height: 110px;
width: 110px;
margin: 0 auto;
}
.k_journal_wrapper
{
background: #460d31;
}
.k_journal_click a, .k_journal_click_top a
{
color: #231f20;
background: #cd83b5;
border: 1px solid #460d31;
}
.k_discover_icon
{
background: url('../images/Learn-to-Discover.png') no-repeat;
background-position: center center;
background-size: contain;
height: 110px;
width: 110px;
margin: 0 auto;
}
.k_discover_wrapper
{
background: #7f449a;
}
.k_discover_click a, .k_discover_click_top a
{
color: #231f20;
background: #c099c6;
border: 1px solid #7f449a;
}
.k_phonics_icon
{
background: url('../images/Learn-Phonics.png') no-repeat;
background-position: center center;
background-size: contain;
height: 110px;
width: 110px;
margin: 0 auto;
}
.k_phonics_wrapper
{
background: #4e5b40;
}
.k_phonics_click a
{
color: #231f20;
background: #adba7d;
border: 1px solid #4e5b40;
}
.k_games_icon
{
background: url('../images/Learning-Games-for-Kids.png') no-repeat;
background-position: center center;
background-size: contain;
height: 110px;
width: 110px;
margin: 0 auto;
}
.k_games_wrapper
{
background: #2f3a96;
}
.k_games_click a
{
color: #231f20;
background: #7a86c2;
border: 1px solid #2f3a96;
}
.k_web_icon
{
background: url('../images/Kids-Web-Directory.png') no-repeat;
background-position: center center;
background-size: contain;
height: 110px;
width: 110px;
margin: 0 auto;
}
.k_web_wrapper
{
background: #098769;
}
.k_web_click a
{
color: #231f20;
background: #73c8b1;
border: 1px solid #098769;
}
.k_new_icon
{
background: url('../images/Kids-News.png') no-repeat;
background-position: center center;
background-size: contain;
height: 110px;
width: 110px;
margin: 0 auto;
}
.k_new_wrapper
{
background: #9f3c22;
}
.k_new_click a
{
color: #231f20;
background: #f1a190;
border: 1px solid #9f3c22;
}
.k_mag_icon
{
background: url('../images/Kids-Magazines.png') no-repeat;
background-position: center center;
background-size: contain;
height: 110px;
width: 110px;
margin: 0 auto;
}
.k_mag_wrapper
{
background: #d2ac2a;
}
.k_mag_click a
{
color: #231f20;
background: #daca9b;
border: 1px solid #d2ac2a;
}
.k_en_icon
{
background: url('../images/Kids-Encyclopedia.png') no-repeat;
background-position: center center;
background-size: contain;
height: 110px;
width: 110px;
margin: 0 auto;
}
.k_en_wrapper
{
background: #9a216b;
}
.k_en_click a, .k_en_click_top a
{
color: #231f20;
background: #ec008b;
border: 1px solid #9a216b;
}
.kd_icon
{
background: url('../images/Kids-Dictionary.png') no-repeat;
background-position: center center;
background-size: contain;
height: 110px;
width: 110px;
margin: 0 auto;
}
.kd_wrapper
{
background: #252166;
}
.kd_click a
{
color: #231f20;
background: #8a89c2;
border: 1px solid #252166;
}
.fact_book_icon
{
background: url('../images/Fact-Book.png') no-repeat;
background-position: center center;
background-size: contain;
height: 110px;
width: 110px;
margin: 0 auto;
}
.fact_book_wrapper
{
background: #6b9b40;
}
.fact_book_click a
{
color: #231f20;
background: #c8df95;
border: 1px solid #6b9b40;
}
.body_wrapper .col-md-4,.body_wrapper .col-sm-4, .body_wrapper .col-xs-12
{
margin-top: 35px;
}
@media (min-width: 992px)
{
.body_wrapper .col-md-4
{
width: 25%;
margin-left: 6.5%;
}
}
/*..... Student Resource....*/
.book_bg_img{
background: url('../images/Notebook.png') no-repeat;
min-height: 980px;
background-size: 100% 100%;
padding-bottom: 2em;
width: 90%;
margin: 0 auto;
}
.inner_body_wrap{
padding-top: 8em;
}
.nopadding{
padding-left: 0px !important;
padding-right: 0px !important;
}
.ref_tool_img{
background: url('../images/Reference-Tool.png') no-repeat;
height: 172px;
background-size: contain;
position: relative;
right: 1em;
}
.ref_source_img {
background: url('../images/Over-all-Reference-Sources.png') no-repeat;
height: 172px;
background-size: contain;
position: relative;
left: 3em;
}
.home_helper_img{
background: url('../images/Subject-Base-Resources.png') no-repeat;
height: 172px;
background-size: contain;
position: relative;
right: 1em;
}
.imp_read_img{
background: url('../images/Improve-Reading-and-Writing.png') no-repeat;
height: 172px;
background-size: contain;
position: relative;
left: 3em;
}
.subject_res_img{
background: url('../images/Homework-Helper.png') no-repeat;
height: 172px;
background-size: contain;
position: relative;
right: 1em;
}
.min_kids_img{
background: url('../images/Mineralogy-for-kids.png') no-repeat;
height: 172px;
background-size: contain;
position: relative;
left: 3em;
}
.ast_kids_img{
background: url('../images/Astronomy-for-Kids.png') no-repeat;
height: 172px;
background-size: contain;
position: relative;
right: 1em;
}
.ast_young_img{
background: url('../images/Astronomy-for-young.png') no-repeat;
height: 172px;
background-size: contain;
position: relative;
left: 3em;
}
.art_kids_img{
background: url('../images/Art-for-Kids.png') no-repeat;
height: 172px;
background-size: contain;
position: relative;
right: 1em;
}
.smart_his_img{
background: url('../images/Smart-history.png') no-repeat;
height: 172px;
background-size: contain;
position: relative;
left: 3em;
}
.ref_tool_title, .ref_source_title, .home_helper_title, .imp_read_title, .subject_res_title, .min_kids_title, .ast_kids_title, .ast_young_title, .art_kids_title, .smart_his_title{
font-size: 15pt;
font-weight: bold;
}
.ref_tool_text, .ref_source_text, .home_helper_text, .imp_read_text, .subject_res_text, .min_kids_text, .ast_kids_text, .ast_young_text, .art_kids_text, .smart_his_text{
text-align: center;
margin-top: 2em;
}
/*....Online Books......*/
.main_cont
{
margin-top: 8em;
margin-bottom: 50px;
width: 85% !important;
}
/*Common Class*/
.his_child_fly_img, .inter_child_fly_img, .books_child_fly_img, .magickeys_child_img,.magickeys_child_fly_img, .story_jumper_child_fly_img, .c_books_child_fly_img, .audio_books_child_fly_img, .visual_books_child_fly_img,.story_videos_child_fly_img
{
background: url('white.png') no-repeat;
height: 39px;
background-position: center;
}
.common_body_class
{
min-height: 320px;
}
.a_alphabet{
background: url('../images/A.png') no-repeat;
height: 180px;
background-size: contain;
background-position: center;
margin: 20px 0px;
}
.b_alphabet{
background: url('../images/B.png') no-repeat;
height: 180px;
background-size: contain;
background-position: center;
margin: 106px 0px 20px 0px;
}
.c_alphabet{
background: url('../images/C.png') no-repeat;
height: 180px;
background-size: contain;
background-position: center;
margin: 20px 0px;
}
.d_alphabet{
background: url('../images/D.png') no-repeat;
height: 180px;
background-size: contain;
background-position: center;
margin: 42px 0px 20px 0px;
}
.e_alphabet{
background: url('../images/E.png') no-repeat;
height: 180px;
background-size: contain;
background-position: center;
margin: 145px 0px 20px 0px;
}
.f_alphabet{
background: url('../images/F.png') no-repeat;
height: 180px;
background-size: contain;
background-position: center;
margin: 32px 0px 20px 0px;
}
.g_alphabet{
background: url('../images/G.png') no-repeat;
height: 180px;
background-size: contain;
background-position: center;
margin: 145px 0px 20px 0px;
}
.h_alphabet{
background: url('../images/H.png') no-repeat;
height: 180px;
background-size: contain;
background-position: center;
margin: 201px 0px 20px 0px;
}
.i_alphabet{
background: url('../images/I.png') no-repeat;
height: 180px;
background-size: contain;
background-position: center;
margin: 64px 0px 20px 0px;
}
/*His css*/
.his_child_wrap, .inter_child_wrap, .books_child_wrap, .magickeys_child_wrap, .story_jumper_child_wrap, .c_books_child_wrap, .audio_books_child_wrap, .visual_books_child_wrap, .story_videos_child_wrap{
height: 560px;
}
@media screen and (max-width:767px){
.his_child_wrap, .inter_child_wrap, .books_child_wrap, .magickeys_child_wrap, .story_jumper_child_wrap, .c_books_child_wrap, .audio_books_child_wrap, .visual_books_child_wrap, .story_videos_child_wrap
{
width: 80%;
margin: 0 auto;
}
}
.his_child_body{
background: #3c68b1;
border: 2px solid #192f59;
border-radius: 11px;
padding: 29px 18px 35px 55px;
position: absolute;
margin-top: 42px;
width: 80%;
color: #fff;
text-align: center;
float: right;
}
.his_child_img{
background: url('../images/Flynn_rider_2d.png') no-repeat;
height: 358px;
background-size: cover;
position: relative;
bottom: -2px;
left: -90px;
width: 176px;
}
.his_child_text{
margin-top: 35px;
}
.his_child_title{
text-decoration: none;
font-size: 15pt;
color: #ffffff !important;
}
.his_child_title:hover{
text-decoration: underline;
}
/*Inter_child css*/
.inter_child_img{
background: url('../images/doll.png') no-repeat;
height: 320px;
background-size: cover;
position: relative;
bottom: 6em;
right: 0em;
height: 268px;
}
.inter_child_body{
background: #9a3f97;
border: 2px solid #4a144c;
border-radius: 11px;
padding: 128px 18px 9px 55px;
position: absolute;
margin-top: 42px;
width: 80%;
color: #fff;
text-align: center
}
.inter_child_title{
text-decoration: none;
font-size: 15pt;
color: #ffffff !important;
}
.inter_child_title:hover{
text-decoration: underline;
}
.inter_child_text{
margin-top: 20px;
}
/*Books Childs*/
.books_child_img{
background: url('../images/books_child.png') no-repeat;
height: 350px;
background-size: cover;
position: relative;
left: 9em;
top: 22px;
width: 300px;
}
.books_child_body{
background: #4aae8a;
border: 2px solid #167a56;
border-radius: 11px;
padding: 16px 106px 110px 25px;
position: absolute;
margin-top: 42px;
width: 80%;
color: #fff;
text-align: center;
}
.books_child_title{
text-decoration: none;
font-size: 15pt;
color: #ffffff !important;
}
.books_child_title:hover{
text-decoration: underline;
}
.books_child_text{
margin-top: 20px;
padding: 0px 17px 0px 0px;
}
/*Magic Keys*/
.magickeys_child_body{
background: #cea956;
border: 2px solid #9e712a;
border-radius: 11px;
padding: 26px 0px 10px 127px;
position: absolute;
margin-top: 42px;
width: 80%;
color: #fff;
text-align: center;
float: right;
}
.magickeys_child_img{
background: url('../images/magic_keys.png') no-repeat;
height: 350px;
position: relative;
right: 136px;
background-size: 100% 100%;
width: 285px;
}
.magickeys_child_text{
padding-top: 66px;
text-align: center;
width: 171px;
margin: 0 auto;
}
.magickeys_child_title{
text-decoration: none;
font-size: 15pt;
color: #ffffff !important;
}
.magickeys_child_title:hover{
text-decoration: underline;
}
/*Story Jumper*/
.story_jumper_child_img{
background: url('../images/story_jumper.png') no-repeat;
height: 250px;
position: relative;
top: 11em;
}
.story_jumper_child_body{
background: #f18282;
border: 2px solid #a81e22;
border-radius: 11px;
padding: 10px 18px 9px 18px;
position: absolute;
margin-top: 42px;
width: 80%;
color: #fff;
text-align: center
}
.story_jumper_child_title{
text-decoration: none;
font-size: 15pt;
color: #ffffff !important;
}
.story_jumper_child_title:hover{
text-decoration: underline;
}
.story_jumper_child_text{
margin-top: 20px;
}
/*......C Child Books...........*/
.c_books_child_img
{
background: url('../images/c_books.png') no-repeat;
height: 360px;
position: relative;
left: 13em;
width: 215px;
}
.c_books_child_body
{
background: #cbc72e;
border: 2px solid #797b31;
border-radius: 11px;
padding: 16px 106px 85px 25px;
position: absolute;
margin-top: 42px;
width: 80%;
color: #fff;
text-align: center;
}
.c_books_child_title{
text-decoration: none;
font-size: 15pt;
color: #ffffff !important;
}
.c_books_child_title:hover{
text-decoration: underline;
}
.c_books_child_text{
margin-top: 20px;
padding: 0px 17px 0px 0px;
}
/*....Audio Books....*/
.audio_books_child_body{
background: #cedc28;
border: 2px solid #7d9139;
border-radius: 11px;
padding: 95px 5px 35px 144px;
position: absolute;
margin-top: 42px;
width: 80%;
color: #fff;
text-align: center;
float: right;
}
.audio_books_child_img{
background: url('../images/audio.png') no-repeat;
height: 265px;
background-size: 100% 100%;
position: relative;
right: 123px;
top: 30px;
width: 300px;
}
.audio_books_child_text{
margin-top: 19px;
}
.audio_books_child_title{
text-decoration: none;
font-size: 15pt;
color: #ffffff !important;
}
.audio_books_child_title:hover{
text-decoration: underline;
}
/*.....Visual Books......*/
.visual_books_child_img{
background: url('../images/visual.png') no-repeat;
height: 215px;
position: relative;
top: 15em;
background-size: contain;
right: 27px
}
.visual_books_child_body{
background: #ee83ae;
border: 2px solid #ed1c7a;
border-radius: 11px;
padding: 10px 18px 9px 18px;
position: absolute;
margin-top: 42px;
width: 80%;
color: #fff;
text-align: center
}
.visual_books_child_title{
text-decoration: none;
font-size: 15pt;
color: #ffffff !important;
}
.visual_books_child_title:hover{
text-decoration: underline
}
.visual_books_child_text{
margin-top: 20px;
}
/*.....Video.......*/
.story_videos_child_img{
background: url('../images/story_videos.png') no-repeat;
height: 350px;
position: relative;
left: 9em;
top: 22px;
background-size: 100% 100%;
width: 300px;
}
.story_videos_child_body{
background: #4aae8a;
border: 2px solid #167a56;
border-radius: 11px;
padding: 16px 106px 110px 25px;
position: absolute;
margin-top: 42px;
width: 80%;
color: #fff;
text-align: center;
}
.story_videos_child_title{
text-decoration: none;
font-size: 15pt;
color: #ffffff !important;
}
.story_videos_child_title:hover{
text-decoration: underline;
}
.story_videos_child_text{
margin-top: 20px;
padding: 0px 17px 0px 0px;
}
.book_kids_img{
background: url('../images/book_kid.png') no-repeat;
height: 310px;
background-size: contain;
}
.read_img{
background: url('../images/read_img.png') no-repeat;
height: 368px;
background-size: contain;
}
.girl_img{
background: url('../images/girls_books.png') no-repeat;
height: 310px;
background-size: contain;
}
.footer_imges_wraper{
margin-top: 80px;
padding: 0px !important;
}