/* Add here all your CSS customizations */
/*.border-left {
    border-left: 1px solid;
}*/

/* PADDING & MARGIN */
body{color: black;font-size: 16px;}
.layout__region.layout__region--first{padding-right: 15px;}
.padding-top-0 { padding-top: 0; }
.margin-top-0 { margin-top: 0; }
.row{margin: 30px 0px 0px 0px;}
li{font-size: 16px;margin-bottom: 0px;color: black;  text-align: justify;}
em{font-size: 16px;color: black;}
.item-list ul {padding-inline-start: 40px !important;}
html .btn-primary {margin: 3px 0}
p.p-left{text-align: left;}
.mb-10{margin-bottom: 10px}
/* WIDGET */
.ui-widget { font-family: "Open Sans",Arial,sans-serif; }

/* BLOG COMMENT LIST */
.blog-posts .comments ul.links {
    position: absolute;
    top: 20px;
    right: 20px;
}
@media screen and (max-width: 639px) {
    .blog-posts .comments ul.links {
        position: static;
        display: block;
        margin: 10px 0;
    }
}
@media screen and (min-width: 1200px) {
   #header .header-row {
    width: 1200px !important; 
  }
}


/* ==========================================================================
   BRACU AYESHA ABED LIBRARY - COMPLETE NAVIGATION ARCHITECTURE
   ========================================================================== */

.blog-posts ul.inline li:first-child { padding-left: 0; }
.blog-posts ul.inline li:last-child { padding-right: 0; }
li.comment-item { list-style: none; }
.blog-posts li.comment-item article { padding-bottom: 0; }
.blog-posts .post-author article { padding-bottom: 0; }
ul.comments ul.links li { border-left: none; }
.comments ul.links i { color: #0088cc; }
.comments ul.links li:hover i { color: #0099e6; }
.img-thumbnail article .views-element-container { display: none; }
#comment-form .form-required::after {
    float: none;
    margin: 0;
}

/* LEAVE A COMMENT */
.post-leave-comment .form-text {
    border: 1px solid #ccc;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    -moz-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    -webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
.post-leave-comment label { display: block; }
.post-leave-comment .form-submit {
    background-color: #0088cc;
    border-color: #0088cc #0088cc #006699;
    color: #ffffff;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    font-size: 18px;
    line-height: 1.33333;
    padding: 10px 16px;
    transition: all 0.1s ease 0s;
    -moz-transition: all 0.1s ease 0s;
    -webkit-transition: all 0.1s ease 0s;
    border-width: 1px;
}
.post-leave-comment .form-submit:hover,
.post-leave-comment .form-submit:focus {
    background-color: #0099e6;
    border-color: #0099e6 #0099e6 #0077b3;
    color: #fff;
}

/* THE BENEFITS */
.list-icons.align-left { float: none; }

aside.sidebar [class^="webform-submission-contact"] .form-type-textarea,
aside.sidebar [class^="webform-submission-contact"] .form-actions{padding: 0;}
aside.sidebar [class^="webform-submission-contact"] .form-type-textarea textarea{min-height: auto; max-height: 74px;}
aside.sidebar [class^="webform-submission-contact"] input[type="submit"]{float: none; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; text-transform: capitalize;}
aside.sidebar [class^="webform-submission-contact"] .form-actions{margin-bottom: 25px;}

.form-required:after{
    content: '*' !important;
    background-image: none !important;
    float: right;
}

.blocktabs{
    border-radius: 4px;
    padding: 0;
    border: none;
}
.blocktabs.ui-tabs .ui-tabs-nav{
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #EEE;
    border-width: 0 0 1px 0;
    background: none;
}
.blocktabs.ui-tabs .ui-tabs-nav li{
    border: none;
    margin: 0 0 -1px 0;
    padding: 0;
}
.blocktabs.ui-tabs .ui-tabs-nav li a{
    color: #0088cc;
    border-style: solid;
    border-color: #EEE;
    border-width: 3px 1px 1px 1px;
    background: #F4F4F4;
    border-radius: 5px 5px 0 0;
    font-size: 14px;
    line-height: 1.42857143;
    padding: 10px 15px;
    cursor: pointer !important;
    margin-right: 1px;
}
.blocktabs.ui-tabs .ui-tabs-nav li:first-child a:before{
    width: 13px;
    height: 14px;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f005  ";
}
.blocktabs.ui-tabs .ui-tabs-nav li a:hover{
    border-top-color: #0088cc;
}
.blocktabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a{
    border-top-color: #0088cc;
    border-bottom-color: #fff;
    background: #FFF;
}
.blocktabs.ui-tabs .ui-tabs-nav li:last-child a{
    margin-right: 0;
}
.blocktabs.ui-tabs .ui-tabs-panel{
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
    background-color: #FFF;
    border: 1px solid #EEE;
    border-top: 0;
    padding: 15px;
}
.blocktabs.ui-tabs .ui-tabs-panel .simple-post-list a{
    color: #0088cc;
    font-size: 14px;
}
.blocktabs.ui-tabs .ui-tabs-panel .simple-post-list .post-meta{
    font-size: 11.2px;
}
.action-unflag .fa-heart{
    color: #E53F51;
}
.action-unflag:hover .fa-heart{
    color: #B1B1B1;
}
.flag-portfolio{float: left;}

.region-right-sidebar .block-search form{
    overflow: hidden;
}

.region-right-sidebar .block-search form .form-item{
}
.region-right-sidebar .block-search form .form-search{
    border-radius: 6px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    font-size: 18px;
    line-height: 1.3333333;
    width: calc(100% - 50px);
    float: left;
    padding: 10px 16px;
    height: 46px;
}
.region-right-sidebar .block-search form .form-wrapper{

}
.region-right-sidebar .block-search form .form-wrapper .button{
    width: 50px;
    height: 46px;
    background: transparent;
    border: none;
    color: #fff;    
    text-indent: -99999px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9999;
}
.region-right-sidebar .block-search form:after{
    background: #08c;
    text-align: center;
    font:normal normal normal 14px/1 FontAwesome;
    content: "\f002";
    color: #fff;
    font-size: 18px;
    height: 46px;
    line-height: 46px;
    position: absolute;
    width: 50px;
    right: 16px;
    top: 0;
    border-radius: 6px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.separator{margin: 20px 0;}
.region-right-sidebar .separator:first-child { margin: 0; }
.separator hr{margin: 0;}
.left_portfolio_sidebar .heading-primary,
.right_portfolio_sidebar .heading-primary{padding-top: 15px;}
.nav-secondary:not(.sticky-active){margin-top: -35px;}

/* PAGINATION */
.pager { margin: 0; }
.pager .pager__items {
    padding-left: 0;
    margin: 20px 0;
    display: flex;
  /*  float: right; */
}
.pager li { padding: 0; }
.pager li > a,
.pager li > span {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    font-size: 14px;
    line-height: 1.42857;
    padding: 6px 12px;
    margin-left: -1px;
}
.pager li:first-child > a,
.pager li:first-child > span {
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    margin-left: 0;
}
.pager li:last-child > a,
.pager li:last-child > span {
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
}
.pager__item.is-active a {
    background-color: #0088cc;
    border-color: #0088cc #0088cc #006699;
    color: #ffffff;
    font-weight: normal;
}
.pager__item.is-active a:hover,
.pager__item.is-active a:focus {
    background-color: #0088cc;
}

.view-blog-pages .pager .pager__items { margin: -10px 0 20px; }
.view-blog-pages .pager li > a,
.view-blog-pages .pager li > span {
    font-size: 18px;
    line-height: 1.33333;
    padding: 10px 16px;
}
.view-blog-pages .pager li:first-child > a,
.view-blog-pages .pager li:first-child > span {
    border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-top-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
}
.view-blog-pages .pager li:last-child > a,
.view-blog-pages .pager li:last-child > span {
    border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-top-right-radius: 6px;
    -webkit-border-top-right-radius: 6px;
}

.page-coming-soon .simplenews-subscriber-form{
    overflow: hidden;
    padding-bottom: 5px;
}
.page-coming-soon .simplenews-subscriber-form h2{
    color: #0088cc !important;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    float: left;
    line-height: 18px;
}
.page-coming-soon .simplenews-subscriber-form .form-email{
    width: calc(100% - 123px);
    background: none;
    float: left;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.page-coming-soon .simplenews-subscriber-form .has-error .form-email{
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    width: calc(100% - 124px);
}
.page-coming-soon .simplenews-subscriber-form .has-error .form-email:focus{
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483;
}    
.page-coming-soon .simplenews-subscriber-form .has-error .error{
    display: none !important;
}

.page-coming-soon .simplenews-subscriber-form .form-actions{
    width: 123px;
    bottom: 5px;
    top: auto;
}
.anonymous .page-coming-soon .simplenews-subscriber-form .form-actions{
    float: left;
}
.page-coming-soon .simplenews-subscriber-form .form-item{
    margin: 0;
}
.page-coming-soon .simplenews-subscriber-form .form-actions .button{
    width: 100%;
    background: none;
    border: 1px solid #ccc;
    border-color: #ccc;
}
.anonymous .page-coming-soon .simplenews-subscriber-form .form-actions .button{
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.authenticated .page-coming-soon .simplenews-subscriber-form .form-actions .button{
    border-radius: 4px;
}
.page-coming-soon .simplenews-subscriber-form .form-actions .button:hover{
    background: #e6e6e6;    
}

/* PRODUCT */
.tabs .comments a {
    padding: 0;
    display: inline;
}
.comments.for-product ul.links { float: right; }
.comments.for-product ul.links li:first-child { padding-left: 0; }
.comments.for-product ul.links li:last-child { padding-right: 0; }
.comments.for-product .fivestar-widget {
    position: absolute;
    right: 20px;
    top: 20px;
}
.commerce-order-item-add-to-cart-form .button--primary {
    background-color: #0088cc;
    border-color: #0088cc #0088cc #006699;
    color: #ffffff;
    transition: all 0.1s ease 0s;
    -moz-transition: all 0.1s ease 0s;
    -webkit-transition: all 0.1s ease 0s;
}
.commerce-order-item-add-to-cart-form .button--primary:hover,
.commerce-order-item-add-to-cart-form .button--primary:focus {
    background-color: #0099e6;
    border-color: #0099e6 #0099e6 #0077e3;
    color: #fff;
}
.commerce-order-item-add-to-cart-form .form-actions { margin-bottom: 25px; }
.col-md-9 > .region-content .owl-carousel .thumbnail { border: none; }

/* TABS */
.tabs ul.tabs{
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #EEE;
    border-width: 0 0 1px 0;
    background: none;
}
.tabs ul.tabs > li{
    border: none;
    margin: 0 0 -1px 0;
    padding: 0;
}
.tabs ul.tabs a{
    color: #0088cc;
    border-style: solid;
    border-color: #EEE;
    border-width: 3px 1px 0 1px;
    background: #F4F4F4; 
    border-radius: 5px 5px 0 0;
    font-size: 14px;
    line-height: 1.42857143;
    padding: 10px 15px;
    cursor: pointer !important;
    margin-right: 1px;
    display: inline-block;
}
.tabs ul.tabs a.is-active,
.tabs ul.tabs a:hover{
    border-top-color: #0088cc;
    background: #FFF;
}
@media and screen(max-width: 320px){
    .tabs ul.tabs > li,
    .tabs ul.tabs a{width: 100%;}
}
.form-email, .form-text{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-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;
}
.user-login-form,
.user-pass,
.user-register-form .form-email, 
.user-register-form .form-text{
    max-width: 400px;
}
.button{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.user-login-form .button,
.user-pass .button,
.user-register-form .button{
    color: #fff;
    background-color: #0088cc;
    border-color: #0088cc #0088cc #006699;
}
.user-login-form .button:hover,
.user-pass .button:hover,
.user-register-form .button:hover{
    color: #fff;
    border-color: #0099e6 #0099e6 #0077b3;
    background-color: #0099e6;
}


.button.focus, .button:focus, .button:hover {
    color: #333;
    text-decoration: none;
}
.form-select{
    height: 34px;
}

/* STYLE GUIDE */
.position-relative { position: relative; }
.clear { clear: both; }
.label { color: inherit; }

/* SPECIFIC ELEMENT
@media screen and (min-width: 768px) {
    .call-to-action.call-to-action-in-footer { margin-top: 0; }
} */

/* PORTFOLIO */
.view-display-id-page_grid_fullwidth_nomargins { margin-top: -35px; }
.view-display-id-page_grid_fullwidth_nomargins ul.nav-pills + hr { display: none; }
.view-display-id-page_grid_fullwidth_nomargins ul.nav-pills {
    position: absolute;
    right: 15px;
    top: -57px;
}
.view-display-id-page_grid_fullwidth_nomargins ul.nav-pills > li > a { color: #fff; }
.view-display-id-page_grid_fullwidth_nomargins ul.nav-pills > li.active > a {
    background-color: transparent;
    color: #0088cc;
}
.container .view-header .container { padding: 0; }
.view-header .view-portfolio-category-filter {
    float: left;
    width: 50%;
    padding-right: 15px;
}
.view-header .view-portfolio-size-filter {
    float: right;
    width: 50%;
    padding-left: 15px;
}
@media (min-width: 992px) {
    #mainNav li.active a.is-active,
    #mainNav .dropdown-menu > .active > a {
        background: #f5f5f5;
    }
    #mainNav > li.active > a,#mainNav > li.active > a.is-active { background: #0088cc; }
}
@media screen and (max-width: 991px) {
    .view-career-blocks .toggle { margin-bottom: 0; }
}
@media screen and (max-width: 767px) {
    .view-display-id-page_grid_fullwidth_nomargins ul.nav-pills { display: none; }
    .portfolio-list .portfolio-info { float: none; }
    .portfolio-list h4.heading-primary { clear: both; }
    .view-header .view-portfolio-category-filter,
    .view-header .view-portfolio-size-filter {
        width: 100%;
        padding: 0;
    }
}
@media screen and (max-width: 479px) {
    /*.ui-widget{font-size: 13px;}*/
    .blocktabs.ui-tabs .ui-tabs-panel .simple-post-list a {
        font-size: 13px;
    }
    .blocktabs.ui-tabs .ui-tabs-panel .simple-post-list .post-meta {
        font-size: 0.7272em;
    }
    .portfolio-info + h5{clear: both;}
}

/* BLOG LIST */
.timeline-date a:hover,
.timeline-date a:focus {
    text-decoration: none;
}
#blogLoadMore { cursor: pointer; }
#blogLoadMoreLoader { clear: both; }
article .post-video iframe { width: 100%; }
article .post-audio iframe { width: 100%; }
@media screen and (max-width: 1199px) {
    section.timeline .timeline-box.left::before { right: -6.2%; }
    section.timeline .timeline-box.right::before { left: -6.8%; }
}
@media screen and (max-width: 479px) {
    .post-meta .btn.pull-right { float: none !important; }
}

iframe.twitter-share-button { display: block; }
.thumb-info .thumb-info-type a { color: #fff; }
.messages--status,
.messages--error {
    margin-bottom: 20px;
}

/* CART */
.cart-form {
    border-top: 4px solid #0088cc;
    padding: 30px 30px 10px;
    top: -1px;
    background: #F5F5F5;
    background: -webkit-linear-gradient( top , #FFF 1%, #fcfcfc 98%) repeat scroll 0 0 transparent;
    background: linear-gradient(to bottom, #FFF 1%, #fcfcfc 98%) repeat scroll 0 0 transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #DFDFDF;
    border-left: 1px solid #ECECEC;
    border-right: 1px solid #ECECEC;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    min-height: 100px;
    position: relative;
    z-index: 1;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);
    overflow: auto;
}
.cart-form table { width: 100%; }
.cart-form th { padding: 8px 10px; }
.cart-form td {
    padding: 8px 10px;
    border-top: 1px solid #dcdcdc;
}
.cart-form input[type="number"] {
    border: 1px solid #ccc;
    height: 35px;
    text-align: center;
    width: 45px;
}
.cart-form #edit-actions {
    border-top: 1px solid #dcdcdc;
    margin: 0;
    padding: 20px 10px;
    text-align: right;
}
.cart-form .button {
    transition: all 0.1s ease 0s;
    -moz-transition: all 0.1s ease 0s;
    -webkit-transition: all 0.1s ease 0s;
}
.cart-form #edit-submit {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #666;
}
.cart-form #edit-submit:hover,
.cart-form #edit-submit:focus {
    background-color: #e6e6e6;
    color: #333;
    border-color: #adadad;
}
.cart-form #edit-checkout {
    margin-right: 0;
    background-color: #0088cc;
    border-color: #0088cc #0088cc #006699;
    color: #ffffff;
}
.cart-form #edit-checkout:hover,
.cart-form #edit-checkout:focus {
    background-color: #0099e6;
    border-color: #0099e6 #0099e6 #0077e3;
}
.cart-form .field--name-title {  display: none;}
@media screen and (max-width: 479px) {
    .cart-form { padding: 10px; }
    .cart-form th,
    .cart-form td {
        padding: 4px 5px;
    }
    .cart-form #edit-actions { padding: 10px 5px; }
    .wdf-vl {display:none}
}

/* CHECKOUT */
.layout-region-checkout-secondary {
    border-top: 4px solid #0088cc;
    padding: 30px 30px 10px;
    top: -1px;
    background: #F5F5F5;
    background: -webkit-linear-gradient( top , #FFF 1%, #fcfcfc 98%) repeat scroll 0 0 transparent;
    background: linear-gradient(to bottom, #FFF 1%, #fcfcfc 98%) repeat scroll 0 0 transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #DFDFDF;
    border-left: 1px solid #ECECEC;
    border-right: 1px solid #ECECEC;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    min-height: 100px;
    position: relative;
    z-index: 1;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);
    overflow: auto;
}
.layout-region-checkout-secondary table { width: 100%; }
.layout-region-checkout-secondary th { padding: 8px 10px; }
.layout-region-checkout-secondary td {
    padding: 8px 10px;
    border-top: 1px solid #dcdcdc;
}
.layout-region-checkout-secondary h3 {
    font-size: 1.4em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 27px;
    margin: 0 0 14px;
    color: #0088cc;
    text-transform: none;
}
#edit-order-summary .field--name-title {  display: none;}
#edit-order-summary .views-field-total-price__number { text-align: right; }
#edit-order-summary .order-total-line { padding: 10px 0 0; }
.order-total-line__total .order-total-line-value {
    color: #0088cc;
    font-size: 2em;
}
@media screen and (max-width: 991px) {
    .order-total-line__total .order-total-line-value { font-size: 18px; }
}
.layout-region-checkout-main fieldset {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    background-color: #fff;
    padding-top: 42px;
    position: relative;
    border: 1px solid #ddd;
}
.layout-region-checkout-main legend {
    color: #0088cc;
    padding: 10px 15px;
    background-color: #f5f5f5;
    border: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 16px;
    position: absolute;
    top: 0;
    left: 0;
}
.layout-region-checkout-main .fieldset-wrapper { padding: 7px 15px 15px; }
.layout-region-checkout-main div.address-container-inline > .form-item {
    margin: 0 0 1em;
    width: 48%;
    float: left;
}
.layout-region-checkout-main div.address-container-inline > .form-item:nth-child(2n) { float: right; }
.layout-region-checkout-main label { display: block; }
.layout-region-checkout-main .form-required::after {
    float: none;
    margin: 0;
}
.layout-region-checkout-main select {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 6px 12px;
    height: 34px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.layout-region-checkout-footer #edit-actions-next {
    margin-right: 0;
    background-color: #0088cc;
    border-color: #0088cc #0088cc #006699;
    color: #ffffff;
}
.layout-region-checkout-footer #edit-actions-next:hover,
.layout-region-checkout-footer #edit-actions-next:focus {
    background-color: #0099e6;
    border-color: #0099e6 #0099e6 #0077e3;
}
.layout-region-checkout-footer #edit-actions a { margin-left: 10px; }

/* PRODUCT TAGS */
.view-product-tags .view-content .views-row { display: inline; }
.view-product-tags .view-content .views-row a {
    background-color: #2e353e;
    border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    color: #fff;
    font-size: 75%;
    line-height: 1;
    padding: 0.2em 0.6em 0.3em;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}
.view-product-tags .view-content .views-row a:hover,
.view-product-tags .view-content .views-row a:focus {
    -moz-text-decoration-color: #0099e6;
    text-decoration-color: #0099e6;
    -webkit-text-decoration-color: #0099e6;
}
.collapse-processed > summary:before{
    background: none !important;
}
.messages {
    margin-bottom: 20px;
}
.has-error .form-textarea {
    border-color: #a94442 !important;
    -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);
}
.form-textarea:focus{
    outline: none;
}
.has-error .form-textarea:focus{    
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483;
}

/* PRODUCT LIST */
ul.simple-post-list img {
    max-width: 60px;
    height: auto;
}
ul.simple-post-list li { min-height: 107px; }
.view-display-id-page_sidebar .product-thumb-info h4 { color: #0088cc; }

.region-content .simplenews-subscriber-form .form-actions input[type="submit"] {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
/*NEW CSS*/
.sticky-header-active #header .h-default.header-btn-collapse-nav{margin-top: 50px;}
.user-logged-in .simplenews-subscriber-form .form-actions{position: relative;}
@media (min-width: 992px) {

    .ie #header .header-nav-main nav > ul > li > a.dropdown-toggle:after{
        display: none;
    }
}

#header .header-top {
    background-color: #fff;
    border-bottom: 1px solid #fff;
    margin-top: -13px;
    padding: 0px 0;
    position: relative;
    z-index: 4;
}
.nav>li>a {
    color: #252525;
    font-weight: 600;
}
.nav>li>a:hover, .nav>li>a:focus {
   color: #23527c;
}
#header .header-body {
    border-bottom: 15px solid #043358;
}
html.sticky-header-active #header .header-body {
    border-bottom: 5px solid #013C9E;
}

/*------------------------------------------------------------------------
# Footer CSS Placed Here
# ------------------------------------------------------------------------*/
/*
.footer-logo{
    border-left: 3px solid white;
    padding-left: 20px;
    font-size: 33px;
    font-weight: 600;
    font-family: times;
    color: white;
    margin-bottom: 15px;
    text-transform: none;
}

#footer{
    background:linear-gradient(to right, rgba(0,0,0,0.7), rgba(0,0,0,.7)), url("/libraries/images/bg_footer1.jpg");
    background-size: cover;
    color:white;
    padding-top: 40px;
    border-top: #013c9e 10px solid;
}
.footer-details h5{
    color:white;
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 600;
    text-transform: none;
}
.footer-social{
    height: 70px;
    width: auto;
}
.footer-details a{
    color:white;
}
.footer-details a:hover{
    color:#337ab7;
    text-decoration: none;
}
.footer-address-details{
    font-size: 16px;
    color: white;
}
.footer-address-icons{
    width: 15%;
    vertical-align: top;
    font-size: 20px;
    color: white;
}
#footer h5 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-transform: none;
}
#footer{
    color: #fff;
}
.footer-services-list{
    font-size: 14px;
    font-weight: 600;
    list-style: none;
    padding: 0px;
}
.footer-schedule-day{
    width: 45%;
    font-size: 14px;
}
.footer-schedule-time{
    text-align: right;
    font-size: 14px;
}
.footer-copyright{
    margin-top: 20px !important;
    font-size: 14px;
    color: #fff !important;
/*    background-color: #013c9e !important; */
/*
    background-color: #01284f !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    height:300px;
}
.footer-copyright img { width:30px !important; height:30px !important; }
.footer-copyright h5 {
     color: white !important;
     margin-bottom:30px !import;
     text-transform: capitalize !important;
     font-size:1.3em !important;
}
.footer-link a {
    color:#565963 !important; 

}
.footer-link p { color:#565963 !important; }
.footer-copyright ul{
    list-style: none;
}
.footer-copyright p{
   /*  color:white !important; */
/*    font-size: 14px !important;
}
.footer-copyright h6{
    color:white !important;
    font-size: 14px !important;
}
.footer-copyright a{
    
    padding-right:15px !important;
    font-size: 14px !important;
}
.footer-copyright td { font-size: 14px !important; }

.footer-copyright a:hover{
    color:#337ab7 !important;
    text-decoration: none;
}
.footer-copyright ul{
    display: inline-block;
    margin: 0px;
    line-height: 24px;
    /*vertical-align: -webkit-baseline-middle;*/
}/*
.footer-copyright ul li{
    float: left;
    margin-right: 0px;
    margin-bottom: 0px;
}
.footer-copyright .sub{
    opacity: 0.5;
}
.footer-copyright .row{
    margin-top: 0px;
}
.footer-service-list{
    font-size: 14px;
    font-weight: 600;
    list-style: none;
    padding: 0px;

}
#footer .container .row > div {
    margin-bottom: 0px;
}
.region-footer-top{
    padding-bottom:40px; 
}
*/
/* new footer style*/

/*------------------------------------------------------------------------
# Searchbar CSS Placed Here
# ------------------------------------------------------------------------*/

.searchbar{
    padding-top: 40px;
    padding-bottom: 40px;
}
.text-search{
    font-size: 30px;
    color: white;
    font-weight: bold;
}
form[name="vufind_searchForm"]{
    display: inline;
}
input[name="lookfor"] {
    width: 90% !important;
    display: inline;
    height: 45px;
    border-radius: 0px;
}
button[type="submit"] {
    width: 10%
    border-radius: 0px;
 /*   border: 2px solid #3498db; */
    background-color: #3498db;
    color: white;
    font-size: 21px;
    vertical-align: top;
}
.border-left h3{
    font-size: 23px;
    line-height: 32px;
    font-weight: bold;
    color: white;
    margin-bottom: 0px;

text-transform: none;
}
/*.border-left{
    border-left: 1px solid;
}*/
.border-right: {
    border-right: 1px solid;
}
.text-white a {
    color: #fff !important;
}
.border-left p{
    margin-bottom: 0px;
}
/*------------------------------------------------------------------------
# Home Second Section CSS Placed Here
# ------------------------------------------------------------------------*/

.home-deck{
    padding: 35px 30px;
    height: 260px;
}
.home-deck:before {
    content: "";
    background-color: #123d5f;
    /*opacity: 0.8;*/
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    margin: 5px;
    border-radius: 0px;
}
.home-deck:nth-child(even):before {
    background-color: #196aac;
}

.home-deck:hover:before, .home-deck:focus:before {
    opacity: 0.6;
    cursor: help;
}

.home-deck-details{
    position: relative;
    z-index: 1;
    margin-top: 10%;
}
.home-deck-details h3{
    color: white;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
}
.home-deck-title {
    position: relative;
    z-index: 1;
}
.home-deck-title a{
    font-size: 14px;
    font-weight: 900;
    margin-right: 10px;
}
.home-image-deck{
    color: white;
}
.home-image-deck:hover{
    color: white;
}
.home-deck-title .icon-lightbulb:before{
    padding-right: 10px;
}
h3.subheading-text{
    margin-bottom: 20px;
    font-size: 22px;
    text-transform: none;
}


/*------------------------------------------------------------------------
# Home Third Section CSS Placed Here
# ------------------------------------------------------------------------*/

.service-deck-details h6{
    color: #013c9e;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: normal;
    margin-bottom: 14px;
}
.home-service .col-md-4, .home-service .col-md-3{
    border-left: 5px solid #476678;
    min-height: max-content;
    height: 130px;
}

/*------------------------------------------------------------------------
# Latest News CSS Placed Here
# ------------------------------------------------------------------------*/
.feature-news-title{
    min-height: 60px;
    font-size:  20px;
    font-weight: 600;
    line-height: 26px;
    padding-top: 15px;
/*    text-transform: capitalize; */
}
.feature-news-title h3 {
    text-transform: capitalize;
}
.feature-news-summary{
    min-height: 120px;
    font-size:  16px;
    font-weight: normal;
   /* text-align: justify;*/

}

.feature-news-top{
    border-top: 2px solid;
}
.feature-news-bottom{
    border-top: 5px solid;
}
.linkArrow{
    width: 24px;
    height: 24px;
    background-image: url("/libraries/images/right-arrow.png");
    background-size: cover;
    background-repeat: no-repeat;
    float: right;
    margin-right: 10px;
}
/*------------------------------------------------------------------------
# New Arrival Books CSS Placed Here
# ------------------------------------------------------------------------*/
.feature-book {
    background: url(/libraries/images/bg_new_arrivals.jpg) 0% 0%;
    background-size: cover;
    padding-top: 40px;
}
.featured-book-title{
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    word-break: break-all;
}
.featured-book-author{
    color: #fff;
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
}
.slick img{
    height: 260px;
}
.slick-arrow::before{
    font-size: 4.25rem;
    color: #002a5d;
}
.slide__caption{
    padding: 10px 0px !important;
}

/*------------------------------------------------------------------------
# Event Page CSS
# ------------------------------------------------------------------------*/
.feature-event-row {
    border-bottom: 1px solid #5a5a5a63;
    margin-top: 4px;
    margin-bottom: 20px;
   
}
.feature-event-row:first-child {
    margin-top: 20px;
}
.feature-event-row:last-child {
    border-bottom: 0px;
}
/* modified event-row */
.feature-event-row-home {
    border-bottom: 1px solid #5a5a5a63;
    margin-top: 4px;
    height:75px;
}
.feature-event-row-home:first-child {
    margin-top: 20px;
}
.feature-event-row-home:last-child {
    border-bottom: 0px;
}

/*end of event-row */
 
.feature-event-title{
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 3px;
    color: #196aac;
}
.feature-event-type{
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
}
.feature-event-type{
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
}
.feature-event-date{
    color: white;
    line-height: 24px;
    margin: 0 0 20px;
    background-color: #013c9e;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;   
}
.feature-event-location{
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;   
    
}

/*------------------------------------------------------------------------
# About Page CSS Placed Here
# ------------------------------------------------------------------------*/
.milestone-item {
    margin-bottom: 10px;
    text-align: justify;
}

.milestone-item .date {
    font-size: 24px;
    font-weight: 300;
    color: #333333;
    display: inline-block;
    margin: 24px 0px;
}

html .page-header-color.page-header-secondary{
    background-color: #013C9E;
    border-bottom-color: #013C9E;
    color: #ffffff;
    margin-bottom: 10px;
}

/*------------------------------------------------------------------------
# Database A-Z 
# ------------------------------------------------------------------------*/
.block-field-blocknodea-to-z-databasefield-database-access{
    border: 1px solid #013c9e;
    padding: 10px 25px;
    background: #95afc01a;
    margin-bottom: 30px;
}    
.database h3{
    color: #013c9e;
    margin-top: 25px;
    font-weight: 900;
}
.database_page h2{
    margin: 0 0 5px 0;
    font-size: 20px;
    font-weight: 500;
}
.db-list-item{    
    display:inline-block;
    list-style: none;
    padding-inline-start: 0px;
    font-size: 12px;
}
.db-list-item>li{
    display: inline;
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.428571429;
    color: #000000;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.db-list-item>li a{
    color: #013C9E;
    font-weight:bold;
}
.db-list-item>li a:hover{
    
}
.db-subject-item{
    margin-bottom: 0px;
    list-style: none;
    padding-inline-start: 0px;
    font-size: 12px;

}

.ebooks{
    border: 1px solid #efefef;
    padding: 20px;
    margin: 0px 0px;
    background: #fbfbfb;
    margin-top: 50px;
}
.staff-card{
    border: 1px solid #efefef;
    padding: 20px 0px;
    margin: 10px 0px;
    background: #fbfbfb;
}

.ebooks a.btn.btn-success {
    width: 50%;
    margin-bottom: 5px
}
.ebooks img.image-style-medium{
    height: 75px;
    width: auto;
    float: right;
}
.btn-links{
    display: inline-block !important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
}

.h3, h3{
    font-size:28px;
    margin-bottom: 15px;
}
.p, p{
    font-size:16px;
    margin-bottom: 15px;
    color: black;
   /* text-align: justify; */
}
.text-search{
    vertical-align: middle;
}
a:focus, a:hover {
    /*color: #23527c;*/
    text-decoration: none;
}

.white {
    color: #fff !important;
}
#footer.short {
    padding-top: 0px;
}
/*
.field-content{
	padding-left:35px;
}
*/
.events-archive{
	margin-bottom:30px;
}
/* <body> overlays to disable the content scrolling */
/* <body> overlays to disable the content scrolling */

/* <body> overlays to disable the content scrolling */
.popbox-no-overflow {
  overflow: hidden !important;
  outline: none;
}
.popbox-no-overflow.popbox-fixed {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: scroll!important;
}

.popbox {
  display: none;
}

.popbox .dimmer {
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
  background:rgba(149, 151, 153, 0.589); /*#252525*/
}
.popbox .modal2 {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 0;
  overflow-y: auto;
  z-index: 999;
}
.popbox .outgap {
  margin: 5% auto 0 auto;
  max-width: 550px;
  min-height: 110px;
  padding: 1em;
  outline: 0;
}
.popbox .workarea {
  position: relative;
  padding: 1em;
  background-color: #1287d4ea;

  border-radius: 12px;
  box-shadow: 0px 10px 30px rgba(0,0,0,.3);
}

.close_button_custom {
  color: rgb(177, 34, 34);
  cursor: pointer;
  display: inline-block;
  font-family: arial;
  font-weight: bold;
  position: absolute;
  top: -2px;
  right: -2px;
  font-size: 25px;
  width: 30px;
  height: 30px;
  text-align: center;
  
}
.popbox_title{
  color: white !important;
  text-align: center !important;
}
.popbox_body{
  color: white !important; 
  list-style-type: none !important;
  text-align: center !important;
}
.popbox_close{
  text-decoration: none !important;
  color: rgb(248, 49, 49) !important;
  text-align: center !important;
}
.popbox_close a{
  color: rgb(248, 49, 49) !important;
  
}
.close_msg{
  color: white !important; 

}
.close_countdown{
  color: red !important;
}

.downloads{
   margin-bottom: 30px;
   background-color: rgba(197, 197, 197, 0.452);
   padding:15px;
   border-radius: 25px;
   color: rgb(0, 0, 0);
}

.youtube-container_bak iframe{
    width:700px;
    height:370px;
}
.download_table {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.downloads_table td {
  border-bottom: 1px solid #ddd;
  padding: 8px;
 
}
.downloads_table tr:nth-child(even){
  background-color: #f2f2f2;
}
.downloads_table tr:hover {background-color: #ddd;}
.ebook2_custom a {
 /* background-color: white !important;
  color: #17A2B8 !important;
  border: 1px solid #17A2B8; */
  color: #013156;
  padding: 2px;
  text-align: center;
  text-decoration: none;
  /*display: inline-block;
  margin-bottom: 15px; */
  margin-top:10px !important;
  margin-left:3px;
  font-size:20px;
  font-weight:600;
   
}
.ebook2_custom a:hover, a:active{
       /*background-color: #17A2B8 !important; */
       color: #196AAC !important;
}
.ebook2_custom h3{
        margin: 0 !important;
        border-style: none !important;            
        padding:0 !important; 
    }
.ebook2_custom h3>a{
         border-style: none !important;   
         background-color: transparent !important;
	 padding-left:0 !important;
}
.ebook2_custom h3>a:hover{
    background-color: transparent ! important; 
    color: #17A2B8 !important;       
 }
.ebook_2_custom h4 {
       margin:0 !important;
       margin-top: 20px !important;
       padding-left: 20px !important;
}
.ebook2_count{
    /*  padding-top : 20px !important; */
      padding-left: 7px;
}
.ebook2_custom {
     padding:20px !important;
     background-color: #f3f2f2 !important;
   /*  margin-top:30px !important;   */
     margin-bottom: 30px !important;
     height:180px;
   }
.ebook2_custom_2 {
       background-color: #f3f2f2 !important; 
   /*    margin-top:30px !important; */
       margin-bottom: 30px !important;
       text-align:center;
       padding:20px !important;
       height:180px;

}
.ebook2_custom_2 a {
        margin-top: 20px !important;
}
.ebook-span { display: inline-block }
/*----------------------------------------------------------
Post Upload Changes. Following styles has been written after upload.
----------------------------------------------------------*/
.container.pad-hp{
    margin-top: 50px;
}
#header .header-body{
    border-top: 0px;
    background: #043358;
}
.subheading{
    font-weight: bold;
    color: #123d5f;
    text-transform: capitalize;
    font-size: 26px;


}


/*----------------------------------------------------------
Menu Related CSS
----------------------------------------------------------*/
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>li.active>a {
    color: #013C9E !important;
    font-weight: 700 !important;
}



#header .header-nav-main nav > ul > li > a {
    font-family: 'Roboto', sans-serif;
    border-radius: 4px;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    padding: 10px 13px;
    text-transform: uppercase;

}
.dropdown-menu {
    background-color: #476678;
}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
    border-bottom: 0px solid #f4f4f4;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding: 8px 20px 8px 8px;
    position: relative;
    text-transform: none;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    text-decoration: none;
    border-bottom: 2px solid white;
}




@media (min-width: 992px){
    #header .header-nav.header-nav-stripe nav > ul > li:hover > a {
        background-color: #0088cc;
}
}

.background-image-holder.searchbar{

    background: rgba(0, 0, 0, 0) url('/sites/default/files/aal-savar-branch.jpg') scroll 0% 30%;padding: 130px 0px;
    background-size: cover;
}
.searchbar .container{
    background: #196aace8;
    padding: 50px;
    border-radius: 15px;
}
/* Library Item counter css */
.counter-section{
    background-color:#204868ea;
    margin-top: 50px;

}
.counter{

    font-size: 25px;
    font-weight: bold;
    color: rgb(230, 96, 8);
}
.counter_title{
   font-size: 18px;
   margin: 0 !important;
   color: #cfcfcf;
}
.counter_img{
    width: 55px;
    height: 55px;
}
.counter_body{
      margin-bottom:30px !important; 

}
.counter_body p {
    margin: 0px !important;
    margin-top: 15px !important;
    font-size: 25px !important;
    font-weight: bold !important;
    color: white !important; 
}
.counter_body h5{
      padding-top:15px !important;
      color: #cfcfcf !important;
      text-transform: capitalize !important; 

}
.counter_title a{
   color:#e0e0e0 !important;

}
.counter_title a:hover{
    color:#ffffff !important;
}
/*----------------------------------------------------------
Mobile Interface CSS
----------------------------------------------------------*/
@media (max-width: 479px){
    .home-deck-details 
    {
        margin-top: 20px;
    }
    .home-deck 
    {
        height: fit-content;
    }
    .service-deck-details h6{
        margin-bottom: 0px;
    }
    .service-deck-details h4{
        margin-bottom: 5px;
    }
    .home-service .col-md-4, .home-service .col-md-3 {
        min-height: fit-content;
    }
    .ebook2_custom {
     padding:20px !important;
     background-color: #f3f2f2 !important;
  /*   margin-top:30px !important; */
     margin-bottom: 0px !important;
     height:220px;
   }
   .ebook2_custom h3{
         letter-spacing: -1px !important;
   }
   .ebook2_custom_2 {
       background-color: #f3f2f2 !important;
       margin-top:0px !important;
       margin-bottom:30px !important;
       text-align:center;
       padding:20px !important;
       height:210px;
      }

   .page-submenu{display:none;}
   .block-block-contentdbf9c0af-2d37-4ec3-938c-14e13de52629{display:none;} 
   .btn-search {margin-top:20px; } 
   .mobile_search {text-align:center;}
   .ebook2_custom{
	   order:2;}
   .ebook2_custom_2{ order:1; }

   .academy img{
	   width:380px !important;
  }
   .footer-copyright{
	  height:700px !important; 
}
.facility-card{
    width: 100% !important;
    margin-left:0px !important;
}
#views-bootstrap-library-facility-block-1{margin-left:0px !important;}
.image-style-facility-image-size{width:343px !important;}
}
 /* end of mobile interface css */
.searchbar .container .col-md-12{
    margin-bottom: 20px;
}
.focus-box{
    border: 1px solid #efefef;
    border-radius: 5px;
    padding: 20px 0px;
    background: #fbfbfb;
    margin: 5px;
}
.subheading > a{
    font-weight: bold;
    color: #123d5f;
    font-size: 24px;
}
.quote{
    font-weight: 600;
    font-style: italic;
    font-size: 16px; 
}
.breadcrumb li{
    color:white;
}

.page-submenu{
    background-color: #196aac;
}
.page-submenu .subheading{
    color: #fff;
}
.page-submenu ul{
    list-style-position: inside;
    padding: 0px;
}
.page-submenu .row{
    margin-bottom: 0px;
}
.page-submenu ul li a{
    color: white;
}
.panel-group .panel-heading a{
    color: #000;
    font-weight: bold;
}
.panel-group .panel-heading a:before{
    content: '>  ';
}

.panel-group .panel-heading {
    background: transparent;   
}
.panel-group .panel {
    border-top: 1px solid;
    border-left: 0px solid;
    border-right: 0px solid;
    border-bottom: 0px solid;
    border-radius: 0px;
}
.panel{
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.panel.panel-default:last-child{
    border-bottom: 1px solid;
}


.page-submenu p, .page-submenu a{
    color:white;
}
.page-submenu ul{
    list-style: none;
}
.pad-top-10{
    padding-top: 10px;
}
.faq {
    margin-bottom: 5px !important;
    margin-top: 20px !important;
}


/*----------------------------------------------------------
Subject Guide CSS
----------------------------------------------------------*/
.subject-guide-block{
    border: 1px solid grey;
    padding: 10px;    
}
.subject-guide-block.content{
    margin-bottom: 10px;
}
.subject-guide-block.heading{
    background: #f1f1f1;
    border-bottom: none;
}
.subject-guide-block.heading h2{
    margin-bottom: 0px;
    font-size: 1.1em;
    font-weight: bold;
    letter-spacing: 1px;
}


/*----------------------------------------------------------
Breadcrumb CSS
----------------------------------------------------------*/
.page-header-color .breadcrumb li:last-child {
    opacity: 1;
}
.page-header .breadcrumb li {
    font-size: 0.95em;
    text-transform: capitalize;
    font-weight: 700;
}
/* new footer style */ 

.Timings { list-style-type: none; font-size: 14px; padding: 0; margin: 0;
}
.Timings li{ padding-bottom: 6px;
	font-size: 14px;
}
.Timings li a { color: white; padding-left: 0;
}
.Timings a { color: #6C757D; padding: 0 10px;
}
.title-line{ width: 10%; border: 2px solid #FDC800; margin: 0;
}
.timings{ width: 100%; font-size: 15px;
    
}
.footer-section{ /* background-image: linear-gradient(to right top, #1d1c1c , #2b2d2e); */ background-color: #01284F; height: 430px;
}
.social-logo i { font-size: 25px; padding: 10px; color: #6C757D; background-color: #414141; border-radius: 30px;
}
#sl-fb:hover{
    color: #0D6EFD; background-color: white;
}
#sl-twitter:hover{
    color: #1DA1F2; background-color: white;
}
#sl-youtube:hover{
    color: red; background-color: white;
}
#sl-linkedin:hover{
    color: white; background-color: #0077B5;
}
.vl{ border-left: 2px solid rgb(165, 161, 161); height: 1px;
}
.Timings a {
   text-decoration: none;
} 
.Timings a:hover{
  color: #f55b6d;
}
.header-section{ /* background-image:linear-gradient(0deg, rgba(0, 48, 85, 0), rgba(0, 48, 85, 0.904) 80%),url('./images/bg4.jpg'); */ 
    background-image:linear-gradient(0deg, rgba(0, 48, 85, 0.2), rgb(0, 48, 85)),url('/cdn/aal_bg_stair_2.jpg');
 /* background-image: url('./images/search-banner3.jpg'); */ /* background-image: url('./images/bg5.jpg'); */
    background-position: center;
    background-repeat: no-repeat; 
    background-size: cover; 
    height: 800px;
}
.search-bar{ 
  /* padding-top: 333px; 
   border-radius: 50%; */
   margin-top:300px;
   padding:40px 40px 38px 58px;
   background-color:#2e2e2e9e;
}
.custom-search{
    width: 60% !important; 
    text-align: center;
}
.btn-white{
    background-color: white !important;
    font-size: 17px !important;
}
.btn-bg{ 
    background-color: #FDC800 !important; 
    font-size: 19px !important; 
    padding-left: 20px !important; 
    padding-right: 20px !important;
}
.search-title{ 
   font-size: 38px;
   padding-left:65px !important;
}
.search-btn{
   border-radius: 0px 5px 5px 0px !important; 
}
.search-btn:hover{ 
   color: white !important; 
   font-weight: bold;
}
.library{
    color: #FFFDFA;
    font-size: 22px;
    padding-left: 0 !important;
    margin-left:0 !important;
    font-weight: bolder;
    letter-spacing:9px;
}
.header-bottom{
    background-color: #c0c2c449;

}
.header-bottom i {
    color: #1A6FC4;
    font-size: 65px;
}
.sub-title{
    font-size: 17px;
    color:#212529 !important;
  }
.vl-sub{
    border-left: 2px solid rgb(165, 161, 161); 
    height: 200px;
}
.item-count-sec{
    margin: 0px !important;
}
.item-sub-title{
    font-size: 19px !important;
    font-weight: 100 !important;
    font-family: "Trirong", serif !important;
    text-transform: none !important;
}
.item-amount{ font-weight: 600 !important;}
.section-title{
    color: #123D5F;
    font-weight: 600;
    margin: 30px 0 9px 0 !important;

}
.section-sub-title{

   font-size: 20px;
   color: rgb(90, 89, 89);
 
}
.custom-card{
    background-color: rgb(253, 253, 253);
    width:99%;
    height:330px;
}
.card1-icon:hover{
   color: rgb(38, 173, 207);

}
.card1-icon{
   color: rgb(9, 123, 151);
   font-size: 60px;
}
.card1-title{
    color: rgb(9, 123, 151);
    font-size: 21px;
        
}

.card1-body{
   /*  color: rgb(99, 102, 105); */
   /* background-color: #013156a1; */
}

/* card 2 style */
.card2-icon{
    color: #f55b6d;
    font-size: 60px;
}
.card2-icon:hover{
    color: #db3447;
}
.card2-title{
    color: #f55b6d;
    font-size: 21px;
}
/*
.card2-body{
    color: rgb(99, 102, 105);
}
*/
/* card Style 2 start */
.card4-icon{
    color: rgb(9, 123, 151);
    font-size: 65px;
   
}
/*
.card4:hover{
     background-color: #7661e028;
     border-radius: 20px;
				      
}
.card5:hover{
     background-color: #ffa2ae36;
     border-radius: 20px;
}
.card6:hover{
     background-color: #ffc16344;
     border-radius: 20px;
}
*/
.card3-icon{
    font-size: 60px;
    color: #3988fd;
}
.card3-icon:hover{
    color: #0D6EFD;
}
.card3-title{
    color: #3988fd;
    font-size: 21px;
	        
}
.custom-card{
   background-color: rgb(253, 253, 253);
   width:99%;
   height:290px;
}
.resource-section{
   /* background-image: linear-gradient(272deg, rgb(0 48 85 / 0%), rgb(0 48 85)),url(https://library.bracu.ac.bd/cdn/bg_1.png);*/
    background-image:url('/cdn/milestone_bg.png');
    width:100% !important;
    left: 0% !important;
    background-size:cover;
	        
 }
 /* style for animate play button  */
.play-button{
    padding-top: 200px;
	        
}

.btn_ripple {
     border: none;
     outline: none;
     width: 110px;
     height: 110px;
     border-radius: 50%;
     display: block;
     background-color: #f75353;
     color: #fff;
     display: grid;
     place-items: center;
     font-size: 40px;
     cursor: pointer;
     border: 2px solid #fff;
     animation-name: ripple;
     animation-duration: 1.5s;
     animation-iteration-count: infinite;
     margin-left: 10px;
}
@keyframes ripple {
     0% {
     /* box-shadow: 0 0 0 0 #fff4, 0 0 0 0 #fff4; */
     box-shadow: 0 0 0 0 #f75353a8, 0 0 0 0 #f753537e;
}
    80% {
      box-shadow: 0 0 0 20px #fff0, 0 0 0 40px #fff0;
}
    100% {
     box-shadow: 0 0 0 0 #fff0, 0 0 0 0 #fff0;
}
}
.library-timings{padding-left:60px !important;}
.arrival-section{
   background-image: linear-gradient(to right top, #002248 , #0b8cbe);
}
@media screen and (max-width: 600px){
   .footer-section{height: 950px;}

}
.footer-useful-link{
    color:white !important;
}
.footer-useful-link:hover{
    color: #f55b6d !important;
}
.facility-card{
    background-color: rgb(253, 253, 253);
    width:20%;
    height:690px;
    margin-left:20px;
    margin-top:10px;
    padding:0px !important;
     
}
.image-style-facility-image-size{
   width:295px;
   height:auto !important;
}
.facility-title{
   /* height:50px;*/
    font-size:17px !important;
    font-weight: 500 !important;
}
.facility-summary{
    height:345px;
}
.facility-summary p{font-size:15px;text-align:justify;}
.facility-list{text-align:left}
@media screen and (min-width: 1150px){
   .facility-list{padding-left:50px}
}
@media screen and (min-width: 1400px){
   .facility-list{padding-left: 30px}
}
@media screen and (min-width: 1600px){
    .facility-list{padding-left:10px}
}
@media screen and (max-width: 1190px){
   .vl-sub{display:none;}

}
.block-views-blocksidebar-database-subject-block-1>h2{
   margin:20px 0 0 0 !important;
}
.fixed-contact-button {
  position: fixed;
  bottom: 20px; /* Distance from the bottom of the viewport */
  right: 20px; /* Distance from the right side of the viewport */
  padding: 10px 20px;
  background-color: #007bff;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  z-index: 1000; /* Ensures the button is above other elements */
}
.cat-session {
  height: 220px;
}
@media (max-width: 600px){
    .cat-session{ height:260px;}
}