<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Theme Name: Riva Primary School */
body {margin: 0px;	padding:0px;font-family: 'Roboto', sans-serif;font-size: 16px;}
ul {padding:0px;margin:0px;	list-style:none;}
li {padding:0px; margin:0px; list-style:none;}
a {	outline:none;}
a img {border: 0;}
p {	padding:0 0 15px 0; margin:0px;}
h1 {font-size:53px;margin: 0;}
h2 {font-size:24px;margin: 0;}
h3 {font-size:20px;margin: 0;}
h4 {font-size:20px;margin: 0;}
h5 {font-size:18px;margin: 0;}
h6 {font-size:16px;margin: 0;}
ol li {list-style:decimal inside; margin-left: 0; padding-left: 1.5em; text-indent: -1.5em;}
img { max-width:100%;}

.alignnone {margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter {display: block; margin: 5px auto 5px auto;}
.alignright {float:right;margin: 5px 0 20px 20px;}
.alignleft {float: left;margin: 5px 20px 20px 0;}
.aligncenter {display: block;	margin: 5px auto 5px auto;}
a img.alignright {float: right;margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float: left;margin: 5px 20px 20px 0;}
a img.aligncenter {display: block;	margin-left: auto;	margin-right: auto}
.wp-caption {background: #fff;border: 1px solid #f0f0f0;max-width: 96%; padding: 5px 3px 10px;text-align: center;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none;	height: auto;margin: 0;max-width: 98.5%;padding: 0;width: auto;}
.wp-caption p.wp-caption-text {font-size: 11px;	line-height: 17px;	margin: 0;	padding: 0 4px 5px;}
.grecaptcha-badge { opacity:0;display: none;}
.form-group{font-size:13px;}
/**/
a:hover{text-decoration:none;}
a:focus {text-decoration: none; outline: none;}
li:focus{outline: none;}
input:focus{outline: none;}
textarea:focus{outline: none;}
button:focus { outline: 0px dotted;outline: 0px auto -webkit-focus-ring-color;}
select:focus { outline: 0px}
/**/
.logo {width: 250px;}
.logo a{display: inline-block;float: left;width: 65px;padding-right: 8px;}
.logo h1{float: left; font-size: 18px; font-weight: bold; font-family: 'Roboto', sans-serif; color: #d61727;width: 165px;padding-top: 10px;text-transform: capitalize;}
.logo h1 a{color: #d61727;text-decoration: none;width: 100%;float: none;padding-right: 0px;}
.logo h1 a:hover{color: #d61727;text-decoration: none;}
.logo{width: 230px;}
.menu_right_section{display: none;}
/*.home_banner{border-bottom: 5px solid #3393D0;}*/
.banner_cont_height{height: 250px;display: flex;align-items: center;}
.banner_content{color: #fff;text-align: center;width: 100%;text-transform: uppercase;}
.banner_content h2{font-size: 28px; font-family: 'Roboto', sans-serif; line-height: 36px;font-weight: bold;margin-bottom: 12px;}
.btn{color: #fff;font-size: 14px;text-transform: capitalize;background-color: #000;padding: 12px 44px;display: inline-block;border:none; border-radius: 4px;font-family: 'Roboto', sans-serif;}
.btn:hover{color: #fff;background-color: #009C9B;}

.welcome_section .btn:hover{background-color: #fff;color: #3393D0;}
.banner_slider &gt; li{background-image: url(images/banner-img.jpg);background-repeat: no-repeat;background-position: left;}
.banner_slider li{background-size: cover;position: relative;background-position: center;}
.banner_slider li.slick-slide:before{content: '';width: 100%;height: 100%;background-color: rgb(0 0 0 / 30%);display: block;position: absolute;top: 0;left: 0;}
.banner_slider{display: none;}
.banner_slider.slick-initialized{display: block;}

.spcl_logo{position: absolute;bottom: -40px;width: 100%;text-align: center;}

.banner_slider .slick-dots{bottom: 50px;}
.banner_slider .slick-dots li{margin-left: 10px;}
.banner_slider .slick-dots li{width:28px;height:6px;background-color:#fff;transition: all 0.3s;border-radius:0px;opacity: 1;}
.banner_slider .slick-dots li button:before{display: none;}
.banner_slider .slick-dots li.slick-active {opacity: 1;background-color:#D61727;transition: all 0.3s;}

/**/
.list_section{margin: 30px 0 30px;}
.list_img_cont_section &gt; li {width: 320px;margin: 0 auto 15px;}
.list_img_cont_section li a{color: #fff;display: block;}
.list_image_section{position: relative;}
.overlay_cont{position: absolute;bottom: -100%;background-color: rgba(0, 0, 0, 0.6); color: #f1f1f1; width: 100%; transition: .5s ease; color: #fff;font-size: 20px; padding: 0px;
  text-align: left;height: 100%;display: flex;justify-content: center;align-items: center;}
.overlay_cont a{color: #fff;}
.list_image_section h2{font-size: 24px;font-weight: bold;font-family: 'Roboto', sans-serif;margin: 0px;position: absolute; bottom: 0px;left: 0px;padding: 18px 20px;color: #fff;background-color: #009C9B;display: block;width: 100%;background-image: url(images/right-arrow.svg);background-repeat: no-repeat;background-position: 94% center;transition: .5s ease;font-weight: 500;}
.read_link{font-size: 18px;display: block;background-image: url(images/right-arrow.svg);background-repeat: no-repeat;background-position: 94% center;padding-right: 80px;line-height: normal;}
.list_image_section:hover{cursor: pointer;}
.list_image_section:hover .overlay_cont{bottom: 0px;}
.list_image_section:hover h2{position: absolute;transition: .5s ease;bottom: -100%;}

/**/
.welcome_section{background-color: #D61727;padding: 30px 0;font-size: 16px;line-height: 28px;text-align: center;margin-bottom: 30px;color: #fff;overflow: hidden;}
.welcome_lft_cont h2{font-size: 24px; font-weight: bold;font-family: 'Roboto', sans-serif; margin-bottom: 20px;text-align: center;color: #fff;}
.welcome_lft_cont h2 span{font-size: 20px; font-weight: normal;display: block;text-transform: uppercase;color: #fff;}
.welcome_lft_cont .btn{display: none;background-color: #ffffff;color: #000;}
.welcome_lft_cont .btn:hover{background-color: #000;color: #fff;}
.welcome_rght_img .btn{display: inline-block;margin-top: 15px;}
/**/
.life_at_john{padding: 0px 0 80px;}
.life_at_john h2{font-size: 24px; font-weight: bold;font-family: 'Roboto', sans-serif; margin-bottom: 20px;text-align: center;text-transform: uppercase;}
/**/
/*.footer_top{background-color: #009c9b;}*/
footer{background-color: #141414; color: #fff;padding: 80px 0 0;background-image: url(images/footer_icon.svg);background-repeat: no-repeat;background-size: 220px;background-position: right center;}
footer a{color: #fff;word-break: break-all;}
.footer_address_section h3{display: none;text-transform: capitalize;}
.footer_address_section{text-align: center;font-size: 16px; line-height: normal;}
.footer_address_section ul li{padding-bottom: 20px;}
.footer_address_section ul li a img{border-radius: 5px;}

ul.footer_contact {margin-bottom: 0px;}
.footer_address_section ul.footer_contact  li {padding-bottom: 25px;padding-left: 44px;background-repeat: no-repeat;background-position: left 3px;}
.footer_address_section ul.footer_contact li.location_footer{background-image: url(images/footer_location.svg);background-repeat: no-repeat;background-size: 14px;background-position: 2px top}
.footer_address_section ul.footer_contact li.phone{background-image: url(images/footer_phone.svg);background-position: left 3px;}
.footer_address_section ul.footer_contact li.mail{background-image: url(images/footer_mail.svg);}

.footer_map{display: none;}
.footer_quick_links{display: none;}
.footer_logo{display:  none;}
.copyright{text-align: center;padding: 12px 0;  font-size: 14px;background-color: #BEC0C1;margin-top: 0px;color: #000;}
.copyright p{padding-bottom: 0}
.copyright a{color: #000;}
/**/
.grid{margin: auto;}
.grid-item{width: 300px;margin: auto;margin-bottom: 12px;}
.grid-item img{width: 100%;}


/**/
.inner_banner_bg{background-image: url(images/banner-img.jpg);background-repeat: no-repeat;background-position: center;position: relative;background-size: cover;}
.inner_banner_bg:before{background-color: rgb(0,0,0,0.4);position: absolute;content: '';top: 0;width: 100%;height: 100%;z-index:1}
.inner_banner_cont{height: 150px;display: flex;align-items: center;justify-content: center;flex-direction: column;z-index: 4;position: relative;color: #fff}
.inner_banner_cont h2{font-size: 25px; font-weight: 500;font-family: 'Roboto', sans-serif; color: #fff;}
.inner_cont h2{font-size: 24px; color: #D61727;margin-bottom: 12px;font-family: 'Roboto', sans-serif;font-weight: 500}
.inner_cont h3{font-size: 22px; color: #D61727;margin-bottom: 12px;font-family: 'Roboto', sans-serif;font-weight: 500}
.inner_cont h4{font-size: 18px; color: #D61727;margin-bottom: 10px;font-family: 'Roboto', sans-serif;}
.inner_cont h5{font-size: 16px; color: #D61727;margin-bottom: 8px;font-family: 'Roboto', sans-serif;}
.inner_cont h6{font-size: 15px; color: #D61727;margin-bottom: 8px;font-family: 'Roboto', sans-serif;}
.inner_cont{font-size: 16px; line-height: 26px; color: #333;}
.inner_cont a{color: #D61727;text-decoration: underline;}
.inner_cont a:hover{color: #D61727;text-decoration: none;}
.inner_page_spacing{margin: 40px 0 40px;}
.contact_address{line-height: 24px;margin-bottom: 30px;}
.contact_address ul li {padding-bottom: 14px;padding-left: 30px;background-repeat: no-repeat;background-position: left 5px;}
.contact_address ul li a{color: #000;font-weight: 400;word-wrap: break-word;}
.contact_address ul li.location_footer {background-image: url(images/location-icon.svg);background-repeat: no-repeat;background-size: 18px;background-position: 2px 0px;}
.contact_address ul li.phone {background-image: url(images/phone.svg);}
.contact_address ul li.mail {background-image: url(images/mail.svg);}

/* .contact_address ul li a{color: #858585;text-decoration: none;}
.contact_address ul li a:hover{color: #13467B;} */
.contact_location{border-bottom: 1px solid #d4d4d4;padding-bottom: 15px;margin-bottom: 15px}
.contact_phone{border-bottom: 1px solid #d4d4d4;padding-bottom: 15px;margin-bottom: 15px}
.contact_form{margin-bottom: 30px;}
.contact_form table{width: 100%;margin-top: 20px;}
.contact_form tr td{display: block;padding-bottom: 10px;}
.text_box{padding: 12px  10px; width: 100%; border:1px solid #cccbcb;background-color: #f6f6f6;font-size: 16px;}
.text_area{padding: 12px  10px; width: 100%; border:1px solid #cccbcb;height: 80px;background-color: #f6f6f6;font-size: 16px;}
.google_map{height: 450px;}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {display: none!important;}


/*Media*/
/* Mobile Menu*/
@media (max-width: 1199px) {
.sidebar_open:before{content:'';position:fixed;top:0;left:0;right:0;background-color:rgba(0,0,0,0.6);width:100%;height:100%;z-index:999}
.mobilemenu_icon{ width: 40px; height: 36px; display: inline-block;  position: relative; overflow: hidden; cursor: pointer; float: right; margin-top: 12px; background-color: transparent;}
.navbar_line{ width: 25px; height: 3px;  background-color: #d61727;position: absolute;top: 7px; left: 8px;}
.navbar_line2{top: 16px;}
.navbar_line3{top: 25px;}
.sidebar_open .mobilemenu_icon{background: transparent;}
.sidebar_open .navbar_line{left:100%; }
.sidebar_open .navbar_line2{left:100%;}
.sidebar_open .navbar_line3{left:100%; }
.mobilemenu_icon_open{width:25px;height:25px; top: 15px; right: 15px; position:absolute;background-size:cover; z-index: 99; overflow:hidden; }
.navbarclose_line1{height: 2px;background-color: #fff;position: absolute;top: 11px;left: 0;width: 25px;transform: rotate(0); opacity:0;}
.navbarclose_line2{height: 2px;background-color: #fff;position: absolute;top: 11px;left: 0;width: 25px;transform: rotate(0); opacity:0;}
.has-sub-nav{ background-image: url(images/sub_menu.png); background-position:94% 15px; background-repeat:no-repeat;}
.sidebar_open .navbarclose_line1{transform: rotate(-136deg);-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;transition-duration: 0.5s; transition-delay: 0.2s; opacity:100;}
.sidebar_open .navbarclose_line2{transform: rotate(136deg);-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;transition-duration: 0.5s; transition-delay: 0.2s; opacity:100;}
.sidebar_open .navbar-header{ right:0;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s;}
.navbar-header{overflow: auto;}
.sidebar_open{ overflow:hidden}
.navbar-header { float: none; position: fixed; height: 100%; z-index:999;background-color: #d61727;width:250px;top:0;right: -100%;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s;}
.navbar-nav {text-align: left;margin-top: 37px;}
.navbar-nav &gt; li.has-sub-nav &gt; a{ width:84%}
.navbar-nav &gt; li.has-sub-nav &gt; ul &gt; li &gt; a{width: 100%;}
.navbar-nav &gt; li {border-bottom: 1px solid #ff727e;width: 100%;display: block;vertical-align: top;}
.navbar-nav &gt; li:last-child{border-bottom: 0;}
.navbar-nav &gt; li &gt; a {color: #fff;padding: 12px;margin:0;text-transform: uppercase;}
.navbar-nav &gt; li.current-menu-item &gt; a { color: #000; font-weight: bold;}
.navbar-nav &gt; li.current-page-ancestor &gt; a{color: #000;font-weight: 700;}
.navbar-nav &gt; li.current-menu-ancestor &gt; a{color: #000;font-weight: 700;}
.navbar-nav &gt; li.current-menu-parent &gt; a{color: #000;font-weight: 700;}
.navbar-nav &gt; li.current-page-parent &gt; a{color: #000;font-weight: 700;}
.navbar-nav &gt; li.current_page_parent &gt; a{color: #000;font-weight: 700;}
.navbar-nav &gt; li.current_page_ancestor  &gt; a{color: #000;font-weight: 700;}

.navbar-nav &gt; li &gt; ul &gt; li.current-menu-item &gt; a{color: #000;font-weight: 600;}
.navbar-nav &gt; li &gt; ul &gt; li &gt; ul &gt; li.current-menu-item &gt; a{color: #000;font-weight: 600;}
.navbar-nav &gt; li &gt; ul &gt; li.has-sub-nav &gt; a{width: 80%;}
.navbar-nav &gt; li &gt; ul &gt; li.has-sub-nav{ background-image: url(images/inner_sub_menu.png);background-position:96% 15px;background-repeat:no-repeat;}

.navbar-nav &gt; li &gt; a:hover {color: #000;text-decoration: none}
.navbar-nav &gt; li &gt; a:focus{color: #000;}
.navbar-nav &gt; li &gt; a {display: block;font-size: 15px;}
.navbar-nav &gt; li &gt; ul &gt; li &gt; a {text-transform: capitalize; padding: 10px 12px;}
.navbar-nav &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a {text-transform: capitalize; padding: 10px 12px;}
.navbar-nav &gt; li &gt; ul {position: relative;width: 100%; top:0; left:0;display: none; background-color: #fff;}
.navbar-nav &gt; li &gt; ul &gt; li &gt; ul {position: relative;width: 100%; top:0; left:0;display: none; background-color: #fff;}
.navbar-nav &gt; li &gt; ul li &gt; a{ font-size: 15px; text-transform: capitalize;display: block;}
.navbar-nav &gt; li:first-child &gt; a { padding-left: 12px;}
.navbar-nav &gt; li &gt; ul{border-top: 0px solid #dedede;padding: 0px;box-shadow: none;border-bottom: 0;}
.navbar{padding: 0px 0;}
.navbar-nav &gt; li &gt; ul li &gt; a { color: #000;}
.navbar-nav &gt; li &gt; ul li {border-bottom: 1px solid #dedede;}
.navbar-nav &gt; li &gt; ul li:last-child {border-bottom: 0px solid #dedede;}
.logo {margin: 15px 0 15px; float: left;}
.header_height { height: 0px;}
}
/*End of mobile menu*/
@media (min-width: 576px) {
.container { max-width: 100%;}
.logo { width: 290px;}	
.logo a { width: 124px;padding-right: 0px;}
.logo h1 { font-size: 20px; width: 190px; padding-top: 10px;}
.mobilemenu_icon{margin-top: 35px;}
.grid-item{width: 400px;margin: auto;margin-bottom: 12px;}
.welcome_rght_img{ width: 345px; margin: auto;}
}
@media (min-width: 768px) {
.container { max-width: 720px;}
.home_banner{background-position: center;background-size: cover;border-bottom: 0}
.banner_cont_height {height: 300px;}
.home_banner{position: relative;}
.list_img_cont_section &gt;li {width: 220px; margin: 0 10px 15px 0; display: inline-block;}
.list_img_cont_section &gt;li:last-child{margin-right: 0}
.overlay_cont h2 { font-size: 22px; margin-bottom: 6px; margin-top: 3px;}
.read_link {font-size: 18px;}
.list_section { margin: 74px 0 30px 0;}
.welcome_lft_cont{ float: left; width: 44%; text-align: left;padding-right: 0px;}
.welcome_lft_cont h2{text-align: left;}
.welcome_rght_img .btn{display: none;}
.welcome_rght_img{width: 56%; float: right; display: flex;align-items: flex-start;justify-content: flex-end;height: 100%;}
.welcome_lft_cont .btn {display:inline-block;}
.welcome_section { padding: 45px 0;}
.footer_sections{width: 50%; float: left;}
footer{position: relative;}
.footer_address_section h3 { display: block;}
.footer_address_section{text-align: left;}
footer h3{font-size: 20px;font-weight: bold;font-family: 'Roboto', sans-serif;margin-bottom: 30px;line-height: 1.5;}
.footer_quick_links{display: block;font-size: 16px;}
.footer_quick_links ul{column-count: 2;}
.footer_quick_links ul li{padding-bottom: 8px;}
.copyright{margin-top: 0px;}
footer a:hover { color: #009C9B;}
/**/
.grid-item {width: 32.9%; height: 120px; float: left;margin-bottom: 12px;}
.grid-item--height2 { height: 160px; }
.grid-item--height3 { height: 180px; }
/**/
/*inner page*/
.inner_banner_cont h2 { font-size: 30px;}
.inner_banner_cont {  height: 200px;}
.inner_cont h2{font-size: 24px;margin-bottom: 20px;}
.inner_cont h3{font-size: 22px;}
.inner_cont h4{font-size: 19px;}
.inner_cont h5{font-size: 17px;}
.inner_cont h6{font-size: 15px;}
.contact_address{width: 40%; float: left;}
.contact_form{width: 60%; float: left;padding-left: 60px;}
}

@media (min-width: 992px) {
.container { max-width: 960px;}
.banner_cont_height{height: 440px;justify-content:center;align-items:center;padding-top: 0px;}
.banner_content h2 {font-size: 36px; line-height: 46px;margin-bottom: 35px;}
.btn{padding: 12px 44px;font-size: 16px}
.list_img_cont_section &gt;li { width: 300px; margin: 0 10px 0 0;}
.overlay_cont h2 {font-size: 25px; margin-bottom: 10px; margin-top: 10px;}
.read_link {font-size: 18px;}
.list_section{margin: 60px 0;}
.welcome_lft_cont h2 span {font-size: 22px;}
.welcome_lft_cont h2 { font-size: 32px;margin-bottom: 30px;}
.welcome_section { padding: 60px 0; margin-bottom: 60px;}
.life_at_john h2 { font-size: 32px;margin-bottom: 30px;}
.footer_logo{display: block;position: absolute;top: -120px;}
.footer_logo img{border-radius: 100%;}
/**/
.grid {margin: 0 auto;}
.grid:after { content: '';display: block;clear: both;}
.grid-item {width: 32.9%; height: 156px; float: left;overflow: hidden;margin-bottom: 16px;}
.grid-item--height2 { height: 218px; }
.grid-item--height3 { height: 452px; }
/**/
/*inner page*/
.inner_cont h2{font-size: 26px;margin-bottom: 20px;}
.inner_cont h3{font-size: 24px;margin-bottom: 15px;}
.inner_cont h4{font-size: 21px;margin-bottom: 15px;}
.inner_cont h5{font-size: 19px;margin-bottom: 12px;}
.inner_cont h6{font-size: 17px;margin-bottom: 10px;}
.inner_banner_cont {  height: 220px;}
.inner_banner_cont h2 { font-size: 32px;}
.contact_address{width: 40%; float: left;}
.contact_form{width: 60%; float: left;margin-bottom: 0px;}
.google_map { height: 450px;}
.text_area{height: 100px;}
.inner_page_spacing { margin: 50px 0 50px;}
.inner_abt_cont{width: 80%;float: left;}
.inner_abt_image{float: right;margin-top: 50px;margin-left: 15px;}


.welcome_lft_cont{padding-right:30px;}
}


@media (min-width: 1200px) {
.container { max-width: 1170px;}
.menu_right_section{display: block;font-size: 15px;line-height: normal;color: #000;font-weight: 600}
.header_contact{width:368px;float: right;}
.header_contact li a{color: #000;font-weight: 400;font-size: 16px;}
.header_contact li a:hover{ color: #d61727;}
.header_contact li{padding-left: 32px;background-repeat: no-repeat;background-position: left 4px;padding-bottom: 20px}
.phone{background-image: url(images/phone.svg);}
.mail{background-image: url(images/mail.svg);}
.location{float: right;width: 304px;}
.location li{background-image: url(images/location-icon.svg);padding-left: 38px;background-repeat: no-repeat;background-position: top left;line-height: 24px;font-weight: 400;font-size: 16px;}
.logo h1 {font-size: 26px;width: 70%;padding-top: 22px;padding-bottom: 8px;}
.logo {float: left;margin: 0 0 0; width: 38%;}
.logo a { width: 190px;padding-right: 6px;}
.menu_right_section{ float: right; width: 62%;margin-top: 30px;}
.banner_content h2 {font-size: 56px; line-height: 65px;  margin-bottom: 30px;}
.banner_cont_height{height: 550px;}
.list_section { margin: 90px 0;}
.list_img_cont_section &gt;li { width: 355px;  margin: 0px 30px 0 0;}
.overlay_cont h2 {  font-size: 30px;margin-top: 20px;}
.read_link {font-size: 26px;}
.list_img_cont_section &gt;li{overflow: hidden;}
.list_img_cont_section &gt;li:hover .list_image_section img{ transform: scale(1.1);}
.list_image_section img{ transform: scale(1); transition: all 0.3s; max-width: 100%;}
.welcome_lft_cont h2 span { font-size: 24px;}
.welcome_lft_cont h2 {font-size: 50px; margin-bottom: 25px;}
.welcome_section{font-size: 18px; line-height: 34px;}
.welcome_lft_cont .btn{margin-top: 20px;}
.welcome_section {padding: 120px 0; margin-bottom: 90px;overflow: hidden;}
.welcome_rght_img img {width: 96%;z-index: 9;margin-bottom: 20px;}
.welcome_rght_img{position: relative;}
.welcome_rght_img img.small_rect{position: absolute;top: -120px;right: -60px;width: 54%;z-index: 8;margin-bottom: 0px;}
.welcome_lft_cont{padding-top: 60px;margin-bottom: 20px;}
.welcome_lft_cont h3{margin-bottom: 20px;line-height: 1.5;font-size: 26px;}
.welcome_lft_cont {font-size: 20px;line-height: 1.5;}

.about_spec_title {border-right: 8px solid #fff;position: absolute;padding: 0px 24px 0px 0px;text-align: right;bottom: -58px;right: 15px;}
.about_spec_title h4{font-size: 40px;font-weight: 800;text-transform: uppercase;line-height: normal;}
.about_spec_title h6{font-size: 16px;font-weight: 300;}

.life_at_john h2{font-size: 44px; margin-bottom: 35px;}
.footer_map { display: block;}
.footer_sections{width: 33.3%;}
.map_section{height: 270px;}
footer h3 { font-size: 24px;}
.footer_quick_links { font-size: 16px;padding-right: 32px;}
.footer_address_section { font-size: 16px;}
.footer_address_section ul li a img:hover{opacity: 0.8;}
.copyright{font-size: 16px;padding: 15px 0;margin-top: 00px;}
/**/
.grid-item--height2 { height: 268px; }
.grid-item--height3 { height: 552px; }
.grid-item {margin-bottom: 16px;}
/**/
/*inner page*/
.inner_banner_cont {  height: 250px;}
.inner_banner_cont h2 { font-size: 38px;}
.inner_cont h2{font-size: 30px;margin-bottom: 20px;}
.inner_cont h3{font-size: 27px;margin-bottom: 15px;}
.inner_cont h4{font-size: 21px;margin-bottom: 15px;}
.inner_cont h5{font-size: 20px;margin-bottom: 12px;}
.inner_cont h6{font-size: 18px;margin-bottom: 10px;line-height: 22px;}
.inner_cont{font-size: 16px; line-height: 27px;}
.inner_page_spacing { margin: 70px 0 70px;}
/**/
.google_map { height:580px;}
}

.navbar-nav &gt; li &gt; a{font-family: 'Roboto', sans-serif;}

/*Normal Menu*/
@media (min-width: 1200px){
.navbar-nav{display: inline-block;}
.sticky_header{ top:-15px;}
.sticky_header1{ top:0; transition: all 0.3s;}
.header.sticky_header1 { position: fixed;  top: 0px;  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.62); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.62);    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.62); z-index:999; border-bottom: 0;height: auto;background-color: #fff;border-bottom: 2px solid #D61727}
.header {  position: absolute; left: 0;  right: 0; background-color: #fff; box-shadow: 0 0px 8px rgba(0,0,0,0.3);}
.header_height {height: 250px;}
.sticky_header1 .logo { margin: 0px 0 0;  width: auto;}
.sticky_header1 .navbar{margin-top: 0px;}
.sticky_header1 .navbar-nav &gt; li &gt; a{font-size: 14px;color: #000}
.sticky_header1 .navbar-nav &gt; li &gt; a:hover{color: #D61727;}
.sticky_header1 .navbar-nav &gt; li &gt; ul li &gt; a{font-size: 14px;}
.sticky_header1 .navbar-nav &gt; li &gt; ul{top:35px;left: -15px;}
.sticky_header1 .navbar-nav &gt; li { padding: 0 15px;border-right: 0}
.sticky_header1 .navbar-nav &gt; li:last-child{padding-right: 0;}
.sticky_header1 .menu_bg{background-color: transparent;}
.sticky_header1 .navbar { margin-top: 0px; position: absolute; top:-68px; right: 18px;}
.sticky_header1 .menu_right_section{display: none;}
.sticky_header1 .menu_section { padding-top: 5px; padding-bottom: 5px;}
.sticky_header1 .logo h1{display: none;}
.sticky_header1 .logo h2{display: none;}
/*Menu*/
.menu_section{ padding-top: 16px;padding-bottom: 16px;}
.navbar-header{ float: none; }
.navbar{ margin-bottom:0;border-radius: 0;background-color: transparent; border:none;text-align:left;min-height: auto;float: none; padding:16px 0; margin: 0px 0 0;}
.navbar-collapse{padding: 0;}
.navbar-nav { margin: 0 0 0 0; }
.navbar-nav &gt; li {position:relative; padding:0;display: inline-block;vertical-align: top;}
.navbar-nav &gt; li &gt; a {padding: 14px 0 18px;font-size:16px;color:#fff; position:relative;text-decoration: none;text-transform: uppercase;font-weight: 600;}
.navbar-nav &gt; li {padding:0 52px;line-height: 20px;}
	
.translated-ltr .navbar-nav &gt; li{ padding: 0 28px;}
.translated-ltr .navbar-nav &gt; li &gt; a {font-size: 15px;}
.translated-ltr .sticky_header1 .navbar-nav &gt; li {padding: 0 15px;}
	
	
.navbar-nav &gt; li:last-child{border-right: 0}
.navbar-nav &gt; li &gt; a:hover{color:#fff;}
.navbar-nav &gt; li &gt; a:focus{color:#fff;}
.navbar-nav &gt; li.current-menu-item &gt; a{color:#fff;font-weight: 600}
.navbar-nav &gt; li.current-page-ancestor &gt; a{color: #fff;font-weight: 600;}
.navbar-nav &gt; li.current-menu-ancestor &gt; a{color: #fff;font-weight: 600;}
.navbar-nav &gt; li.current-menu-parent &gt; a{color: #fff;font-weight: 600;}
.navbar-nav &gt; li.current-page-parent &gt; a{color: #fff;font-weight: 600;}
.navbar-nav &gt; li.current_page_parent &gt; a{color: #fff;font-weight: 600;}
.navbar-nav &gt; li.current_page_ancestor  &gt; a{color: #fff;font-weight: 600;}
	
.header.sticky_header1 .navbar-nav &gt; li.current-menu-item &gt; a {color: #d61727;}
.header.sticky_header1 .navbar-nav &gt; li.current-page-ancestor &gt; a{color: #d61727;}
.header.sticky_header1 .navbar-nav &gt; li.current-menu-ancestor &gt; a{color: #d61727;}
.header.sticky_header1 .navbar-nav &gt; li.current-menu-parent &gt; a{color: #d61727;}
.header.sticky_header1 .navbar-nav &gt; li.current-page-parent &gt; a{color: #d61727;}
.header.sticky_header1 .navbar-nav &gt; li.current_page_parent &gt; a{color: #d61727;}
.header.sticky_header1 .navbar-nav &gt; li.current_page_ancestor  &gt; a{color: #d61727;}

.navbar-nav &gt; .active &gt; a, .navbar-nav &gt; .active &gt; a:focus, .navbar-nav &gt; .active &gt; a:hover{ color:#d61727; background-color:transparent;}
.navbar-nav &gt; li &gt; ul{position: absolute;width: 250px; text-align: left; background-color: #fff;display: none; padding: 0px;border: 1px solid #ddd;top: 41px;left: 4px; z-index: 9999;border-top: 0px;}
.navbar-nav &gt; li.mega_menu &gt; ul &gt; li{ padding: 0;text-transform: capitalize;border-bottom:1px solid #ddd;border-right: 1px solid #ddd;}
.navbar-nav &gt; li.mega_menu &gt; ul &gt; li:nth-child(2n) {border-right: 0px;}
	
.navbar-nav &gt; li &gt; ul li{ padding: 0;text-transform: capitalize;border-bottom:1px solid #ddd;}
	
.navbar-nav &gt; li &gt; ul &gt; li:hover &gt; a{color: #d61727;}
.navbar-nav &gt; li &gt; ul &gt; li.current-menu-parent &gt; a{color: #d61727;}

.navbar-nav &gt; li &gt; ul &gt; li &gt;  ul &gt; li:hover &gt; a{color: #d61727;} 
.navbar-nav &gt; li &gt; ul &gt; li &gt;  ul &gt; li.current-menu-item &gt; a{color: #d61727;} 

.navbar-nav &gt; li &gt; ul li:last-child{ border-bottom:none;}
.navbar-nav &gt; li &gt; ul li &gt; a{color:#000;text-decoration: none;font-weight:600; font-size: 15px;display:block;padding: 14px 24px;}
.navbar-nav &gt; li &gt; ul li:hover &gt; a{ color:#d61727; text-decoration:none;}
/*.navbar-nav &gt; li &gt; ul &gt; li.current-menu-item{background-color: #d61727;}*/
.navbar-nav &gt; li &gt; ul &gt; li.current-menu-item &gt; a{color:#d61727;font-weight: bold;}
.navbar-nav &gt; li:hover &gt; ul{display: block;}
.menu_bg{ float:none; background-color: #D61727;}

.navbar-nav &gt; li &gt; ul &gt; li &gt; ul {padding-left: 21px;background-color: #fff;}
.navbar-nav &gt; li &gt; ul li &gt; ul &gt; li &gt; a {padding: 12px 11px;}
	
.navbar-nav &gt; li &gt; ul li &gt; ul {position: absolute;width: 250px;text-align: left;background-color: #fff;display: none;padding: 0px;border: 1px solid #ddd;top: 0px;left: 244px;z-index: 9999;border-left: 6px solid #d61727;}
.navbar-nav &gt; li &gt; ul &gt; li{position: relative;}
.navbar-nav &gt; li &gt; ul li:hover &gt; ul{display: block;}

.footer_address_section h3{font-size: 28px;line-height: 1.4;}
	
	.sticky_header1 .logo img{width: auto;}
	.sticky_header1 .logo a {width: 100px;padding: 10px 0;}
	.sticky_header1 .logo h1 {display: block;font-size: 20px;width: 50%;padding-top: 14px;}
	.sticky_header1 .logo h1 a {width: auto;}
.inner_cont{font-size: 18px;line-height: 1.5;}
}


.inner_cont .table-striped tbody tr:nth-of-type(odd) {background-color: rgb(125 61 150 / 10%);}
.inner_cont .table-bordered td,.inner_cont .table-bordered th {border: 1px solid #dee2e6;}

.inner_cont .single_content ul {padding-left: 0px;margin-bottom: 10px;}
.inner_cont .single_content ul li {list-style: none;background-image: url(images/right-arrow-angle.png);background-size: 12px;background-repeat: no-repeat;background-position: left 7px;padding-left: 16px;padding-bottom: 10px;}
.inner_cont .single_content ul li a{text-decoration: underline;}
.inner_cont .single_content ul li a:hover{color: #d61727;text-decoration: none;}

.inner_cont .single_content ol {padding-left: 0px;margin-bottom: 10px;}

.inner_cont .single_content h3{margin-bottom: 8px;font-weight: 600;font-size: 24px;margin-top: 18px;}
.inner_cont .single_content h4{margin-bottom: 4px;margin-top: 18px;font-weight: 600;line-height: 1.4;}
.inner_banner_cont{align-items: flex-start;}

.contact_address ul li a{text-decoration: none;}

.side_bar {position: relative;box-shadow: 0 5px 30px 0 rgba(0,0,0,.05);margin-top: -131px;z-index: 99;}
.side_bar h2{font-family: 'Roboto', sans-serif;padding: 18px 24px;border-bottom: 1px solid #009c9b;font-size: 20px;font-weight: 600;background-color: #009c9b;text-transform: uppercase;margin: 0 1px;color: #fff;}
.side_bar #panel li a{padding: 14px 24px;display: block;border-bottom: 1px solid #ddd;color: #333;font-size: 14px;font-weight: 600;}
.side_bar #panel li:last-child a{border-bottom: 0px;}
.side_bar #panel li a:hover{background-color: #d61727;color: #fff;}
.side_bar #panel li.current_page_item &gt; a{background-color: #d61727;color: #fff;}
ul#panel {border: 1px solid #ddd;border-top: 0px;background-color: #fff;}

.inner_cont {padding-right: 50px;}
h2.special_title {margin-bottom: 18px;display: inline-block;width: auto;color: #000;font-weight: 600;}
h2.special_title:after {border-bottom: 4px solid #d61727;content: '';width: 70px;height: 100%;display: block;clear: both;margin-top: 8px;}

.inner_cont .single_content .pdf_list{padding-left: 0px;margin-top: 20px;}
.inner_cont .single_content .pdf_list li{position: relative;border-bottom: 1px solid #ddd;padding-bottom: 13px;margin-bottom: 13px;color: #6b6b6b;list-style: none;font-weight: 600;padding-right: 30px;    background-image: none;padding-left: 0px;}
.inner_cont .single_content .pdf_list li a{color: #000;text-decoration: none;display: inline-block;width: 78%;vertical-align: top;}
.inner_cont .single_content .pdf_list li span{padding-right: 30px;color: #d61727;display: inline-block;width: 58px;vertical-align: top;}
.inner_cont .single_content .pdf_list li a:hover{color: #d61727;}
.inner_cont .single_content .pdf_list li i{position: absolute;top: 20px;right: 0;font-size: 20px;line-height: 20px;margin-top: -14px;color: #009c9b;}
.inner_cont .single_content .pdf_list li:hover i{color: #d61727;}
.inner_cont .single_content .pdf_list.color_change li:hover span{color: #d61727;}

.inner_cont .single_content blockquote {font-family: 'Roboto', sans-serif;padding: 9px 18px;margin: 0 0 18px;border-left: 5px solid #ddd;color: #000;background-color: #fbfbfb;}
.inner_cont .single_content blockquote p{padding-bottom: 0px;}

.inner_cont .single_content h6{margin-bottom: 6px;color: #333;}

.inner_cont .single_content .gallery_list{padding: 0px;display: flex;flex-wrap: wrap;margin-top: 20px;}
.inner_cont .single_content .gallery_list li{list-style: none;width: 31.6%;display: inline-block;margin-right: 20px;margin-bottom: 30px;border: 1px solid #ddd;display: flex;flex-wrap: wrap;background-image: none;padding-left: 0px;padding-bottom: 0px;}
.inner_cont .single_content .gallery_list li:nth-child(3n){margin-right: 0px;}
.inner_cont .single_content .gallery_list li:hover{background-color: #d61727;}
.inner_cont .single_content .gallery_list li a{display: block;text-decoration: none;color: #000;text-align: center;width: 100%;}
.inner_cont .single_content .gallery_list li:hover a{color: #fff;}
.inner_cont .single_content .gallery_list li .gallery_feature{height: 230px;width: 100%;overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: 100%;transition: all 0.3s;}
.inner_cont .single_content .gallery_list li .gallery_feature img{width: 100%;}
.inner_cont .single_content .gallery_list li .gallery_title{padding: 20px 14px 12px;width: 100%;}
.inner_cont .single_content .gallery_list li .gallery_title h3{line-height: normal;text-align: center;color: #000;font-size: 18px;margin-top: 0px;}
.inner_cont .single_content .gallery_list li:hover .gallery_title h3{color: #fff;}

.inner_cont .single_content .gallery_list li:hover .gallery_feature{background-size: 110%;transition: all 0.3s;}


.inner_cont .single_content .gallery_list li .gallery_link { margin-top: auto;width: 100%;padding: 0 0 12px 0;font-size: 14px;}

.inner_cont .single_content .gallery_list.inner_gallery {padding: 0px;display: flex;flex-wrap: wrap;}
.inner_cont .single_content .gallery_list.inner_gallery li{width: 32%;}
.inner_cont .single_content .gallery_list.inner_gallery li:nth-child(3n){margin-right: 0px;}
.inner_cont .single_content .gallery_list.inner_gallery li .gallery_feature{background-size: 120%;}
.inner_cont .single_content .gallery_list.inner_gallery li:hover .gallery_feature {background-size: 140%;}

ul.breadcrumb {padding: 0;list-style: none;background-color: transparent;display: inline-block;margin: 0px;padding: 0px;margin-top: 4px;}
ul.breadcrumb li { display: inline;font-size: 15px;}
ul.breadcrumb li+li:before {padding: 8px 7px 8px 4px;color: #fff;content: "/";}
ul.breadcrumb li a {color: #fff;text-decoration: none;font-weight: 600px;}
ul.breadcrumb li a:hover{text-decoration: underline;}

.inner_cont .year-list{text-align:right;border-bottom:1px solid #f1f1f1}
.inner_cont .year-list ul li{background-image:none;padding-left:0;display:inline-block !important;font-size:14px;font-weight:600; background: none !important; padding-left: 0 !important;}
.inner_cont .year-list ul li a{color:#009c9b;}
.inner_cont .year-list ul li a:hover{color:#d61727;text-decoration: none;}
.inner_cont .year-list ul li:after{content:'';background:#d61727;width:1px;height:14px;display:inline-block;margin:-2px 14px;margin-right:14px}
.inner_cont .year-list ul li:last-child::after{display:none}
.inner_cont .year-list ul .active a{color:#009c9b !important; text-decoration: none !important;}
.inner_cont .year-list select { color: #d61727;font-size:14px; border: 1px solid #d61727; padding:8px 12px; font-weight: 700; margin-bottom: 15px;}

.left_sec{float: left;width: 64%;padding-right: 36px;}
.right_sec{float: right;width: 35%;}
.right_sec a {display: block;position: relative;text-decoration: none;overflow: hidden;}
.inner_cont .right_sec p{display: none;}
.inner_cont .right_sec h2{font-size: 32px;font-weight: bold;margin-bottom: 10px;font-family: 'Roboto', sans-serif;margin-top: 10px;color: #fff;position: absolute;bottom: 30px;z-index: 9;padding: 20px;margin: 0px;}
.right_sec a:before {content: '';width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4);display: block;position: absolute;z-index: 9;}
.inner_cont .right_sec span{font-size: 18px;font-family: 'Roboto', sans-serif;color: #fff;position: absolute;bottom: 0;z-index: 9;padding: 20px;margin: 0px;left: 0;background-image: url(images/right-arrow.svg);
    background-repeat: no-repeat;background-position: 90% 53%;padding-right: 40px;transition: all 0.3s;}
.inner_cont .right_sec a:hover span{background-position: 92% 53%;transition: all 0.3s;}
/* .inner_cont .right_sec img{transform: scale(1);transition: all 0.3s;max-width: 100%;} */
.inner_cont .right_sec img{max-width: 100%;}
/* .inner_cont .right_sec:hover img {transform: scale(1.1);} */

.page_gallery{display: none;}
.page_gallery.slick-initialized{display: block;}
.inner_cont .page_gallery{padding: 0px;margin-top: 0px;padding-left: 0px!important;}
.inner_cont .page_gallery li.slick-slide{list-style: none!important;color: inherit!important;width: 320px;margin: 0 10px;height: 300px;}
.inner_cont .page_gallery .slick-dots {bottom: -34px;margin-bottom: 0px;padding-left: 0px;}
.inner_cont .page_gallery .slick-dots li{list-style: none!important;color: inherit!important;}

.page_left {position: absolute;bottom: -62px;left: 40.3%;cursor: pointer;border: 1px solid #ddd;padding: 14px 38px 14px 36px;font-size: 16px;color: #001933;}
.page_right {position: absolute;bottom: -62px;right: 40.3%;cursor: pointer;border: 1px solid #ddd;padding: 14px 38px 14px 36px;font-size: 16px;color: #001933;}

.page_left:hover{color: #fff;background-color: #001933;}
.page_right:hover{color: #fff;background-color: #001933;}

.special_title.page_gallery_title{font-size: 24px;margin-top: 60px;margin-bottom: 20px;}
.inner_cont .page_gallery li{overflow: hidden;}
.inner_cont .page_gallery li img{transform: scale(1);transition: all 0.3s;max-width: 100%;}
.inner_cont .page_gallery li:hover img {transform: scale(1.1);}

.spl_sec .pdf_list{padding-left: 0px;margin-top: 0px;width: 40%;}
.spl_sec .pdf_list li{position: relative;border-bottom: 1px solid #ddd;padding-bottom: 13px;margin-bottom: 13px;color: #6b6b6b;list-style: none;font-weight: 600;padding-left: 20px;}
.spl_sec .pdf_list li a{color: #6b6b6b;text-decoration: none;display: block;}
.spl_sec .pdf_list li span{padding-right: 30px;color: #13467B;}
.spl_sec .pdf_list li:hover a{color: #3393D0;}
.spl_sec .pdf_list li:last-child{border-bottom: 0px;}
.spl_sec .pdf_list li i{position: absolute;top: 3px;left: 0;font-size: 16px;line-height: 20px;margin-top: 0px;color: #13467B;}
.spl_sec .pdf_list li:hover i{color: #3393D0;}
.spl_sec .pdf_list.color_change li:hover span{color: #3393D0;}

.spl_sec.stu_sec .pdf_list {display: flex;flex-wrap: wrap;width: 100%;}
.spl_sec.stu_sec ul.pdf_list li{width: 46%;vertical-align: top;margin-right: 30px;}

.spl_sec.new_style .pdf_list {width: 100%;display: flex;flex-wrap: wrap;text-align: center;}
.spl_sec.new_style .pdf_list li {width: 23%;border: 1px solid #ddd;margin: 0px 20px 20px 0px;padding: 0px;transition: all 0.3s;}
.spl_sec.new_style .pdf_list li a{padding: 48px 20px;}
.spl_sec.new_style .pdf_list li .icon_sec {width: 40px;margin: auto;margin-bottom: 16px;height: 40px;background-repeat: no-repeat;background-position: center;background-size: contain;transition: all 0.2s;}
.spl_sec.new_style .pdf_list li h3 {font-size: 16px;font-weight: 600;color: #d61727;transition: all 0.3s;}
.spl_sec.new_style .pdf_list li:hover {background-color: #d61727;transition: all 0.6s;}
.spl_sec.new_style .pdf_list li:hover h3{color: #fff;transition: all 0.6s;}

.spl_sec.new_style .pdf_list li:hover .icon_sec{transition: all 0.3s;}

.footer_logos {margin-top: 20px;}
.footer_logos li{display: inline-block;margin-right: 8px;width: 26%;}
.footer_logos li img {border-radius: 5px;}

.footer_ack_section {border-top: 0;padding: 30px 0;font-size: 14px;margin-top: 60px;margin-bottom: 8px;border-top: 1px solid #009C9B;}
.footer_ack_section h3{margin-bottom: 16px;}
.footer_ack_section p{padding-bottom: 34px;line-height: 1.5;}

.inner_cont .special_h4{border-bottom: 2px solid #d61727;width: auto;display: inline-block;margin-top:14px;padding-bottom: 4px;font-size: 22px;margin-bottom:12px;}

.inner_cont .single_content .awards_list{display: flex;flex-wrap: wrap;padding-left: 0px;margin-bottom: 6px;margin-top: 4px;}
.inner_cont .single_content .awards_list li{list-style: none;width: 22%;margin-right: 16px;}
.inner_cont .single_content .awards_list li:last-child{margin-right: 0px;}
.inner_cont .single_content .awards_list li p{display: none;}
.inner_cont .single_content .awards_list li .img_sec img {width: 100%;margin: 0px;}
.inner_cont .single_content .awards_list li h4 {font-size: 15px;text-align: center;padding: 12px 6px;}

.logo h2{font-size: 18px;}
.header_top {background-color: #000000;color: #fff;text-align: right;padding: 10px 0;font-size: 14px;font-weight: 400;}
a.glink span {margin-right: 14px!important;font-size: 14px!important;font-weight: 600;}
a.glink {color: #000;}
.header_top a.glink:last-child span{margin-right: 0px!important;}

table.table.table-bordered.teaching_model_table{margin-top: 14px;}
table.table.table-bordered.teaching_model_table tr th:first-child {width: 20%;}

.table-bordered th {color: #d61727;}

.valuegrid{display:grid;grid-template-columns: repeat(2, 1fr);grid-gap: 30px 60px;}
.value-grid-item{display: flex;flex-direction: column;padding: 12px 0px 18px;border-bottom: 1px solid #c8e2f2;}
.value-grid-item:nth-child(2n){border-right: 0px;}
.value-grid-item:nth-child(odd){padding-left: 0px;}
.value-grid-item img{width: 64px;margin-bottom: 0px;}

.inner_cont .single_content .pdf_list b {position: absolute;right: 28px;top: 6px;font-size: 14px;font-weight: 600;color: #009c9b;}
.inner_cont .single_content .pdf_list li:hover b {color: #d61727;}
.gallery_btn_sec{text-align: center;margin-top: 30px;}

.banner_slider .slick-prev {outline: 0;z-index: 5;background-image: url(images/left_arr.png);bottom: 25px;width: 19px;height: 22px;left: auto;background-color: transparent;background-repeat: no-repeat;top:auto;font-size: 0;border: 0;position: absolute;background-position: center;padding: 16px;background-size: 20px;right: 15%;border:1px solid #fff;}
.banner_slider .slick-next {outline: 0;z-index: 5;background-image: url(images/right_arr.png);right: 7%;width: 13px;height: 22px;background-color: transparent;background-repeat: no-repeat;font-size: 0;border: 0; position: absolute; top: auto;background-size: 20px;background-position: center;padding: 16px; bottom: 25px;border:1px solid #fff;}
.banner_slider .slick-prev:before {content: '';font-size:0;}
.banner_slider .slick-next:before {content: '';font-size:0;}

.parallaxblock{width: 100%;height: 400px;position: relative;overflow: hidden;margin: 10px 0 30px;}
.img-parallax {width: 100vmax;z-index: -1;position: absolute;top: 0;left: 50%;transform: translate(-50%,0);pointer-events: none;}
.homeparallaxblock{width: 100%;height: 440px;position: relative;overflow: hidden;margin: 0px;}

@media(min-width: 1200px){
.navbar-nav &gt; li.mega_menu {position: inherit;}
.navbar-nav &gt; li.mega_menu &gt; ul {width: 50%;top: 55px;flex-wrap: wrap;left: inherit;right: 150px;border: 1px solid #ddd;border-top: 0px;}
.navbar-nav &gt; li.mega_menu:hover &gt; ul {display: flex;}
.navbar-nav &gt; li.mega_menu &gt; ul &gt; li {width: 50%;}	
.sticky_header1 .navbar-nav &gt; li &gt; ul{border-top: 1px solid #ddd;box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2);}
.sticky_header1  .navbar-nav &gt; li.mega_menu &gt; ul {width: 86%;right: 0;border-top: 1px solid #ddd;box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2);}
.navbar-nav &gt; li.current-menu-item &gt; a:after {content: '';width: 100%;height: 2px;background-color: #fff;display: block;margin-top: 4px;}
.navbar-nav &gt; li:hover &gt; a:after {content: '';width: 100%;height: 2px;background-color: #fff;display: block;margin-top: 4px;}
.navbar-nav &gt; li.current-page-ancestor &gt; a:after {content: '';width: 100%;height: 2px;background-color: #fff;display: block;margin-top: 4px;}
.navbar-nav &gt; li.current-menu-ancestor &gt; a:after {content: '';width: 100%;height: 2px;background-color: #fff;display: block;margin-top: 4px;}
.navbar-nav &gt; li.current-menu-parent &gt; a:after {content: '';width: 100%;height: 2px;background-color: #fff;display: block;margin-top: 4px;}
.navbar-nav &gt; li.current-page-parent &gt; a:after {content: '';width: 100%;height: 2px;background-color: #fff;display: block;margin-top: 4px;}
.navbar-nav &gt; li.current_page_parent &gt; a:after {content: '';width: 100%;height: 2px;background-color: #fff;display: block;margin-top: 4px;}
.navbar-nav &gt; li.current_page_ancestor  &gt; a:after {content: '';width: 100%;height: 2px;background-color: #fff;display: block;margin-top: 4px;}
	
/* .header.sticky_header1 .navbar-nav &gt; li.current-menu-item &gt; a {color: #fff;} */
	
.inner_cont .single_content .gallery_list.inner_gallery li .gallery_feature{height: 240px;}
.navbar-nav &gt; li:first-child{padding-left: 0px;}
.navbar-nav &gt; li:last-child{padding-right: 0px;}

.banner_content h2 {font-size: 42px;line-height: 58px;margin-bottom: 20px;}
.list_image_section h2 {font-size: 20px;}
.welcome_lft_cont {padding-top: 0px;margin-bottom: 20px;}
.welcome_lft_cont h2 {font-size: 40px;margin-bottom: 18px;}
.welcome_lft_cont h3 {margin-bottom: 12px;line-height: 1.4;font-size: 20px;}
.welcome_lft_cont {font-size: 18px;line-height: 1.5;}
.banner_cont_height {height: 550px;}
.life_at_john {padding: 0px 0 50px;}
.navbar-nav &gt; li &gt; ul{left: 20px;border-left: 6px solid #d61727;padding: 0;margin: 0;border-right: 0px;border-bottom: 0px;}
.navbar-nav &gt; li &gt; a {padding-bottom: 23px;}

ul.footer_contact {padding-right: 40px;}
.parallaxblock{height: 500px;}


.welcome_rght_img img.small_rect {top: -60px;right: -142px;width: 90%;}
  /*.about_spec_title {bottom: 0px;}*/
  .welcome_rght_img img {width: 80%;}
  .welcome_section {padding: 110px 0 100px 0;}
  .footer_address_section h3{font-size: 32px;line-height: 1.3;}
  footer {background-size: 332px;background-position: 92% 45%;}
}

.google_map iframe {height: 100%!important;width: 100%!important;}
.footer_map .map_section iframe {height: 250px!important;width: 100%!important;}

@media (min-width: 1480px) {
.container { max-width: 1440px;}
.logo h1 {font-size: 32px;width: 70%;padding-top: 20px;padding-bottom: 6px;}
.header_contact{width:430px;float: right;}
.header_contact li a{color: #000;font-weight: 400;font-size: 18px;}
.location{float: right;width: 388px;}
.location li{background-image: url(images/location-icon.svg);padding-left: 38px;background-repeat: no-repeat;background-position: top left;line-height: 24px;font-weight: 400;font-size: 18px;}
.logo a {width: 190px;padding-right: 15px;padding-top: 8px;}
.header_height{ height:256px;}
.single-bullcreekgallery .header_height{ height:247px;}
.navbar-nav &gt; li { padding: 0 72px;}
.translated-ltr .navbar-nav &gt; li{ padding: 0 46px;}
.translated-ltr .sticky_header1 .navbar-nav &gt; li {padding: 0 15px;}
.list_img_cont_section &gt;li { width: 445px; margin: 0px 32px 0 0;}
.overlay_cont h2 {font-size: 32px;}
.read_link {  font-weight: 600;}
.footer_address_section {font-size: 18px;}
.footer_quick_links { font-size: 18px;}
.navbar-nav &gt; li &gt; ul{left: 44px;top: 40px;}
.inner_cont .single_content .gallery_list.inner_gallery li .gallery_feature{height: 340px;}
	
.navbar-nav &gt; li.mega_menu &gt; ul {right: 192px;}
.navbar-nav &gt; li &gt; a {font-size:18px;}
.list_image_section h2 {font-size: 24px;}
.welcome_lft_cont {padding-top: 0px;margin-bottom: 20px;}
.welcome_lft_cont h2 {font-size: 50px;margin-bottom: 25px;}
.welcome_lft_cont h3 {margin-bottom: 20px;line-height: 1.5;font-size: 24px;}
.welcome_lft_cont {font-size: 20px;line-height: 1.5;}
.banner_cont_height {height: 650px;}
.banner_content h2 {font-size: 56px;line-height: 66px;margin-bottom: 20px;}
.life_at_john {padding: 0px 0 60px;}

.inner_cont{font-size: 20px;line-height: 1.5;}
.inner_cont .single_content ul li {background-position: left 9px;}
.parallaxblock{height: 600px;}

}

@media(min-width: 1500px){
	.side_bar #panel li a{font-size: 16px;}
	.footer_ack_section {margin-bottom: 0;}
	.about_spec_title h4{font-size: 38px;font-weight: 800;}
	.welcome_rght_img img.small_rect {top: -52px;right: -184px;width: 74%;}
	/*.about_spec_title {bottom: 0px;}*/
	.welcome_rght_img img {width: 80%;}
	.welcome_section {padding: 110px 0 100px 0;}
	.footer_address_section h3{font-size: 32px;line-height: 1.3;}
  footer {background-size: 332px;background-position: 92% 45%;}
  .grid-item--height2 { height: 320px; }
  .grid-item--height3 { height: 660px; }
  .grid-item {margin-bottom: 20px;}
  .footer_quick_links {padding-right: 74px;}
}

@media(max-width: 1480px){
	.inner_cont .right_sec h2 {font-size: 26px;}
	.inner_cont .right_sec span {font-size: 16px;}
	.inner_cont .left_sec {padding-right: 32px;}
	.inner_cont .left_sec p {padding: 0 0 10px 0;}
	.page_left {left: 38.1%;}
	.page_right {right: 38.1%;}
	.logo h2{font-size: 16px;}
}

@media(min-width: 1990px){
	.list_section {margin: 90px 0;}
}

@media(min-width: 768px) and (max-width: 991px){
	.footer_logos li {width: 44%;}
}

@media(max-width: 1199px){
	.side_bar{margin-top: -108px;}
	.footer_sections{width: 44%;}
	.footer_quick_links{width: 56%;}
	.inner_cont {padding-right: 40px;}
	.side_bar #panel li a{font-size: 13px;padding: 14px 16px;}
	.side_bar h2 {padding: 18px 16px; font-size: 18px;}
	.inner_cont .single_content .gallery_list li{width: 48%;margin-right: 15px;}
	.inner_cont .single_content .gallery_list li .gallery_title {padding: 15px;}
	.inner_cont .single_content .gallery_list li:nth-child(2n){margin-right: 0px;}
	.inner_cont .single_content .gallery_list li:nth-child(3n){margin-right: 15px;}
	.inner_cont .single_content .gallery_list.inner_gallery li{margin-right: 15px;}
	.inner_cont .single_content .gallery_list.inner_gallery li .gallery_feature {height: 225px;}
	.special_title.page_gallery_title {font-size: 22px;}
	.page_left {left: 36%;}
	.page_right {right: 34.7%;}
	.spl_sec.stu_sec ul.pdf_list li {margin-right: 24px;}
	.spl_sec.new_style .pdf_list li {width: 31%;}
	.inner_cont .single_content .awards_list li {width: 47%;}
	.logo h1 {font-size: 22px;width: 269px;padding-top: 8px;padding-bottom: 0px;line-height: 1.4;}
	.logo h2 {font-size: 14px;}
	.logo {width: 400px;}
	.overlay_cont{display: none;}

	.list_image_section h2 {font-size: 18px;}

	.welcome_rght_img {width: 52%;}
	.welcome_lft_cont {width: 48%;line-height: 1.5;}
	.welcome_rght_img img {width: 90%;z-index: 9;margin-bottom: 20px;}
	.welcome_rght_img{position: relative;}
	.welcome_rght_img img.small_rect{position: absolute;top: -60px;right: -40px;width: 48%;z-index: 8;margin-bottom: 0px;}
	.welcome_lft_cont h2 {font-size: 28px;margin-bottom: 20px;line-height: normal;}
	.welcome_lft_cont h3{line-height: 1.5;font-size: 18px;margin-bottom: 14px;}
	.about_spec_title{border-right: 8px solid #fff;position: absolute;padding: 0px 20px 0px 0px;text-align: right;bottom: 26px;right: 15px;}
	.about_spec_title h4{font-size: 30px;font-weight: 800;text-transform: uppercase;line-height: 1.4;}
	.about_spec_title h6{font-size: 16px;font-weight: 300;}
	.life_at_john{padding-bottom: 60px;}

	.footer_address_section.footer_sections {padding-right: 30px;width: 52%;}
	.footer_quick_links {width: 48%;}
	.inner_cont .single_content .pdf_list b {top: 3px;}
}


@media(max-width: 991px){
	.footer_sections{width: 46%;}
	.footer_quick_links{width: 54%;}
	.inner_cont {padding-right: 0px;}
	.hidden_check{display: none!important;}
	.inner_cont .single_content .gallery_list li{width: 47.8%;margin-right: 15px!important;}
	.inner_cont .single_content .gallery_list.inner_gallery li {width: 47.8%;margin-right: 15px!important;}
	.inner_cont .single_content ul.page_gallery {margin-bottom: 46px;}
	.page_left {left: 35%;}
	.page_right {right: 37%;}
	.special_title.page_gallery_title {margin-top: 40px;}
	.spl_sec .pdf_list {margin-top: 0px;width: 50%;}
	.spl_sec.new_style .pdf_list li {width: 46%;}
	.inner_cont .single_content .pdf_list li a {width: 89%;}
	footer.contact_footer .footer_top{padding-bottom: 20px;}

	.copyright .text-right {text-align: center!important;}
	.copyright .text-left {text-align: center!important;}
	.welcome_rght_img{float: none;width: 100%;margin-bottom: 60px;}
	.welcome_lft_cont {float: none;width: 100%;padding-right: 0px;margin-bottom: 60px;}
	.welcome_rght_img img.small_rect {top: -46px;right: -60px;}
	.about_spec_title{display: none;}
	.list_image_section h2 {position: relative!important;bottom: 0;font-size: 14px;background-size: 30px;font-weight: 400;}
	
	.valuegrid{grid-template-columns: repeat(1, 1fr);grid-gap: 30px;}

	.welcome_rght_img img {width: 100%;}

	.footer_quick_links {width: 50%;}
	.footer_address_section.footer_sections {padding-right: 30px;width: 50%;}
	.left_sec {float: none;width: 100%;padding-right: 0!important;}
	.right_sec {float: none;width: 100%;margin: 20px 0;}
}

@media(max-width: 767px){
	.banner_content h2 {font-size: 20px;line-height: 26px;}
	.footer_sections{width: 100%;}
	.footer_quick_links{width: 100%;}
	.inner_cont .single_content .gallery_list {display: block;flex-wrap: inherit;}
	.inner_cont .single_content .gallery_list li {width: 50%;margin: auto!important;margin-bottom: 20px!important;display: block;}
	.inner_cont .single_content .gallery_list.inner_gallery{display: block;flex-wrap: inherit;}
	.inner_cont .single_content .gallery_list.inner_gallery li{width: 50%;margin: auto!important;margin-bottom: 20px!important;display: block;}
	.inner_banner_cont h2 {font-size: 20px;}
	ul.breadcrumb li {font-size: 12px;}
	ul.breadcrumb {margin-top: 0;}
	.inner_cont h2 {font-size: 20px;}
	.inner_cont .single_content h3 {margin-bottom: 2px;font-size: 20px;}
	.inner_cont .single_content h4 {margin-bottom: 2px;}
	
	.right_sec a {height: 450px;overflow: hidden;}
	.page_left {left: 0px;}
	.page_right {right: 0px;}
	.footer_ack_section{text-align:center;}
	.banner_slider .slick-dots {bottom: 45px;}
	.logo h1 {padding-left: 6px;font-size: 20px;padding-top: 8px;padding-bottom: 0px;}
	.welcome_lft_cont {margin-bottom: 30px;}
	.welcome_rght_img img.small_rect{display: none;}
	.welcome_rght_img{margin-bottom: 0px}
	.footer_address_section h3 {display: block;margin-bottom: 20px;line-height: 1.5;}
	.footer_address_section {text-align: left;}
	footer{padding-top: 30px;}
	.footer_ack_section{margin-top: 20px;}
	.home_banner {position: relative;}
	.list_section { margin: 74px 0 30px 0;}

	table.table.table-bordered.teaching_model_table tr th {width: 100%;display: block;border-bottom: 0px;}
	table.table.table-bordered.teaching_model_table tr td {width: 100%;display: block;border-bottom: 0px;}
	table.table.table-bordered.teaching_model_table tr th:first-child {width: 100%;display: block;}
	table.table.table-bordered.teaching_model_table tr:last-child td:last-child{border-bottom: 1px solid #dee2e6;}
	table.table.table-bordered.teaching_model_table tr:first-child{display: none;}

	footer{background-image: none;}
	.footer_address_section.footer_sections {padding-right: 0px;width: 100%;}
	.footer_address_section ul.footer_contact li.phone{background-position: 10px 1px;}
	.footer_address_section ul.footer_contact li.location_footer {background-position: 12px 1px;}
	.footer_address_section ul.footer_contact li.mail{background-position: 7px 1px;}
	
	.banner_slider .slick-prev {bottom: 12px;right: 15%;}
	.banner_slider .slick-next {bottom: 12px;right: 4%;}
	.parallaxblock{height: 350px;}
	.inner_cont .single_content .pdf_list li{padding-right: 98px;}
}

@media(max-width: 670px){
	.spl_sec .pdf_list {width: 100%;}
	.spl_sec.stu_sec ul.pdf_list li {width: 100%;margin-right: 0px;}
}

@media(max-width: 580px){
	.inner_cont .single_content .gallery_list li {width: 100%;}
	.inner_cont .single_content .gallery_list.inner_gallery li{width: 100%;}
	.spl_sec.new_style .pdf_list li {width: 100%;margin-right: 0px;}
	.inner_cont .single_content .pdf_list li i {top: inherit;right: 0;bottom: 14px;}
	.inner_cont .single_content .pdf_list li a {width: auto;}
	.inner_cont .single_content .awards_list li {width: 100%;margin-right:0px;}
	.parallaxblock{height: 300px;}
}

@media(max-width: 480px){
	.inner_cont .single_content .pdf_list li span {padding-right: 0px;display: block;}
	.list_img_cont_section &gt;li {width: 100%;}
	.grid-item {width: 100%;}
	.right_sec a {height: 100%;}
	.logo h1 {font-size: 16px;width: 204px;padding-top: 8px;padding-bottom: 0;}
	.logo h2 {font-size: 12px;}
	.logo {width: 280px;}
	.translated-ltr .logo h2 {font-size: 9px;}
	.parallaxblock{height: 220px;}
}

@media(max-width: 430px){
	.inner_cont .single_content .pdf_list li i {display: none;}
	.inner_cont .single_content .pdf_list b {top: 3px;right: 0;}
}

@media(max-width: 350px){
	.logo {width: 244px;}
	.logo a {width: 50px;padding-right: 0;}
	.logo h1 {font-size: 15px;padding-top: 6px;width: 186px;}
	.banner_slider .slick-prev {bottom: 0px;right: 19%;}
	.banner_slider .slick-next {bottom: 0px;right: 4%;}
	.parallaxblock{height: 200px;}
}

html {
  scroll-behavior: smooth;
}

.alignleft, .alignnone, .alignright{height: auto!important;} 

select#gtranslate_selector { font-size: 13px;padding: 4px 8px;margin-left: 12px;}
.footer_ack_section .textwidget.custom-html-widget {margin-bottom: 12px;}
#scrolltoptop {position:fixed;right:30px;bottom:20px;cursor:pointer;width:36px;height:36px; background-color:#009C9B; text-indent:-9999px;display:none;-webkit-border-radius:60px;-moz-border-radius:60px;border-radius:60px}
#scrolltoptop span {position:absolute;top:50%;left:50%;margin-left:-6px;margin-top:-9px;height:0;width:0;border:6px solid transparent;border-bottom-color:#fff;}
#scrolltoptop:hover {background-color:#000;opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)";}
.credit_conc span{color:#000;}
.wpcf7-not-valid-tip {font-size: 14px!important;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{display: none!important;}

#countdown{font-size: 20px;color: #fff;display: flex;flex-wrap: wrap;align-content: center;}
#countdown span{margin-right: 18px;padding-top: 2px;padding-bottom: 6px;}
#countdown ul{display: flex;flex-wrap: wrap;}
#countdown ul li{margin-right: 12px;}
#countdown ul li:last-child{margin-right: 0px;}
#countdown .main_red_span{color: #D61727;font-size: 24px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;}

.sticky_header1 #countdown{font-size: 16px;}
.sticky_header1 #countdown .main_red_span{font-size: 18px;}

@media(min-width: 1200px){
    #countdown span.spl_span{line-height: 38px;padding-top: 0;padding-bottom: 0;}
    .special_translate{justify-content: center;align-items: center;padding-top: 6px;}
}

@media(max-width: 1199px){
#countdown{font-size: 16px;}
#countdown .main_red_span{font-size: 18px;}
}

@media(max-width: 991px){
	#countdown {font-size: 14px;}
	#countdown .main_red_span{font-size: 16px;}
	.special_translate{padding-top: 8px;}
}

@media(max-width: 767px){
	#countdown {justify-content: center;margin-bottom: 14px;}
	.special_translate{padding-top: 0px;text-align:center;padding-bottom: 8px;}
	.alignleft, .alignright {float: none;margin: 0;margin-bottom: 30px;display: block;height: auto;}
}

@media(max-width: 358px){
	#countdown {font-size: 12px;}
	#countdown .main_red_span{font-size: 14px;}
}


@media (min-width: 1200px) {
    .navbar-nav &gt; li {
        padding: 0 38px;
    }
	 .header_height {
        height: 266px;
    }
}

@media (min-width: 1480px) {
    .navbar-nav &gt; li {
        padding: 0 54px;
    }
	    .header_height {
        height: 273px;
    }

}
</pre></body></html>