/*-----------------------------------------------------------------------------------

	Theme Name: Banning District Library
	Front-end developer: Hayk Galoyan
	Author Design: Samir Alley @samiralley | Alex Parent | Ying Liu | Kat Wiard | Nasryn Abou-Arabi
	Author URI: http://www.revize.com/
	Date: 07/24/2020

-----------------------------------------------------------------------------------*/

/* -----------------------------------------

#fonts

-----------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');

/* -----------------------------------------

#basic styles

-----------------------------------------*/
body{background:#fff;font-size:15px;line-height:1.8;font-family:'Poppins',sans-serif;font-weight:400;color:#969696;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;overflow-x:hidden;top:0!important}

/* -----------------------------------------

#typography

-----------------------------------------*/
h1,h2,h3,h4,h5,h6{color:#111;font-weight:normal;margin-bottom:30px;line-height:1.2}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}
h1{font-size:36px}
h2{font-size:32px}
h3{font-size:28px}
h4{font-size:21px}
h5{font-size:16px}
h6{font-size:14px}
.header{font-family:'Poppins',sans-serif;font-weight:700;font-size:24px;color:#303c64;text-transform:uppercase;margin-bottom:20px}
.subheader{font-family:'Poppins',sans-serif;font-weight:700;font-size:24px;color:#303c64;text-transform:uppercase;margin-bottom:20px}
p{margin:0 0 30px 0}
em{font-style:italic}
strong,b{font-weight:bold}
small{font-size:80%}
hr{border:solid #ccc;border-width:1px 0 0;clear:both;margin:10px 0 30px;height:0}

/* -----------------------------------------

#links

-----------------------------------------*/
a,a:visited{text-decoration:underline;
-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease;
-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;transition:background .3s ease}
p a,p a:visited{line-height:inherit}

/* -----------------------------------------

#lists

-----------------------------------------*/
ul,ol{margin-bottom:20px;margin-left:10px}
ul{list-style:disc}
ol{list-style:decimal}
ul ul,ul ol,
ol ol,ol ul{margin:4px 0 5px 30px}
ul ul li,ul ol li,
ol ol li,ol ul li{margin-bottom:6px}
li{line-height:1.3;margin-bottom:7px}
li p{line-height:1.3}

/* -----------------------------------------

#images

-----------------------------------------*/
img{max-width:100%;height:auto}
a img{border:none}

.alignleft{float:left;clear:left;margin:0 20px 20px}
.alignright{float:right;margin:0 0 20px 20px}
.alignnone{margin:0 auto 20px;display:block}
img[align="right"],
img[style*="float: right"],
img[style*="float:right"]{
  margin: 0 0 20px 20px;
}
img[align="left"],
img[style*="float: left"],
img[style*="float:left"]{
  margin: 0 20px 20px 0;
}

/* -----------------------------------------

#buttons

-----------------------------------------*/
.button,
a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.btn{padding:10px 20px;background:#28991D;color:#fff!important;border:0;border-radius:0;display:inline-block;font-size:12px;font-weight:700!important;text-decoration:none;cursor:pointer;line-height:normal;vertical-align:top;font-family:sans-serif;text-transform:uppercase;transition:all .3s}
.button:hover,
a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.btn:hover{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#1F4B8C}
.button:active,
a.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
.btn:active{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#1F4B8C}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0}

/* -----------------------------------------

#forms

-----------------------------------------*/
form{margin-bottom:30px}
fieldset{margin-bottom:30px}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
textarea,
select{border:1px solid #e9eaec;padding:10px 14px;outline:none;font-size:13px;font-family:sans-serif;color:#777;margin:0;display:inline-block;background:#fff;border-radius:0;box-shadow:none}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
textarea:focus{color:#63686c;border:1px solid #0F95E9}
label,
legend{display:block;font-weight:bold;font-size:13px}
input[type="checkbox"]{display:inline}
label span,
legend span{font-weight:normal;font-size:13px;color:#444}
.form-control:focus{border-color:inherit;-webkit-box-shadow:none;box-shadow:none}
::-webkit-input-placeholder{color:#777}
:-moz-placeholder{color:#777}
::-moz-placeholder{color:#777}
:-ms-input-placeholder{color:#777}
.gsc-control-cse *{box-sizing:content-box}

/* -----------------------------------------

#rz intranet

-----------------------------------------*/
form.loginform{background:#fff;padding:30px;border:1px solid #D2DFEF}
form.loginform p{background:#E65229;color:#fff;padding:20px;line-height:1}
form.loginform label{font-weight:normal}
form.loginform label input{display:block;margin-bottom:10px;width:100%;box-sizing:border-box;padding:10px;color:#000}

/* -----------------------------------------

#rz alert

-----------------------------------------*/
.floating-alert{position:fixed;z-index:99999;bottom:10px;margin:0;right:10px;border:3px solid #fff;background:#000;background:rgba(0,0,0,.9);box-shadow:0 0 10px rgba(0,0,0,.2);color:#fff;padding:30px;font-size:14px;width:350px}
.floating-alert h2{color:#ffc140;margin:0 0 10px;font-family:sans-serif;font-weight:bold;text-transform:uppercase;font-size:18px}
.floating-alert .btn{margin:20px 0 0 0!important}
.floating-alert .close{padding:0;background:none!important;color:#fff!important;opacity:1;margin-right:20px}

/* -----------------------------------------

#rz edit

-----------------------------------------*/
.videoinfoBtn{position:absolute;z-index:1}
#cbox{position:fixed;left:0;bottom:0;z-index:99;width:500px;display:none;max-width:100%}
.rzBtn{background:#28991D !important}
/* -----------------------------------------

#main

-----------------------------------------*/
a:focus{outline:1px dotted}
.container{width:1320px;max-width:100%;margin:0 auto;padding:0 15px}
#skip{display:block !important;position:fixed;left:-100%;top:-100%;transition:all .3s;z-index:999}
#skip:focus{left:50px;top:50px}
#calendarEvent{left:0;max-height:500px;overflow-y:auto;margin:0 auto}
.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.toggle{display:none}
.app-title{font-family:'Poppins',sans-serif;font-weight:700;font-size:50px;color:#fff;text-transform:uppercase;margin:0 0 15px;letter-spacing:1px}
.app-btn{display:inline-block;font-family:'Poppins',sans-serif;font-weight:700;text-transform:uppercase;font-size:16px;color:#fff;background:#28991d;padding:17.5px 47px;margin:15px 0;text-decoration:none;transition:all .3s}
.app-btn:hover,.app-btn:focus,.app-btn:active{color:#fff;background:#1F4B8C;text-decoration:none}
header{position:relative;z-index:200}
header .container{width:1380px}
.header-top{height:111px;background:#fff;position:fixed;left:0;top:0;width:100%;z-index:200;box-shadow:0 2px 15px 0 rgba(0,0,0,0.15)}
.header-top:before{content:'';background:#f4f5f7;width:40.3%;height:111px;position:absolute;left:0;top:0}
.header-top:after{content:'';position:absolute;left:40.3%;top:0;z-index:-1;border-style:solid;border-width:111px 0 0 23px;border-color:transparent transparent transparent #f4f5f7}
.header-bottom{height:111px;background:#1f4b8c;position:relative;margin-top:111px}
.header-bottom:before{content:'';background:#303c64;width:calc(40.3% + 23px);height:111px;position:absolute;left:0;top:0}
.header-bottom:after{content:'';position:absolute;left:calc(40.3% + 23px);top:0;z-index:0;border-style:solid;border-width:111px 0 0 23px;border-color:transparent transparent transparent #303c64}
.logo-wrap{display:inline-flex;align-items:center;height:111px}
#logo{display:inline-block}
#logo img{width:233px}
/* Rewrite Bootstrap .nav */
.nav>li{position:static}
.nav>li>a{display:inline-flex;padding:0 16px;}
.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background:none}
/* end of block */
.nav{padding:0 38px 0 0;margin:0}
.nav .toggle, .nav .toggle2, #flyout .toggle{display:none!important;padding:0!important;font-family:FontAwesome!important}
.nav li{margin:0 !important;display:inline-block}
.nav > li:last-child{padding-right:0}
.nav a,.nav span{display:inline-flex;align-items:center;text-align:center;justify-content:center;font-family:'Poppins',sans-serif;font-weight:700;font-size:14px;color:rgba(31, 75, 140, 0.9);text-decoration:none;text-transform:uppercase;padding:0 43px;height:111px;position:relative;z-index:0;transition:all 320ms}
.nav ul a,.nav ul span{display:block;height:auto;padding:9px 5px!important;color:#fff;font-size:15px;font-weight:600;text-transform:uppercase;text-align:left;transition:all 320ms}
.nav ul li{display:table;width:100%;page-break-inside:avoid}
.nav ul ul{position:static;padding:0;column-count:1;column-gap:0;box-shadow:none}
.nav ul ul a,.nav ul ul span{font-size:15px;font-weight:400;color:#E5E1D6;padding:6px 4px!important;text-transform:capitalize;line-height:1.2}
.live-chat-wrap{margin:0 32px 0 -50px;display:flex;justify-content:flex-end;align-items:center;height:111px}
.live-chat{display:inline-block;background:#28991d;border-radius:3px;padding:19px 21% 19px 20%;font-family:'Poppins',sans-serif;font-weight:600;font-size:16px;color:rgba(255,255,255,0.9);text-transform:uppercase;text-decoration:none;white-space:nowrap;line-height:normal;transition:all 320ms}
.live-chat img{display:inline-block;width:14px;margin-right:5px}
.live-chat:hover,.live-chat:focus{text-decoration:none;color:rgba(255,255,255,0.9);background:#1F4B8C}
.header-bottom-in{display:flex;position:relative}
.header-bottom-left{display:flex;align-items:center;width:35%}
.how-do-i{display:inline-block;padding:12px 16px;background:#28991d;font-family:'Poppins',sans-serif;font-weight:600;font-size:18px;color:rgba(255,255,255,0.9);border-radius:3px;line-height:normal;text-decoration:none;text-transform:capitalize;white-space:nowrap}
.how-do-i:hover,.how-do-i:focus{color:rgba(255,255,255,0.9);background:#1F4B8C;text-decoration:none}
.header-bottom-left-list{display:inline-block;margin:0;padding:0;list-style:none;position:relative;z-index:50}
.header-bottom-left-list li{display:inline-block;margin:0}
.header-bottom-left-link{display:inline-block;font-family:'Poppins',sans-serif;font-weight:600;font-size:18px;color:rgba(255,255,255,0.9);text-decoration:none;padding:0 14px;position:relative;transition:all 320ms}
.header-bottom-left-list li:not(:last-child) a::after{content:'';position:absolute;top:50%;transform:translateY(-50%);right:-2px;height:20px;width:1px;background:#4d587a}
.header-bottom-left-link:hover,.header-bottom-left-link:focus{color:rgba(255,255,255,0.7);text-decoration:none}
.header-bottom-right{width:65%;position:relative;z-index:100}
.header-bottom-right .nav{padding:0 10px 0 0}
.header-bottom-right .nav a,.header-bottom-right .nav span{font-family:'Poppins',sans-serif;font-weight:600;font-size:14px;color:rgba(255,255,255,0.9);text-transform:capitalize;padding:0 17px}
.header-bottom-right .nav ul a, .header-bottom-right .nav ul span{display:block;height:auto;padding:9px 5px!important;color:#fff;font-size:14px;text-transform:uppercase;text-align:left;transition:all 320ms}
.header-bottom-right .nav ul ul a, .header-bottom-right .nav ul ul span{font-size:15px;font-weight:400;color:#E5E1D6;padding:6px 4px!important;text-transform:capitalize;line-height:1.2}
#learning-slider-wrap{display:flex;position:relative}
#learning{height:837px;width:calc(59.7% - 204px);background:#303c64;position:relative}
#learning:before{content:'';position:absolute;left:-170px;top:0;height:837px;width:300px;background:url(../images/learning-left-img.png) left top/300px 837px no-repeat;z-index:150;pointer-events:none}
#learning-data-wrap{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:160;pointer-events:none}
#learning-data{pointer-events:all;padding:0 0 0 36px}
.learning-title{font-family:'Poppins',sans-serif;font-weight:700;font-size:98px;color:#fff;text-transform:uppercase;letter-spacing:-3px;line-height:1.25;margin:8px 0 24px}
.learning-hr{border-top:1px solid #666f8b;margin:55px 0 51px 8px}
#search {height:84px;position:relative;margin-left:7px}
#search input{width:100%;height:84px;font-family:'Poppins',sans-serif;font-weight:300;font-size:14px;color:#787878;padding:0 43% 0 30px;border-radius:6px}
#search button{background:#28991d;position:absolute;top:50%;transform:translateY(-50%);right:10px;height:63px;width:37%;padding:0 10px;border-radius:3px;font-family:'Poppins',sans-serif;font-weight:700!important;font-size:16px;color:rgba(255, 255, 255, 0.9);text-transform:uppercase;float:none}
#search button:hover{background:#1F4B8C}
#search input::-webkit-input-placeholder{color:#787878}
#search input:-moz-placeholder{color:#787878}
#search input::-moz-placeholder{color:#787878}
#search input:-ms-input-placeholder{color:#787878}
.learning-list{margin:0 0 0 10px;padding:0;list-style:none}
.learning-list li{display:flex;align-items:center;margin-bottom:15px}
.learning-list img{display:inline-block;width:15px;min-width:15px;margin:0 15px -3px 0}
.learning-list-text{display:inline-block;font-family:'Poppins',sans-serif;font-weight:600;font-size:18px;color:#fff}
#main{position:relative}
#main:before{content:'';width:177px;height:219px;background:url(../images/dots.png) center/177px 219px no-repeat;position:absolute;left:calc(50% - 679px);top:83px}

/* Section quick links */
#quick-links-slider{margin:140px 0 0}
.quick-link{display:flex;align-content:flex-start;flex-wrap:wrap;text-decoration:none;min-height:170px;transition:all .3s;padding:10px 20px 10px 0}
.quick-link-icon-box img{display:inline-block!important;text-align:center;width:50%!important}
.quick-link-title{width:100%;font-family:'Poppins',sans-serif;font-weight:700;font-size:20px;color:#303c64;line-height:1.25;transition:all 320ms;margin:23px 0 8px;letter-spacing:-0.5px}
.quick-link-text{width:100%;font-family:'Poppins',sans-serif;font-weight:400;font-size:16px;color:#848586;line-height:1.5}
.quick-link:hover, .quick-link:focus{text-decoration:none}
.quick-link:hover .quick-link-title{color:#848586}
#quick-links-slider .owl-prev,#quick-links-slider .owl-next{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;z-index:100}
#quick-links-slider .owl-nav > div{display:inline-flex;justify-content:center;align-items:center;background:#fff;box-shadow:0px 6px 8px 0px rgba(48, 60, 100, 0.28);width:40px;height:40px;transition:all 320ms}
#quick-links-slider .owl-nav > div > img{width:5px;height:10px}
#quick-links-slider .owl-nav > div:hover{background:#303c64}
#quick-links-slider .owl-nav > div:hover img{filter: brightness(0) invert(1)}
#quick-links-slider .owl-prev{left:-9.5%}
#quick-links-slider .owl-next{right:-9.5%}
#quick-links-slider .owl-dots{display:none}

/* Categories slider */
#categories{min-height:465px;padding:55px 0;position:relative}
#categories:after{content:'';width:177px;height:219px;background:url(../images/dots.png) center/177px 219px no-repeat;position:absolute;right:calc(50% - 684px);bottom:146px}
.categories-slider-item{display:flex;align-items:center; justify-content:center;position:relative;text-decoration:none;height:262px;background:#1f3c7d}
.categories-banner{position:absolute;top:0;left:0;height:100%;width:100%;opacity:.16;transition:all 320ms}
.categories-slider-title{position:relative;z-index:10;text-align:center;font-family:'Poppins',sans-serif;font-weight:700;font-size:48px;color:#fff;line-height:1.2;padding:0 15px}
.categories-slider-item:hover{text-decoration:none}
.categories-slider-item:hover .categories-slider-title{color:#fff}
.categories-slider-item:hover .categories-banner{opacity:.5}
#categories-slider .owl-controls{display:none}

/* Section events */
#events{height:838px;background:#303c64;display:flex;position:relative}
#events-left-box{width:49%;position:relative}
#events-left-box:after{content:'';position:absolute;right:-175px;top:0;height:838px;width:265px;background:url(../images/events-left-img.png) left top/265px 838px no-repeat;z-index:150;pointer-events:none}
#events-right-box{width:51%}
#events-data-wrap{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:160}
.events-data .app-title{margin-top:-8px}
#branch{display:inline-block;width:175px;position:relative;top:-20px;left:-25px}
#events-box{min-height:366px}
#events-box iframe{width:100%}

/* Section online-databases */
#online-databases{min-height:832px;padding:93px 0;background:#f7f7f7}
.online-databases-top{display:block;text-align:center;background:url(../images/online-databases-bg-img.png) center top/700px 159px no-repeat;min-height:159px;padding:71px 0 10px}
.online-databases-top .app-title{color:#303c64;margin:0}
.online-databases-text{font-family:'Poppins',sans-serif;font-weight:300;font-size:14px;color:#303c64}
#online-databases-slider{margin-top:19px}
.online-databases-item{position:relative;display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-content:center;background:#fff;text-decoration:none;height:200px;transition:all 320ms;width:100%;margin-bottom:20px;padding:10px}
.online-databases-item:after{content:'';height:0;width:100%;position:absolute;left:0;bottom:0;background:#28991d;transition:all 320ms}
.online-databases-img{width:200px!important;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;transition:all 320ms}
.online-databases-title-text-wrap{text-align:center;opacity:1;transition:all 320ms;line-height:1.4}
.online-databases-title{font-family:'Poppins',sans-serif;font-weight:700;font-size:18px;color:#303c64;text-transform:uppercase}
.online-databases-text{font-family:'Poppins',sans-serif;font-weight:300;font-size:14px;color:#303c64;text-transform:capitalize}
.online-databases-item:hover, .online-databases-item:focus{text-decoration:none}
.online-databases-item:hover:after{height:8px}
.online-databases-item:hover .online-databases-title-text-wrap{opacity:0}
.online-databases-item:hover .online-databases-img{opacity:1}
#online-databases-slider .owl-controls{display:none}

/* Section great-reads */
#great-reads{min-height:903px;padding:126px 0 100px;background:#303c64;position:relative}
#great-reads:after{content:'';width:177px;height:219px;background:url(../images/dots2.png) center/177px 219px no-repeat;position:absolute;right:calc(50% - 681px);top:235px}
#great-reads .app-title{text-align:center;background:url(../images/great-reads-bg-img.png) center top/95px 21px no-repeat;padding-top:31px;margin-bottom:17px}
.show-great-reads{opacity:1!important;height:auto!important;transition:all 500ms}
.great-reads-tab-data{opacity:0;height:0;overflow:hidden}
#great-reads-slider-tabs{text-align:center}
#great-reads-tab-links{list-style:none;margin:5px 0 0;padding:0;align-items:flex-end}
#great-reads-tab-links li{display:inline-block;text-align:center}
.great-reads-tab-link{display:inline-block;font-family:'Poppins',sans-serif;font-weight:600;font-size:12px;color:#fff;text-transform:capitalize;padding:18px 44px;border:1px solid #666f8b;transition:all 320ms;cursor:pointer;margin-right:10px}
#great-reads-tab-links li:last-child .news-tab-link{margin-right:0}
.great-reads-tab-link:hover, .great-reads-tab-link:focus{background:#28991d}
.great-reads-tab-link.active-tab{background:#28991d}
#great-reads-slider-wrap{margin-top:25px}
.great-reads-slider-item{display:block;text-decoration:none;transition:all .3s;padding:6px;background:#fff}
.great-reads-banner{height:389px}
.great-reads-slider .owl-dots{display:none}
.great-reads-slider .owl-controls{display:none}
.view-all-wrap{text-align:center;margin-top:17px}
.view-all{display:inline-flex;align-items:center;text-decoration:none;font-family:'Poppins',sans-serif;font-weight:700;font-size:14px;color:#fcfaf8;text-transform:uppercase;padding:10px 20px}
.view-all:before{content:'';display:inline-block;margin-right:15px;width:22px;height:2px;background:url(../images/btn-img.png) right center/34px 2px no-repeat;transition:all 320ms}
.view-all:hover{text-decoration:none;color:#fcfaf8}
.view-all:hover:before{width:34px}

/* Section gallery */
#gallery{height:274px}
.gallery-slider-item{height:274px}
#gallery-slider .owl-controls{display:none}

/* Section footer */
#footer-top{min-height:505px;padding:114px 0 50px;background:#f4f6f8}
#footer-top .col-md-3:first-child{width:22.5%}
#footer-top .col-md-3:last-child{width:27.5%}
#footer-logo img{width:222px}
.contact-info{display:flex;align-items:center;margin:11px 0 14px}
.contact-info-in{line-height:1.7}
#footer-phone-icon{width:17px;min-width:17px;height:28px;margin:0 11px 2px 0}
#footer-map-pin-icon{width:19px;min-width:19px;height:27px;margin:0 11px 4px 0}
.contact-info-in-top{font-family:'Poppins',sans-serif;font-weight:400;font-size:14px;color:#303b63}
.contact-info-in-top a{color:#303b63;text-decoration:none}
.contact-info-in-top a:hover{color:#303b63;text-decoration:underline}
.contact-info-bottom{font-family:'Poppins',sans-serif;font-weight:300;font-size:12px;color:#303b63}
.contact-info-bottom a{color:#303b63;text-decoration:none}
.contact-info-bottom a:hover{color:#303b63;text-decoration:underline}
.footer-email{word-break:break-all}
.footer-box-title{font-family:'Poppins',sans-serif;font-weight:700;font-size:18px;color:#303d65;text-transform:uppercase;margin-bottom:17px}
.footer-list{margin:0;padding:0;list-style:none}
.footer-list li{padding:0}
.footer-list-link{display:inline-block;font-family:'Poppins',sans-serif;font-weight:300;font-size:14px;color:rgba(48, 60, 100, 0.902);text-decoration:none;line-height:1.25;padding:3px 0}
.footer-list-link:hover,.footer-list-link:focus{color:rgba(48, 60, 100, 0.902);text-decoration:underline}
.footer-blue-box{border-radius:6px;background:#303d65;padding:22px 32px 34px;text-align:center;margin-top:21px}
.work-schedule-list{margin:0;padding:0;list-style:none}
.work-schedule-item{margin:0;font-family:'Poppins',sans-serif;font-weight:600;font-size:12px;color:#fff;display:flex;justify-content:space-between;padding:11px 0}
.work-schedule-item:not(:last-child){border-bottom:1px solid #596484}
.work-schedule-item span:first-child{text-transform:uppercase}
.work-schedule-item span:last-child{font-weight:400;text-transform:capitalize}
#footer-live-chat .live-chat-wrap{margin:7px 0 0;display:block;height:auto}
#footer-live-chat .live-chat{display:block;padding:14px}
.out-of-container-box{display:inline-flex;flex-wrap:wrap;position:absolute;right:-209px;top:134px;align-items:center;justify-content:center;transform:rotate(90deg)}
.inverted-text{font-family:'Poppins',sans-serif;font-weight:300;font-size:12px;color:#303b63;display:inline-block;white-space:nowrap;text-transform:uppercase;margin:3px 4px 0 0}
#social-media-links{display:inline-block}
.social-media-link{display:inline-flex;justify-content:center;align-items:center;width:39px;height:39px;border-radius:50%;background:#313c64;text-decoration:none;font-size:20px;color:#fff;text-align:center;margin:4px;transform:rotate(-90deg)}
.social-media-link:hover,.social-media-link:focus{text-decoration:none;color:#fff}
#footer-bottom{min-height:49px;padding:11px 0;background:#303d65;font-family:'Poppins',sans-serif;font-weight:400;font-size:14px;color:#fff}
#footer-book-icon{display:inline-block;width:15px}
#revize{text-align:right}
#revize-link,#revize-login{font-weight:700;text-decoration:none;color:#fff}
#revize-link:hover,#revize-login:hover{text-decoration:underline;color:#fff}
/*#revize-login{display:none}*/

/* -----------------------------------------

#inner

-----------------------------------------*/
#freeform-wrap{padding:46px 0 70px}
#entry{padding:10px 0 30px 34px}
.freeform-aside{padding-right:44px;margin:25px 0 0 -4px}
.freeform-aside-box{border-top:8px solid #303c64;background-color:#f4f6f8;padding:18px 0 35px}
.aside-header{font-family:'Poppins',sans-serif;font-weight:700;font-size:22px;color:#303c64;text-transform:uppercase;padding:0 30px;position:relative;margin:17px 0 24px;letter-spacing:-0.5px}
#flyout-header.aside-header::after{content:'';position:absolute;bottom:-14px;left:30px;width:70%;height:1px;background-color:#b3b4b6}
#flyout{padding:0;margin:0}
#flyout li{position:relative;margin:0;list-style:none}
#flyout a,#flyout span{display:block;text-decoration:none;font-family:'Poppins',sans-serif;font-weight:400;font-size:12px;color:#969696;padding:7.5px 20px 7.5px 30px;line-height:1.1}
#flyout ul{padding:0;margin:0;display:none}
#flyout ul a,#flyout ul span{font-size:12px;padding:10px 15px}
.hello-friends{margin-top:44px;margin-bottom:30px;padding-bottom:5px}
.hello-friends .aside-header{margin-bottom:26px}
.hello-friends-text{padding:0 29px;font-family:'Poppins',sans-serif;font-weight:400;font-size:12px;color:#969696;line-height:2.2;margin-bottom:12px}
.pdf-block{display:flex;align-items:center;background-color:#fff;box-shadow:0 5px 8px 0 rgba(0,0,0,0.05);max-width:250px;min-height:66px;margin:0 auto 7px;text-decoration:none}
.pdf-name{font-family:'Poppins',sans-serif;font-weight:700;font-size:16px;color:#303c64;line-height:1.2;transition:color 320ms}
.pdf-block:hover{text-decoration:none}
.pdf-block:hover .pdf-name{color:#969696}
.pdf-size{font-family:'Poppins',sans-serif;font-weight:400;font-size:10px;color:rgba(40, 68, 89, 0.7)}
.aside-pdf-icon{width:34px;min-width:34px;height:42px;margin:0 13px 0 22px}
#breadcrumbs{font-family:'Poppins',sans-serif;font-weight:400;font-size:13px;color:#969696;text-transform:uppercase;letter-spacing:3px}
#breadcrumbs a{display:inline-block;color:#303c64;padding:10px 0;transition:color 320ms;position:relative;text-decoration:none;margin-right:26px}
#breadcrumbs a:after{content:"\f054";font-family:'FontAwesome';font-size:8px;color:#c3c3c3;position:absolute;top:15px;right:-22px}
#breadcrumbs a:hover{color:#969696;text-decoration:none}
#page-title{font-family:'Poppins',sans-serif;font-weight:700;font-size:24px;color:#303c64;text-transform:uppercase;margin:9px 0 12px}
.freeform-hr{border-top:1px solid #c6c6c6;margin:5px 0 13px}
.fullwidth #entry{padding:10px 0 30px}

/* -----------------------------------------

#video page

-----------------------------------------*/
#video{padding:144px 0 10px}
.video-item{display:block;text-decoration:none}
.video-banner{position:relative;padding-bottom:45.65%}
.video-banner:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:104px;height:104px;background:url(../images/video-btn.png) center/104px 104px no-repeat;transition:all 320ms}
.video-item:hover .video-banner:after{transform:translate(-50%, -50%) scale(1.2)}
.video-data{display:flex;justify-content:space-between;align-items:center;margin-top:26px}
.video-title{font-family:'Poppins',sans-serif;font-weight:700;font-size:22px;color:#303d65;text-transform:uppercase;margin:0;letter-spacing:-.5px}
.video-author{font-family:'Poppins',sans-serif;font-weight:400;font-size:13px;color:#303d65}
.video-author:after{content:'';display:inline-block;width:2px;height:15px;background:#ccc;margin:0 0 -2px 7px}
.video-author-link{color:#28991d;text-decoration:none}
.video-author-link:hover,.video-author-link:focus{color:#28991d;text-decoration:underline}
#video .freeform-hr{margin:47px 0 10px}
#videos{padding:8px 0 140px}
.videos-title{font-family:'Poppins',sans-serif;font-weight:700;font-size:22px;color:#303d65;text-transform:uppercase;letter-spacing:-.5px;margin-bottom:20px}
#video-slider{margin-top:23px}
.video-slider-item{text-decoration:none}
.video-slider-banner{position:relative;padding-bottom:73.65%}
.video-slider-banner:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:url(../images/slider-video-btn.png) center/48px 48px no-repeat;transition:all 320ms}
.video-slider-description{font-family:'Poppins',sans-serif;font-weight:400;font-size:15px;color:#303d65;margin-top:12px;line-height:1;letter-spacing:-0.5px}
.video-slider-item:hover, .video-slider-item:focus{text-decoration:none}
.video-slider-item:hover .video-slider-banner:after{transform:translate(-50%, -50%) scale(1.2)}
#video-slider .owl-controls{display:none}

/* -----------------------------------------

#share widget

-----------------------------------------*/
.modal{z-index:100000}
.modal-content{overflow:hidden;box-shadow:none!important;border-radius:3px}
.modal-header{background:#fff;border-color:#F4F9FD;text-align:center;padding:30px 60px;text-align:left}
.modal-header h4{font-size:30px}
.modal-header button{margin-top:2px!important;position:relative;font-size:25px}
.modal-body{padding:40px 60px}
.copylink{margin-bottom:40px}
.copylink pre{border-color:#DBE7F0;background:#F4F9FD;border-width:1px}
.modal-header button,.modal-header button:hover{color:#000!important;background:none}
.share-btns{margin:0 0 20px}
.share-btns a{display:block;border:1px solid #DBE7F0;text-align:center;height:170px;border-radius:3px;overflow:hidden;text-decoration:none;margin-bottom:20px}
.share-btns i{display:block;line-height:170px!important;font-size:60px}
.btn-facebook{color:#3b5998!important}
.btn-twitter{color:#00ACED!important}
.btn-google{color:#D34836!important}
.btn-reddit{color:#ff5700!important}
.btn-facebook:hover{border-color:#3b5998}
.btn-twitter:hover{border-color:#00ACED}
.btn-google:hover{border-color:#D34836}
.btn-reddit:hover{border-color:#ff5700}
.btn-lg{font-size:16px;padding:14px 30px;border:0;border-radius:3px}
.floating-share-btn{position:fixed;z-index:99999;top:40%;right:0;border-radius:0;border:0;background:#28991D!important;color:#fff!important;padding:8px;box-shadow:0 0 10px rgba(0,0,0,.3);text-align:center}
.floating-share-btn span{display:block;margin-top:5px;text-transform:uppercase}
/* -----------------------------------------

#bxslider

-----------------------------------------*/
#slider{height:837px;width:calc(40.3% + 204px);position:relative}
#freeform #slider{height:366px;width:100%}
#slider-caption{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:51}
.bxslider{padding:0;margin:0}
.bxslider,
.bx-viewport,
.bxslider li,
.bx-wrapper{height:100%!important}
.bx-wrapper{position:relative;margin:0;padding:0;overflow:hidden}
.bx-wrapper img{max-width:100%;display:block}
.bxslider{list-style:none}
.bxslider > li:nth-child(n+1){display:none}

/* pager */
.bx-wrapper .bx-pager{text-align:center}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block}
.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{background:#000}

/* direction controls */
.bx-wrapper .bx-controls-direction a{width:32px;height:32px;margin:-20px 0 0;display:block;background:url(../images/slider-nav.png) no-repeat 0 0;position:absolute;z-index:51;top:50%;cursor:pointer;text-indent:-9999px;opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.bx-wrapper .bx-controls-direction a.disabled{display:none}
.bx-wrapper .bx-prev{left:-40px}
.bx-wrapper .bx-next{right:-40px;background-position:100% 0!important}
#homepage .bx-wrapper .bx-next{right:50px}
.bx-wrapper:hover .bx-next{opacity:0.6;right:20px}
#homepage .bx-wrapper:hover .bx-next{opacity:0.6;right:110px}
.bx-wrapper:hover .bx-prev{opacity:0.6;left:20px}
.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-next:hover{opacity:1}

/* -----------------------------------------

#media queries

-----------------------------------------*/
@media only screen and (min-width:992px) {
	.nav .focused .toggle2{display:none}
	.nav .focused .toggle{display:inline-block!important;position:absolute;top:50%;transform:translateY(-50%);margin-left:-15px;height:auto}
	.nav .focused .toggle::after{content:none}
	.nav .focused .toggle2{transform: translateY(-50%) rotate(-90deg)}
	.nav{position:relative;display:inline-flex!important;height:111px!important;justify-content:flex-end;width:100%;align-items:center}
	.layout-table{table-layout:fixed;width:100%}
	.nav li:hover>ul{display:block}
	.nav ul ul{display:block!important}
	.nav ul a, .nav ul span{text-align:left}
	.nav ul{position:absolute;left:-130px;right:0;padding:30px;margin:0;column-count:4;column-gap:34px;display:none;background:#1a4077;z-index:210}
	.nav > li:not(:last-child) > a:first-child::after,.nav > li:not(:last-child) > span:first-child::after{content:'';position:absolute;top:50%;transform:translateY(-50%);right:0;height:20px;width:1px;background:#e2e2e2}
	.header-bottom-right .nav > li:not(:last-child) > a:first-child::after,.header-bottom-right .nav > li:not(:last-child) > span:first-child::after{background:#3f649c}
	.nav li:hover>a, .nav li:hover>span{opacity:0.7}
	#flyout .focused .toggle{display:inline-block!important;margin-left:8px}
	#flyout .focused .toggle,#nav .focused .toggle2{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
	#flyout{display:block!important}
	#flyout ul{position:absolute;left:100%;top:0;width:200px;background:#F4F6F8;display:none;z-index:999}
	#flyout li:hover>ul{display:block}
	#flyout li:hover a, #flyout li:hover span{background:#303c64;color:#fff}
	#flyout .toggle{position:absolute;top:28%;right:10px}
	.first-divider{position:absolute;left:0;top:-140px;bottom:0;width:1px;height:775px;background:#f8f8fa}
	.second-divider{position:absolute;left:25%;top:-140px;bottom:0;width:1px;height:775px;background:#f8f8fa}
	.third-divider{position:absolute;left:50%;top:-140px;bottom:0;width:1px;height:775px;background:#f8f8fa}
	.fourth-divider{position:absolute;left:75%;top:-140px;bottom:0;width:1px;height:775px;background:#f8f8fa}
	.fifth-divider{position:absolute;left:100%;top:-140px;bottom:0;width:1px;height:775px;background:#f8f8fa}
}

@media only screen and (max-width:1560px) {
	#quick-links-slider .owl-prev{left:-50px}
	#quick-links-slider .owl-next{right:-50px}
}

@media only screen and (max-width:1425px) {
	.out-of-container-box{display:flex;position:static;transform:none;margin-top:20px}
	.social-media-link{transform:none}
	.inverted-text{white-space:normal;margin:3px 10px 0 0;letter-spacing:.5px}
}

@media only screen and (max-width:1400px) {
	.header-bottom-left{width:30%}
	.header-bottom-left-list{margin-left:15px}
	.header-bottom-left-list li{display:block}
	.header-bottom-left-list li:not(:last-child) a::after{content:none}
	.header-bottom-left-link{padding:2px 14px}
	.header-bottom-right{width:70%}
	.nav ul{left:-50px}
	.nav a,.nav span{padding:0 5px!important}
	.live-chat-wrap{margin:0}
	.header-bottom-right .nav{padding:0}
	.header-bottom-right .nav a,.header-bottom-right .nav span{padding:0 10px!important}
	#learning-data{padding:0 0 0 80px}
	.learning-title{font-size:60px}
	#quick-links-slider .owl-prev, #quick-links-slider .owl-next{top:calc(100% + 50px)}
	#quick-links-slider .owl-prev{left: calc(50% - 50px)}
	#quick-links-slider .owl-next{right: calc(50% - 50px)}
	#categories{margin-top:100px}
	.freeform-aside{padding-right:0;margin:25px 0 0}
	.first-divider{display:none}
	.second-divider{display:none}
	.third-divider {display:none}
	.fourth-divider{display:none}
	.fifth-divider {display:none}
	.live-chat{padding:19px 10px}
	.header-top .nav{padding:0;margin:0 -10%;width:110%}
	#logo img{width:130px}
	.nav .focused .toggle{margin-left:-7px}
}

@media only screen and (max-width:1200px) {
	.nav ul{left: -200px;right: -170px}
}

@media only screen and (max-width:991px) {
	/* rz form tables - without page scope this targets editforms and makes
	 * editing confusing
	 */
	#freeform #formwizziwmorf tr,#freeform #formwizziwmorf tr td{display:block!important}
	#freeform #formwizziwmorf tr table tr{display:table-row!important}
	#freeform #formwizziwmorf tr table td{display:table-cell!important}
	/* Allows tables to be used as columns with responsive stacking */
	.layout-table{width:100%!important}
	.layout-table,
	.layout-table thead,
	.layout-table tbody,
	.layout-table th,
	.layout-table td,
	.layout-table tr{display:block!important}
	.layout-table td{margin-bottom:15px}
	#toggles{position:absolute;right:15px;top:33px;z-index:250}
	#nav1-toggle,#nav2-toggle,#info-toggle{line-height:45px;width:45px;text-align:center;border-radius:4px;background:#2E308F;color:#fff;margin-left:5px;cursor:pointer}
	.nav,#flyout{display:none}
	.nav li{display:block}
	.nav a,
	.nav span,
	#flyout a,
	#flyout span{font-size:14px !important;line-height:1 !important;padding:15px !important;border-bottom:1px solid rgba(0,0,0,.15)}
	.nav li:last-child>a,
	.nav li:last-child>span,
	#flyout li:last-child>a,
	#flyout li:last-child>span{border:0}
	.nav ul,
	#flyout ul{background:rgba(0,0,0,.15)}
	.toggle,
	.toggle2{display:block;position:absolute;right:0;top:0;line-height:45px;text-align:center;width:45px;background:rgba(0,0,0,.15);transform:none !important}
	.nav .toggle, .nav .toggle2, #flyout .toggle{display:block!important;position:absolute;right:0;top:0;line-height:45px;text-align:center;width:45px;color:#fff;padding:15px!important;height:auto}
	.nav .toggle, .nav .toggle2{right:15px}
	.nav a,.nav span{padding:15px 70px 15px 15px!important}
	.nav ul ul a, .nav ul ul span{padding:15px!important}
	.nav ul a, .nav ul span{padding:15px 70px 15px 15px!important}
	.header-bottom .nav a,.header-bottom .nav span{padding:15px 70px 15px 15px!important}
	.header-bottom .nav ul ul a, .header-bottom .nav ul ul span{padding:15px!important}
	.header-bottom .nav ul a, .header-bottom .nav ul span{padding:15px 70px 15px 15px!important}
	.nav .toggle{padding:15px!important;text-align:center}
	.header-bottom .nav .toggle{padding:15px!important;text-align:center}
	.nav .toggle2{padding:15px!important;text-align:center}
	.header-bottom .nav .toggle2{padding:15px!important;text-align:center}
	#flyout a{padding:15px 60px 15px 15px!important}
	#flyout ul a{padding:15px!important}
	.header-top .nav{margin:0;width:100%}
	.nav{position:absolute;top:0;left:0;z-index:200;width:100%;padding:0;background:#1a4077;border-top:5px solid #28991d}
	.nav ul{display:none;position:static;column-count:1;padding:0;margin:0}
	.nav li{display:block;position:relative;padding:0}
	.nav a,.nav span{display:block!important;text-align:left;height:auto;color:#fff}
	.nav ul a,.nav ul span{text-transform:capitalize}
	.nav ul li{page-break-inside:auto}
	.header-bottom-right .nav ul a,.header-bottom-right .nav ul span{text-transform:capitalize}
	.header-top{position:relative}
	.header-bottom{margin-top:-111px}
	.header-bottom-in{margin:0 -15px}
	.header-bottom-right{width:100%}
	.header-bottom-right .nav{top:111px}
	.live-chat-wrap{display:none}
	.header-bottom-left{display:none}
	#learning-slider-wrap{flex-wrap:wrap}
	#slider{width:100%;height:500px}
	#homepage .bx-wrapper .bx-next{right:-40px;background-position:100% 0!important}
	#homepage .bx-wrapper:hover .bx-next{opacity:0.6;right:20px}
	#learning{display:none}
	#learning-data-wrap{position:static;transform:none;width:100%;background:#303C64}
	#learning-data{min-height:500px;padding:50px 0}
	.learning-hr{margin:55px 0 51px}
	#search{margin:0}
	.learning-list{margin:0}
	#events{flex-wrap:wrap;height:auto}
	#events-left-box{display:none}
	#events-right-box{width:100%;padding-bottom:60%}
	#events-data-wrap{position:static;transform:none;width:100%;padding:50px 0}
	.view-all-wrap{margin-top:100px}
	#footer-top .col-md-3:first-child{width:100%}
	#footer-top .col-md-3:last-child{width:100%;margin-top:30px}
	.footer-box-title{margin-top:30px}
	#revize{text-align:left}
	#footer-bottom{padding:20px 0}
	#freeform-wrap {padding:15px 0 70px}
	.hello-friends{display:none}
	#flyout-header{display:none}
	.freeform-aside{padding-right:15px;margin:0}
	.freeform-aside-box{padding:0}
	#flyout-toggle{display:inline-block;padding:15px;font-family:'Poppins',sans-serif;font-weight:700;font-size:18px;color:#153149;text-transform:capitalize;cursor:pointer}
	#entry{padding:30px 0 30px}
	.fullwidth #entry{padding:20px 0 30px}
	.owl-controls{display:block!important}
	.owl-prev, .owl-next{position:absolute;top:calc(100% + 50px);transform:translateY(-50%);cursor:pointer;z-index:100}
	.owl-nav > div{display:inline-flex;justify-content:center;align-items:center;background:#fff;box-shadow:0px 6px 8px 0px rgba(48, 60, 100, 0.28);width:40px;height:40px;transition:all 320ms}
	.owl-nav > div > img{width:5px;height:10px}
	.owl-nav > div:hover{background:#303c64}
	.owl-nav > div:hover img{filter: brightness(0) invert(1)}
	.owl-prev{left: calc(50% - 50px)}
	.owl-next{right: calc(50% - 50px)}
	.share-btn{top:auto;left:auto;bottom:40px;right:5px}
}

@media only screen and (max-width:767px) {
	.floating-alert{width:auto;right:0;left:0;border:0;bottom:0;border-radius:0;padding-left:15px;padding-right:15px}
	.floating-alert{font-size:12px}
	.floating-alert h4{margin-bottom:10px;font-size:14px}
	.floating-alert .btn{font-size:10px}
	.share-btns a{height:auto;padding:10px;width:100%;font-size:12px;white-space:nowrap;overflow:hidden}
	.share-btns i{display:block;line-height:50px!important;font-size:20px}
	.video-banner:after{width:70px;height:70px;border-radius:50%}
	.video-data{flex-wrap:wrap}
	.video-title{width:100%;margin-bottom:5px}
}

@media only screen and (max-width:479px) {
	#logo img{width:170px}
	.app-title{font-size:40px}
	.learning-title{font-size:40px}
	.categories-slider-title{font-size:40px}
	#online-databases{padding:50px 0}
	#great-reads{padding:70px 0;min-height:860px}
}

@media print {
	.hello-friends,#slider,footer,#breadcrumbs,#flyout-wrap,.floating-share-btn,.e-notify,header{display:none!important}
	a[href]:after{content:none!important}
	#freeform-wrap,#entry{padding:0}
}