@charset "utf-8";

/*
Template Name: Academic Education V2
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
File: Layout CSS
*/
@import url("bootstrap.min.css");
@import url("style.min.css");

@import url("owl.theme.default.min.css");

/*@import url("owl.carousel.min.css");*/
@import url("fontawesome-4.2.0.min.css");
@import url("font_awesome_all_6.2.0.min.css");
@import url("../scripts/nivo-lightbox/nivo-lightbox.min.css");
@import url("framework.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500&display=swap');
* { box-sizing: border-box; margin: 0; padding: 0; }

/* Rows
--------------------------------------------------------------------------------------------------------------- */
.row0, .row0 a { }
.row1, .row1 a { }
.row2, .row2 a { }
.row3, .row3 a { }
.row4, .row4 a { }
.row5, .row5 a { }
* { margin: 0; padding: 0; box-sizing: border-box; }
ul, ol, ul li, ol li { margin: 0; padding: 0; list-style: none; }
a { text-decoration: none; }
a > strong, a > b, strong > a, b > a{font-weight: 500}

/* Top Bar
--------------------------------------------------------------------------------------------------------------- */
#topbar { padding: 0px 0 0 0; font-size: .8em; width: 100%; display: inline-flex; }
#topbar li { }
#topbar li:last-child { }
.topmenu li a { color: #fff; padding: 2px 4px; display: block }
.topbar-first { width: 99% }
.topbar-second { width: 30%; }
.topbar-all { margin: 0 auto;    /*margin-top: -14px;
padding: 4px;*/ text-align: right; border-bottom: 1px solid #d3d3d3; }

/*.font-button{*/

/*    min-width: 15px;*/

/*}*/

/* Header
--------------------------------------------------------------------------------------------------------------- */
.header-all { margin: 0 auto 1px; margin-top: 0px;    /*padding-bottom: 5px;*/    /*border-bottom: 1px solid #d3d3d3;*/ }
#header { }
#header #logo { }
#header #logo h1 { margin: 0 0 8px 0; padding: 0; font-size: 36px; line-height: 12px; font-variant: small-caps; font-style: normal; }
#header #logo p { margin: 0; padding: 0; }
#header form { display: block; position: relative; width: 100%; }
#header input, #header button { display: block; height: 30px; border: none; }
#header input { width: 100%; min-width: 250px; padding: 5px 40px 5px 5px; }
#header button { position: absolute; top: 0; right: 0; width: 35px; font-size: 16px; cursor: pointer; }
#header button em { display: none; }

.logoHeader{align-items: center;}
.logoHeader .logoLeft{width: 22%; text-align: left; display: flex; gap: .5rem}
.logoHeader .logoLeft a > img{max-height: 70px}
.logoHeader .logoCenter{width: 60%; text-align: center;}
.logoHeader .logoCenter > a > img{max-height: 70px}
.logoHeader .logoRight{width: 18%; justify-content: end;  display: flex;}
.logoHeader .logoRight > div{display: flex;  justify-content: end; gap: .5rem;}
.logoHeader .logoRight img{max-height: 70px}

/* Homepage Slider
--------------------------------------------------------------------------------------------------------------- */
#slider { position: relative; overflow: hidden; }
#slider .rounded { padding: 9px; }
#slider a, #slider ul, #slider img { margin: 0; padding: 0; border: none; outline: none; list-style: none; text-decoration: none; }
#slide-wrapper, #slide-wrapper figure, #slide-wrapper img { display: block; overflow: hidden; }
#slide-wrapper figure, #slide-wrapper figure img { position: relative; }
#slide-wrapper figure figcaption { display: block; position: absolute; top: 50px; right: 25px; width: 350px; height: 200px; margin: 0; padding: 30px; box-sizing: border-box; overflow: hidden; }
#slide-wrapper figure figcaption p { margin: 0; padding: 0; line-height: 1.6em; }
#slider #slide-tabs { display: block; overflow: hidden; font-size: 12px; }
#slider #slide-tabs li { display: inline-block; float: left; }
#slider #slide-tabs li a { display: block; width: 192px; min-height: 60px; padding: 10px; box-sizing: border-box; border: solid; border-width: 0 0 1px 1px; font-weight: bold; text-align: center; text-transform: uppercase; }
#slider #slide-tabs li:last-child a { border-width: 0 1px 1px 1px; }

/* Content Area
--------------------------------------------------------------------------------------------------------------- */

/*.container{padding:20px 10px;}*/

.container h1, .container h2, .container h3, .container h4, .container h5, .container h6, .container .heading { }

/* Content */
.container #content { }
#twitter { display: block; padding: 15px; }
#twitter div { padding: 25px 0; }
#twitter div:first-child { border-right: 2px solid; }
.listing li { margin: 0 0 30px 0; padding: 0 0 20px 0; border-bottom: 1px solid; }
.listing li:last-child { margin-bottom: 0; }
.mediacontainer, .mediacontainer iframe { display: block; margin: 0; padding: 0; }
.mediacontainer { width: 100%; position: relative; }
.quickinfo { text-align: center; text-transform: uppercase; font-size: 13px; font-weight: bold; word-wrap: break-word; }
.quickinfo li { display: block; width: 100%; min-height: 80px; margin: 0 0 20px 0; overflow: hidden; }
.quickinfo li:last-child { margin-bottom: 0; }
.quickinfo li a { display: block; position: relative; width: 100%; min-height: 80px; padding: 10px 0 0 80px; box-sizing: border-box; }
.quickinfo li a img { position: absolute; top: 0; left: 0; width: 80px; height: 80px; }

/* Comments */
#comments ul { margin: 0 0 40px 0; padding: 0; list-style: none; }
#comments li { margin: 0 0 10px 0; padding: 15px; }
#comments .avatar { float: right; margin: 0 0 10px 10px; padding: 3px; border: 1px solid; }
#comments address { font-weight: bold; }
#comments time { font-size: smaller; }
#comments .comcont { display: block; margin: 0; padding: 0; }
#comments .comcont p { margin: 10px 5px 10px 0; padding: 0; }
#comments form { display: block; width: 100%; }
#comments input, #comments textarea { width: 100%; padding: 10px; border: 1px solid; }
#comments textarea { overflow: auto; }
#comments div { margin-bottom: 15px; }
#comments input[type="submit"], #comments input[type="reset"] { display: inline-block; width: auto; min-width: 150px; margin: 0; padding: 8px 5px; cursor: pointer; }

/* Sidebar */
.container .sidebar { }
.sidebar .sdb_holder { margin-bottom: 50px; }
.sidebar .sdb_holder:last-child { margin-bottom: 0; }

/* Footer
--------------------------------------------------------------------------------------------------------------- */
#footer { padding: 10px; }
#footer .faico { margin-bottom: 10px; }
#footer .faico li { margin: 0 10px 0 0; }
#footer .faico li:last-child { margin-right: 0; }
#footer .faico a { border: 1px solid; }
#footer form { display: block; position: relative; width: 100%; }
#footer legend { display: block; width: 100%; margin-bottom: 10px; }
#footer input, #footer button { display: block; height: 30px; border: none; }
#footer input { width: 100%; min-width: 250px; padding: 5px 40px 5px 5px; }
#footer button { position: absolute; bottom: 0; right: 0; width: 35px; font-size: 16px; cursor: pointer; }
#footer button em { display: none; }

/* Copyright
--------------------------------------------------------------------------------------------------------------- */
#copyright { }
#copyright p { }

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

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

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

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

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

/* Navigation
--------------------------------------------------------------------------------------------------------------- */
nav ul, nav ol { margin: 0; padding: 0; list-style: none; }
#mainav .drop::after, #mainav li li .drop::after, #breadcrumb li a::after, .sidebar nav a::after { position: absolute; font-family: "FontAwesome"; font-size: 10px; line-height: 10px; }

/* Top Navigation */
#mainav { text-transform: capitalize; margin-left: 0px; display: flex; justify-content: space-between; align-items: center; }
#mainav ul { margin: 0; padding: 0; }
#mainav ul ul { z-index: 9999; position: absolute; width: 240px; }
#mainav ul ul ul { left: 100%; top: 0; }
#mainav li { display: inline-block; position: relative; padding: 0; }
#mainav li a { display: block; padding: 8px 16px 8px 8px; font-size: 13px; text-decoration: none; }
#mainav li:last-child { margin-right: 0; }
#mainav li li { width: 100%; margin: 0; text-align: left; text-transform: none; padding: 0 }
#mainav li li a { border: solid; border-width: 0 0 1px 0; }
#mainav li li:last-child a { border-bottom: none; }
#mainav .drop { padding-left: 15px; }
#mainav li li a, #mainav li li .drop { display: block; margin: 0; padding: 10px 15px; }
#mainav .drop::after, #mainav li li .drop::after { content: "\f0d7"; }
#mainav .drop::after { top: 5px; left: 5px; }
#mainav li li .drop::after { top: 15px; left: 5px; }
#mainav ul ul { display: none; }
#mainav ul li:hover > ul { display: block; }
#mainav form { display: none; margin: 0; padding: 0; }
#mainav form select, #mainav form select option { display: block; cursor: pointer; outline: none; }
#mainav form select { width: 100%; padding: 5px; border: 1px solid; }
#mainav form select option { margin: 5px; padding: 0; border: none; }
.searchWrap .searchbtn { background: #fff; border-radius: 3px; width: 35px; text-align: center; outline: none; border: 0px; }
.searchWrap .searchbtn i {  }

/* Breadcrumb */
#breadcrumb { }
#breadcrumb ul { margin: 0; padding: 0; list-style: none; }
#breadcrumb li { display: inline-block; margin: 0 6px 0 0; padding: 0; }
#breadcrumb li a { display: block; position: relative; margin: 0; padding: 0 12px 0 0; font-size: 12px; }
#breadcrumb li a::after { top: 5px; right: 0; content: "\f101"; }
#breadcrumb li:last-child a { margin: 0; padding: 0; }
#breadcrumb li:last-child a::after { display: none; }

/* Sidebar Navigation */
.sidebar nav { display: block; width: 100%; }
.sidebar nav li { margin: 0 0 3px 0; padding: 0; }
.sidebar nav a { display: block; position: relative; margin: 0; padding: 5px 10px 5px 15px; text-decoration: none; border: solid; border-width: 0 0 1px 0; }
.sidebar nav a::after { top: 9px; left: 5px; content: "\f101"; }
.sidebar nav ul ul a { padding-left: 35px; }
.sidebar nav ul ul a::after { left: 25px; }
.sidebar nav ul ul ul a { padding-left: 55px; }
.sidebar nav ul ul ul a::after { left: 45px; }

/* Pagination */
.pagination { display: block; width: 100%; text-align: center; clear: both; }
.pagination li { display: inline-block; margin: 0 2px 0 0; }
.pagination li:last-child { margin-right: 0; }
.pagination a, .pagination strong { display: block; padding: 8px 11px; border: 1px solid; font-weight: normal; background-clip: padding-box; }

/* Tables
--------------------------------------------------------------------------------------------------------------- */
table, th, td { border: 1px solid; border-collapse: collapse; vertical-align: top; box-sizing: border-box; }
table, th { table-layout: auto; }
table { width: 100%; margin-bottom: 15px; }
th, td { padding: 5px 8px; }
td { border-width: 0 1px; }

/* Gallery
--------------------------------------------------------------------------------------------------------------- */
#gallery { display: block; width: 100%; margin-bottom: 50px; }
#gallery figure figcaption { display: block; width: 100%; clear: both; }
#gallery li { margin-bottom: 30px; }
#gallery li a { display: block; }

/* Portfolio
--------------------------------------------------------------------------------------------------------------- */
#portfolio { display: block; width: 100%; margin-bottom: 20px; }
#portfolio li, #portfolio img { margin-bottom: 30px; }

/* Font Awesome Social Icons
--------------------------------------------------------------------------------------------------------------- */
.faico { margin: 0; padding: 0; list-style: none; }
.faico li { display: inline-block; margin: 0 2px 0 0; padding: 0; line-height: normal; }
.faico li:last-child { margin-right: 0; }
.faico a { display: block; width: 40px; height: 40px; line-height: 40px; font-size: 20px; text-align: center; }
.faico a { color: #FFFFFF; }
.faico a:hover { color: #FFFFFF; background-color: #CCCCCC; }
.faicon-facebook { background-color: #3B5998; }
.faicon-flickr { background-color: #FF0084; }
.faicon-linkedin { background-color: #0E76A8; }
.faicon-rss { background-color: #EE802F; }
.faicon-twitter { background-color: #00ACEE; }

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

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

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

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

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

/* Rounded Corners
--------------------------------------------------------------------------------------------------------------- */
.rounded, input, button, textarea, #header input, #footer input, #slide-wrapper figcaption, .avatar, #comments li, .faico a, #twitter, .pagination a, .pagination strong { border-radius: 0px; }
#header button, #footer button { border-radius: 0 8px 8px 0; }
#mainav li li:last-child a { border-radius: 0px; }
#mainav li li:first-child a, #slide-wrapper figure img, #slide-wrapper figure .view:hover::before { border-radius: 0; }
#slider #slide-tabs li:first-child a { border-radius: 0 0 0 8px; }
#slider #slide-tabs li:last-child a { border-radius: 0 0 8px 0; }

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

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

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

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

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

/* Colours
--------------------------------------------------------------------------------------------------------------- */





label span { color: #FF0000; background-color: inherit; }
.rounded { color: inherit; background-color: #3c91e2; float: left; margin-bottom: 1px; padding: 10px 10px !important; }
.new_ccrh_bkg {/*  background-image: linear-gradient(#fff 30%, #d6edfd);*/ }
.wrapper { clear: both; margin: 0 !important }
ul.arrow_list li { list-style: disc;/*    margin-left: 15px;*/ }
ul.arrow_list li .field-content { display: block }
ul.arrow_list li .field-content a { text-align: justify; }
div#block-applyonline h2 { padding-bottom: 10px; background: #06213f; color: white; padding: 4px; text-align: center; }
div#block-whatsnew h2 { padding-bottom: 10px; background: #06213f; color: white; padding: 4px; text-align: center; }
div#block-whatsnew { margin-bottom: 20px; }
div#block-views-block-important-update-block-1 h2 { padding-bottom: 10px; background: #06213f; color: white; padding: 4px; text-align: center; }
.views-field.views-field-title { margin-bottom: 15px; text-transform: capitalize; }
a.has-submenu:before { content: "\f078"; position: absolute; top: 8px; right: 5px; font-family: FontAwesome; font-size: 9px; }
span.sub-arrow { display: none; }
.more-link a { color: #55ABDA; }
.one_quarter.first { padding-left: 15px; }
ul.arrow_list { padding: 0; }
.region.region-search { display: block !important; }
#comment-form #edit-actions input#edit-submit { float: left; margin: 0px 10px 0px 0px; width: 26%; height: 42px; border: 1px solid #D7D7D7; color: #979797 !important; background: transparent; cursor: pointer; }
#comment-form #edit-actions input#edit-preview { margin-top: 10px; width: 26%; height: 42px; border: 1px solid #D7D7D7; background: transparent; color: #979797 !important; cursor: pointer; }
.one_quarter { padding: 0px 0px 20px; }
li.comment-forbidden { background-color: black; height: 30px; width: 41%; padding: 7px; border-radius: 8px; line-height: 2; border: 1px solid #fff; color: #fff; }
.content ul.links.inline li.comment-forbidden { display: none; }
input#edit-subject-0-value { width: 51%; height: 37px; border-radius: 8px; margin-top: 15px; }
.js-form-item.form-item.js-form-type-select.form-item-comment-body-0-format.js-form-item-comment-body-0-format label { display: none !important; }
div#edit-comment-body-0-format-help { display: none; }
li.comment-reply { float: right; border: 1px solid; width: 14%; height: 24px; text-align: center; border-radius: 6px }
li.comment-edit { float: right; border: 1px solid; width: 14%; height: 24px; text-align: center; border-radius: 6px; margin-right: 5px; }
li.comment-reply { float: right; border: 1px solid; width: 14%; height: 24px; text-align: center; border-radius: 6px; margin-right: 5px; }
li.comment-delete { float: right; border: 1px solid; width: 14%; height: 24px; text-align: center; border-radius: 6px; }
.js-form-item.form-item.js-form-type-textarea.form-item-comment-body-0-value.js-form-item-comment-body-0-value { margin-top: 15px; }
select#edit-comment-body-0-format--2 { margin-top: 15px; }
.fl_right .region input#edit-submit { background: url(images/search.png) #55ABDA !important; width: 40px !important; font-size: 0px; position: relative; right: 40px; padding: 10px; border-radius: 0px 8px 8px 0px; min-width: auto; background-size: 40% 50% !important; background-position: center center !important; background-repeat: no-repeat !important; cursor: pointer !important; }
input#edit-keys { width: 100%; padding: 5px 40px 5px 5px; }
.views-row {    /*border-bottom: 1px solid;*/

/*padding: 0 0 20px 0;*/

/*margin: 0 0 30px 0;*/

/*border-color: #D7D7D7;*/ }
h2#block-importantlinks-menu { border-bottom: 1px solid; padding-bottom: 8px; border-color: #06213f; font-weight: bold; font-size: 16px; margin: 0 0 20px 0; }
.fa-3x { font-size: 3em; color: #55ABDA; }
#twitter div a { color: #55abda; }
ul.menu li.menu-item:nth-child(1n+3) { text-align: left !important; }
ul.menu li.menu-item:nth-child(1n+3) a {    /*padding-left: 32px;*/ }
ul.menu li.menu-item:nth-child(1n+3) a:after {    /*left: 20px;*/ }
ul.menu li.menu-item a:hover { color: #55ABDA; }
.quickedit-field p a { color: #55ABDA; }
table.value-table tr td a { color: #55ABDA; }
li.comment-add { display: none !important; }
.author-details a { display: none; }
p.comment-submitted { display: none; }
.two_quarter { width: 65%; }
.figure.center a { color: #55ABDA; }
.views-row a { color: #e61500; }
address a { color: #55ABDA; }
#block-views-block-latest-news-events-block-1 .more-link { float: right; margin-bottom: 20px; }
#block-importantlinks ul.menu li { float: left; width: 25%; }
li.menu-item a { color: #55ABDA; }
.one_half { padding: 20px 10px; }

/* Rows */
.row0, .row0 a { color: #fff; background-color: #1976d3; }
.row1 { color: #000; background-color: #fffff; }
.row1 a { color: #000; background-color: inherit; }
.row2, .row2 a { color: #ffffff; background-color: inherit; }

/*.row3{color:#fff; background-color:inherit;}*/
.row3 { color: #201c1c; background-color: inherit; }
.row4 { color: #000; background-color: inherit; }
.row5, .row5 a { color: #55ABDA; background-color: #1f5810; }

/* Top Bar */
#topbar li { border-color: #FFFFFF; }

/* Header */
#header input { color: #979797; background-color: #FFFFFF; }
#header button { color: #F9F9F9; background-color: #55ABDA; }

/* Homepage Slider */
#slide-wrapper figure figcaption { color: #666666; background-color: rgba(255, 255, 255, .5); }
#slide-wrapper figure figcaption:hover { background-color: rgba(255, 255, 255, 1); }
#slider #slide-tabs li a { color: #666666; background-color: #DEDACB; border-color: #666666; }
#slider #slide-tabs li a:hover, #slider #slide-tabs li.active a { color: #FFFFFF; background-color: #06213F; }

/* Content Area */
.container h1, .container h2, .container h3, .container h4, .container h5, .container h6, .container .heading { }
#twitter { color: #FFFFFF; background-color: #06213F; }
#twitter div:first-child { border-color: #FFFFFF; }
.listing li { border-color: #D7D7D7; }
.quickinfo li a { color: #06213f; background-color: #DEDACB; }
.quickinfo li a:hover { color: #FFFFFF; background-color: #06213F; }

/* Footer */
#footer .faico a { box-shadow: 2px 2px 0 0 rgba(0, 0, 0, .5); border-color: rgba(0, 0, 0, .2); }
#footer input { color: #FFFFFF; background-color: #979797; }
#footer button { color: #F9F9F9; background-color: #55ABDA; }

/* Navigation */
#mainav li a { color: #fff; }
#mainav .active a, #mainav a:hover, #mainav li:hover > a { color: #d5e3ff;    /* background-color: inherit; */ }
#mainav li li a, #mainav .active li a { color: #FFFFFF; background: #45a2db; border-color: #70b7e3; }
#mainav li li:hover > a, #mainav .active .active > a { color: #FFFFFF; background-color: #55ABDA; }
#mainav form select { border-color: #D7D7D7; }
#breadcrumb a { color: #888888; background-color: inherit; }
#breadcrumb li:last-child a { color: #55ABDA; }
.container .sidebar nav a { color: inherit; border-color: #D7D7D7; }
.container .sidebar nav a:hover { color: #55ABDA; }
.pagination a, .pagination strong { border-color: #D7D7D7; }
.pagination .current strong { color: #FFFFFF; background-color: #06213F; }

/* Tables + Comments */
table, th, td, #comments .avatar, #comments input, #comments textarea { border-color: #D7D7D7; }
th { color: #FFFFFF; background-color: #373737; }
tr, #comments li, #comments input[type="submit"], #comments input[type="reset"] { color: inherit; background-color: #FBFBFB; }
tr:nth-child(odd), #comments li:nth-child(odd) { color: inherit; background-color: #FFFFFF; }
table a, #comments a { background-color: inherit; }

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

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

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

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

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

/* Media Queries
--------------------------------------------------------------------------------------------------------------- */
@-ms-viewport { width: device-width; }

/* Smartphone + Tablet
---------------------------------------------------------------------------------------------------------------------------------------*/
li.menu-item a { color: #e61500; }
@media screen and (min-width:320px) and (max-width:767px) {
#search-block-form input#edit-submit { right: 0px !important; }
input#edit-keys { border-radius: 6px 0px 0px 6px !important; }
#search-block-form .form-item, #search-block-form .form-actions { width: 100% !important; }
#block-business-responsive-theme-search form#search-block-form { max-width: inherit; }
#search-block-form .js-form-item { width: 100%; }
#block-importantlinks ul.menu li { width: 100% }
ul.menu li.menu-item:nth-child(1n+3) { text-align: left !important; }
h2#block-business-responsive-theme-main-menu-menu { width: auto; position: relative !important; color: #000; height: auto; margin: 0; text-align: left; border: 1px solid #eee; padding: 7px 10px; }
.wrapper.row2 .rounded { padding: 7px 10px !important; }
h2#block-business-responsive-theme-main-menu-menu:after { content: "\f107"; font-size: 18px; font-family: fontawesome; position: absolute; top: 8px; right: 10px; }
a.has-submenu:before { top: 13px; left: -15px; }
#mainav li { margin: 0 0px 0 12px; width: 100%; text-align: left; padding-top: 15px; }
li.comment-forbidden { width: 94%; }
ul.links.inline { padding: 0px; }
.one_half .container { padding: 20px 0px; }
li.comment-reply { width: 25%; }
li.comment-delete { width: 25%; }
li.comment-edit { width: 25%; }
}
@media screen and (min-width:768px) and (max-width:992px) {
.js-form-item { width: 100% !important; }
form#search-block-form { max-width: 100% !important; }
input#edit-submit { right: 0px !important; }
input#edit-keys { border-radius: 6px 0px 0px 6px !important; }
ul#main-menu { display: block !important; }
#mainav li { margin: 0 18px 0 0; font-size: 12px; }
.fl_right { float: right; width: 20%; margin-top: 5px; }
.fl_left { float: left; width: 80%; text-align: left !important; }
.flex-direction-nav .flex-next { right: 0px }
.flex-direction-nav .flex-prev { left: 0px; }
.flex-direction-nav .flex-next { right: 0px }
.flex-direction-nav .flex-prev { left: 0px; }
.flex-direction-nav .flex-next { right: 0px }
.flex-direction-nav .flex-prev { left: 0px; }
}
@media screen and (min-width:180px) and (max-width:750px) {
.imgl, .imgr { display: inline-block; float: none; margin: 0 0 10px 0; }
.fl_left, .fl_right { display: block; float: none; }
.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter { display: block; float: none; width: auto; margin: 0 0 30px 0; padding: 0; }
}
@media screen and (min-width:180px) and (max-width:900px) {
.wrapper { max-width: 95%; }
#topbar { text-align: center; }
#header #logo { margin-bottom: 15px; text-align: center; }
#header #logo h1 { margin: 0; line-height: 1em; }
#header form { max-width: 250px; margin: 0 auto; }
#header input { min-width: 0; }
/* #mainav ul { display: none; } */
#mainav form { display: block; }
#slide-wrapper figure figcaption { display: none; }
#slider .view { display: block; position: relative; width: 100%; height: 100%; }
#slider .view:hover::before { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: rgba(0, 0, 0, .6); z-index: 1; }
#slider .view:hover::after { display: block; position: absolute; top: 50%; left: 50%; width: 36px; height: 36px; margin: -18px 0 0 -18px; text-align: center; font-family: "FontAwesome"; content: "\f05a"; font-size: 36px; line-height: 36px; z-index: 2; }
#slider #slide-tabs li { display: block; float: none; }
#slider #slide-tabs li a { width: 100%; min-height: 0; border-width: 0 1px 1px 1px; }
#slider #slide-tabs li:first-child a { border-radius: 0; }
#slider #slide-tabs li:last-child a { border-radius: 0 0 8px 8px; }
#twitter div { margin: 0; padding: 0; }
#twitter div:first-child { padding: 15px 0; border-right: none; }
.quickinfo li { max-width: 250px; }
#footer div:last-child { margin-bottom: 0; }
#footer figure.center { text-align: left; }
#footer .faico li { margin: 0 10px 10px 0; }
#footer input { min-width: 0; }
#copyright { text-align: center; }
#copyright p:first-of-type { margin-bottom: 10px; }
#comments input[type="reset"] { margin-top: 10px; }
.pagination li { display: inline-block; margin: 0 5px 5px 0; }
}
@media screen and (min-width:750px) and (max-width:900px) {
.quickinfo { font-size: 11px; line-height: 1.2em; }
.quickinfo li a { padding: 20px 5px 0 85px; }
}

/* Max Wrapper Width
---------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:978px) {
.wrapper { width: 100%; max-width: 1400px; padding: 0px 0px }
}

/* Other
---------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:650px) {
.scrollable { display: block; width: 100%; margin: 0 0 30px 0; padding: 0 0 15px 0; overflow: auto; overflow-x: scroll; }
.scrollable table { margin: 0; padding: 0; white-space: nowrap; }
}

/* My style sheet */
.layout__region p { text-align: justify; color: #333; line-height: 1.6rem; margin-bottom:1rem }
.layout__region ul li, .layout__region ol li {color: #333; line-height: 1.6rem; margin-bottom:1rem }
h1, h2 { font-size: 18px; color: #06213f; }
h3 { color: #333; font-weight: bold; }
h4 { color: #333; font-weight: bold; }
.latestnewsicon .views-field-title { background: url(/dbcp/sites/default/files/finger.png) top left no-repeat; height: 25px; padding-left: 30px; }
.latestnewsicon .views-field-body { color: #212121; font-size: 12px; }
#twitter p { color: #fff; }
h1 a { text-decoration: none; }
.layout__region ol li, .layout__region td, .layout__region th { color: #000; }
.layout__region th { color: #fff; }

/*----- MAP Custom CSS by Shipra ----*/
.map-responsive { overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0; }
.map-responsive iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; }
#topbar form { display: block; position: relative; width: 100%; }
#topbar input { color: #979797; background-color: #FFFFFF; }
#topbar input { width: 100%; min-width: 195px; padding: 5px 40px 5px 5px; }
#topbar input, #topbar button { display: block; height: 30px; border: none; }
#topbar button, #footer button { border-radius: 0 8px 8px 0; }
#topbar button { position: absolute; top: 0; right: 0; width: 35px; font-size: 16px; cursor: pointer; }
#topbar button { color: #F9F9F9; background-color: #55ABDA; }
#topbar button em { display: none; }
#header { display: inline-flex; padding: 6px; }
.header-first { width: 50%; float: left; }
.header-second { width: 42% }
.header-third { width: 50%; text-align: right; display: flex; justify-content: end; align-items: center; }
.header-first img {  /*padding-left: 10px;*/ }
.contact-block { width: 100%; display: inline-flex; }
.contact-first { width: 60%; }
.contact-second { width: 40%; }
.doctor-search-block { width: 100%; display: inline-flex; }
.doctor-first { width: 49%; margin-bottom: 10px; }
.doctor-first img { height: 100px; border: 2px solid #333; }
.doctor-second img { height: 100px; border: 2px solid #333; }
.doctor-second { width: 49%; margin-left: 10px; margin-bottom: 10px; }
@media only screen and (max-width:600px) {
#header { display: block; }
.header-second { width: 100% }
.header-first { display: none; }
.header-third { display: none; }
.topbar-first { width: 100%; }
.topbar-second { width: 100%; }
#topbar { padding-top: 10px; width: 100%; display: block; }
.topbar-all { margin-top: 0px; }
.contact-block { display: block; }
.contact-first { width: 100%; }
.contact-second { width: 100%; }
.doctor-search-block { width: 100%; display: block; }
.doctor-first { width: 100%; margin-bottom: 10px; }
.doctor-second { width: 100%; margin-left: 0px; margin-bottom: 10px; }
}

/* Custom CSS by Himanshu Verma */
.region-sidebar-second h2, .region-latest-news-events h2 {/*padding-bottom: 10px;
background: #06213f;
color: white;
padding: 4px;
text-align: center;*/ }
#block-registrar h2, #block-minister h2 { text-align: center; background: none; color: #06213f; }
#block-registrar img { border: 2px solid #333; }
.region-sidebar-first p, .region-sidebar-second p { text-align: left; }
div#block-doctorsearch h2 { display: none; }
nav#block-importantlinks { padding-left: 20px; }
.font-increase-decrease { padding: 2px; border-radius: 5px; min-width: 20px !important; }
.reset { padding: 2px 5px; }
.emp_library { background: url(/sites/default/files/ccrh/study.png) top center no-repeat; display: block; float: right; width: 100px !important; height: 23px !important; color: #000; font-weight: 700; font-size: 12px; text-align: center; padding-top: 36px; text-decoration: none; }
.emp_login { background: url(/sites/default/files/ccrh/employee-login.png) top center no-repeat; display: block; float: right; width: 130px !important; height: 23px !important; color: #000; font-weight: 700; font-size: 12px; text-align: center; padding-top: 36px; text-decoration: none; border-right: 1px solid #e4e4e4; }
/*        .footer_block { border: #2193f3 1px solid; border-radius: 2px; margin: 20px 4px; background: #d6edfd; width: 214px; height: 131px; color: #000; float: left; display: block; padding-top: 50px; text-decoration: none; font-size: 11px; font-weight: bold; padding: 5px; padding-top: 30px; }*/
.ccrh_points { }
.ccrh_points li { height: 20px; border-radius: 5px; color: #000; font-size: 12px; background-image: linear-gradient(#2194ef, #c7e2f5); padding: 10px; text-align: left; padding-left: 5px; border-left: 5px solid #fff; margin: 10px; list-style: none; margin-left: 2px; }
.content-section element.style { border-top: 14px solid rgb(56, 146, 250); padding-top: 34px; border-radius: 10px; }
.section { width: 100%; min-height: 100vh; background-color: rgb(255, 255, 255); }
.container { display: block; margin: auto; }
.content-section { float: left; width: 55%; }
.image-section { float: right; width: 45%; }
.image-section img { width: 100%; height: auto; }
.herobanner { padding: 12px 0px; background: url(images/bg1.png) no-repeat top center; background-size: cover; }
.research { background: url(images/bg2.png) no-repeat top center; }
.tb60 { padding: 60px 0px; }
.views-row { }
.views-row .views-col { padding: 1rem; background: #fff; border-radius: 4px; border: 1px solid #ccc; width: 24px; margin: 6px; width: 24% !important; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
.field-content a { display: block; }
.field-content img { width: 100% !important; border-radius: 4px; margin-bottom: 1rem }
.views-field-title a { color: #333; }
.topbar_whitebox { width: 15px; height: 15px; background: #fff; border: 2px solid #f3f3f3; margin-right: 3px; }
.topbar_blackbox { width: 15px; height: 15px; background: #000; border: 1px solid #e3e3e3; }
.topmenu li .custom-select { margin-left: 8px; background: rgba(0, 0, 0, 0); border: 0px; color: #f8f9fa; outline: none; }
.topmenu li .custom-select option { color: #212529; }
.btn-primary { background: #00a3db; }

.footer .border{border-color: #4ec2ef!important;}

/*    india map style    */
.banner-card { position: relative; margin-left: 4rem}
.box { width: 130px; height: 50px; background: #45a2db; text-align: center; font-weight: 500; color: #fff;  position: relative; z-index: 1; }
.box a{color: #fff}
.sb1:before { content: ""; width: 0px; height: 0px; position: absolute; border-left: 10px solid #45a2db; border-right: 10px solid transparent; border-top: 40px solid #45a2db; border-bottom: 40px solid transparent; right: 105px; top: 45px; }
.pulsating-circle { position: absolute; background: rgba(0, 0, 0, .2); -moz-border-radius: 50%; border-radius: 50%; height: 8px; width: 8px; left: 0; top: 0; margin: 11px 0 0 -11px; }
.pulsating-circle:before { content: ''; position: absolute; display: block;  box-sizing: border-box; margin-left: -100%; margin-top: -100%; border-radius: 45px; background-color: #778e97;/* animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;*/ }
.pulsating-circle:after { content: ''; -webkit-border-radius: 50%; border-radius: 50%; height: 20px; width: 20px; position: absolute; margin: -6px 0 0 -10px; -webkit-animation: pulsate 1s ease-out; -moz-animation: pulsate 1s ease-out; -o-animation: pulsate 1s ease-out; -ms-animation: pulsate 1s ease-out; animation: pulsate 1s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); -webkit-box-shadow: 0 0 1px 2px #89849b; box-shadow: 0 0 1px 2px #89849b; -webkit-animation-delay: 1.1s; -moz-animation-delay: 1.1s; -o-animation-delay: 1.1s; -ms-animation-delay: 1.1s; animation-delay: 1.1s }
}
@keyframes pulse-ring {
    0% { transform: scale(.7); }
    50% { transform: scale(2); }
    100% { transform: scale(.7); }
}
@keyframes pulse-dot {
    0% { transform: scale(.7); }
    50% { transform: scale(1.2); }
    100% { transform: scale(.7); }
}
@-moz-keyframes pulsate { 0% {
-webkit-transform: scale(.1, .1);
-moz-transform: scale(.1, .1);
-o-transform: scale(.1, .1);
-ms-transform: scale(.1, .1);
transform: scale(.1, .1);
opacity: 0;
-ms-filter: "alpha(opacity=0)";
filter: alpha(opacity=0)
}
 50% {
opacity: 1;
-ms-filter: none;
filter: none
}
 100% {
-webkit-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
opacity: 0;
-ms-filter: "alpha(opacity=0)";
filter: alpha(opacity=0)
}
}
@-webkit-keyframes pulsate { 0% {
-webkit-transform: scale(.1, .1);
-moz-transform: scale(.1, .1);
-o-transform: scale(.1, .1);
-ms-transform: scale(.1, .1);
transform: scale(.1, .1);
opacity: 0;
-ms-filter: "alpha(opacity=0)";
filter: alpha(opacity=0)
}
 50% {
opacity: 1;
-ms-filter: none;
filter: none
}
 100% {
-webkit-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
opacity: 0;
-ms-filter: "alpha(opacity=0)";
filter: alpha(opacity=0)
}
}
@-o-keyframes pulsate { 0% {
-webkit-transform: scale(.1, .1);
-moz-transform: scale(.1, .1);
-o-transform: scale(.1, .1);
-ms-transform: scale(.1, .1);
transform: scale(.1, .1);
opacity: 0;
-ms-filter: "alpha(opacity=0)";
filter: alpha(opacity=0)
}
 50% {
opacity: 1;
-ms-filter: none;
filter: none
}
 100% {
-webkit-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
opacity: 0;
-ms-filter: "alpha(opacity=0)";
filter: alpha(opacity=0)
}
}
@keyframes pulsate { 0% {
-webkit-transform: scale(.1, .1);
-moz-transform: scale(.1, .1);
-o-transform: scale(.1, .1);
-ms-transform: scale(.1, .1);
transform: scale(.1, .1);
opacity: 0;
-ms-filter: "alpha(opacity=0)";
filter: alpha(opacity=0)
}
 50% {
opacity: 1;
-ms-filter: none;
filter: none
}
 100% {
-webkit-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
opacity: 0;
-ms-filter: "alpha(opacity=0)";
filter: alpha(opacity=0)
}
}
 @-webkit-keyframes pulse { 0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
 50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05)
}
 100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
@keyframes pulse { 0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
 50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05)
}
 100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
.pulse { -webkit-animation-name: pulse; animation-name: pulse }

.links { text-decoration: none; }