/* imports and fonts imports */
@import url("/apps/js/polls/polls-pack.css");

/* General */
html { height: 100%; font-size: 62.5%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { height: 100%; text-align: center; margin: 0; padding: 0;background: #efefef;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }

.DB_mask {z-index: 99999 !important;}
.DB_dialog {z-index: 99999 !important;}

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0;}
a, a:active, a:visited { color: #033b73; }
a:hover, a:active { outline: 0; color: #fb3038; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
  
/* Normalization of fonts */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 16px; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

body,
#nav_items_0 li:hover ul li a, 
#nav_items_0 li.over ul li a,
#address { font-family: 'Poppins', sans-serif; }
#pageNav, #pageNav ul li a{ font-family: 'Poppins', sans-serif; }

#pageContentWrapper h1,
#pageContentWrapper h2,
#pageContentWrapper h3,
#pageContentWrapper h4,
#pageContentWrapper h5,
#pageContentWrapper h6 {
    margin: 0 0 15px 0;
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
    color: #0a1849;
}

/* Page navigation */
#pageNav { border: 0; width: 300px; margin: 0 0 0 40px;background:#fff; background-size: cover;}
#pageNav ul, #pageNav ul li { list-style: none; line-height: 16px;line-height: 1.6rem;}
#pageNav ul { padding:11px 0 !important; margin: 0 !important; width: 300px;  height: auto!important;  background:#ffbb00 !important;}
#pageNav ul li { padding: 0 0 0px!important; margin: 0 0 0px!important; zoom: 1; /* important for IE6 */ }
#pageNav td img { display: none; }
#pageNav ul li a, #pageNav ul li b,#pageNav ul li strong{outline: none; padding: 20px 24px !important;text-align: left;text-decoration: none;padding: 0;height: auto;width: 100%;text-decoration: none; color: #132d40; font-family: 'Poppins', sans-serif; font-size: 19px;font-size: 1.9rem;font-weight: 500;line-height: 20px;line-height: 2.0rem; box-sizing: border-box;display: block; }
#pageNav ul li b,#pageNav ul li a:hover,#pageNav ul li strong,#pageNav ul li a:focus{color: #fff !important;  background-color:#0c1d58 !important;}
#pageNav ul li a { text-decoration: none; color: #000;}
#pageNav ul li strong{padding-left: 24px; background-color:#0c1d58; color: #fff !important;}
#pageNav ul li:hover a, #pageNav ul li:focus a{background-color: #0c1d58; color: #fff !important;}


.dark {background-color: #0a1849 !important;color: #fff !important;font-size: 18px !important;font-family: 'Poppins', sans-serif !important;line-height: 29px !important;font-size: 1.8rem !important;line-height: 2.9rem !important; font-weight: 300 !important;   letter-spacing: 0.15px !important;}
.light {background-color: #fdfafa !important;font-weight: 300 !important;font-size: 19px !important;color: #000000 !important;font-family: 'Poppins', sans-serif !important;line-height: 29px !important;font-size: 1.8rem !important;line-height: 2.9rem !important;   letter-spacing: 0.15px !important;}
.dark a, .dark a:visited, .dark a:link, .dark a:hover, .dark a:active {color: #fff !important; }

.light a, .light a:visited, .light a:link, .light a:hover, .light a:active, a, a:visited, a:link, a:hover, a:active, .neutral a, .neutral a:link, .neutral a:visited, .neutral a:hover, .neutral a:active { color: #333333;}
#wrapper .content .inside a:hover, #wrapper .content .inside a:focus {color: #0a1e64;}

/* Site Styles */
#wrapper, #wrapper-index { position: relative; margin: 0 auto; width: 100%; height: 100%; min-height: 100%; height: auto!important; text-align: left;background: url('') no-repeat;}
#wrapper{background-color: #fff;}
.inside { width: 100%; margin: 0 auto; }
#wrapper .content { position: relative;padding:0 0 850px;}
#wrapper .content .inside { width: 1100px; padding: 20px 0; line-height: 20px;line-height: 2.0rem;z-index: 2;}
.content { width: 100%; text-align: left;position: relative;}
.content .inside { position: relative; min-height: 400px; height: auto!important; height: 400px; }
.pageTitle {width: auto;display: block;height: auto;padding: 0;margin: 21px 0 30px 0px;font-size: 40px;color: #0a1849;position: relative;font-size: 4.0rem;line-height: 42px;line-height: 4.2rem;font-family: 'Barlow', sans-serif;font-weight: 400;padding: 0 0px 15px;text-transform: uppercase; letter-spacing: 0px;}
#wrapper .content .inside, #wrapper .neutral, #wrapper table {font-weight: 300;font-size: 18px;color: #000;font-family: 'Poppins', sans-serif;line-height: 29px;font-size: 1.8rem;line-height: 2.9rem;letter-spacing: 0.15px;}


/* Side Image */
img.sub {border: 0;}
#wrapper img.sub {margin-left: 20px;}

/* Index properties */
#index-wrapper {width: 100%;  }
#index-top {position: relative;top: 0;}

/* Index properties */
#index-top {
    background: #000;
    position: relative;
    height: 100%;
    max-height: 655px;
    overflow: hidden;
    top: 0;
    margin: 0px 0 0 0;
    z-index: 1;
  }
  
  /*Video Banner*/
  #fullVideo {
    max-height: 50vw;
  }
  #index-top video {
    object-fit: cover !important;
  }
  #video-controls {
    position: absolute;
    z-index: 990;
    bottom: 10px;
    right: 10px;
  }
  #video-controls .video-control-button {
    display: inline-block;
    width: 47px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 12px 12px 10px;
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 26px;
    line-height: 2.6rem;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    color: #0a1849;
    background-color: #fff;
    cursor: pointer;
    margin-left: 6px;
    border: 0;
  }
  #video-controls .video-control-button:hover,
  #video-controls .video-control-button:active,
  #video-controls .video-control-button:focus {
    background-color: #0a1849 !important;
    color: #fff !important;
  }
  @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .video .video-js .vjs-tech {
        width: auto !important;
        height: auto !important;
        min-width: 100% !important;
    }
  }
  /* Toggle Buttons */
  #video-controls button[aria-pressed="true"].play-toggle-button .fa-pause-circle {
    display: block;
  }
  #video-controls button[aria-pressed="true"].play-toggle-button .fa-play {
    display: none;
  }
  #video-controls button[aria-pressed="false"].play-toggle-button .fa-pause-circle {
    display: none;
  }
  #video-controls button[aria-pressed="false"].play-toggle-button .fa-play {
    display: block;
  }
  
  @media screen and (max-width: 1160px) {
    #video-controls {
        bottom: 10px;
    }
  }

/* Rows WRapper */
#rows-wrapper,.rows{position: relative;width: 100%;}
.rows-inner {position: relative;margin: 0 auto;max-width: 1100px;display: grid;}

/****** HEADER ******/
:root {
    --en-z-index-max: 2147483647;
}

/* PARAMETERS */
/* HEIGHT OF THE MIDDLE SECTION WHERE SCHOOL'S NAME IS LOCATED WILL BE AUTO-ADJUSTED */
.en-public-header-params {
    --header-width: 1100px;
    --header-height: 286px;
    --top-bar-height: 46px;
    --bottom-bar-height: 60px;
}

div.en-header-middle-bg {
    position: absolute;
    width: 100%;
    top: var(--top-bar-height);
    height: calc(var(--header-height) - var(--top-bar-height) - var(--bottom-bar-height));
    background: #efefef;
}

div.en-header-bottom-bar-bg {
    position: absolute;
    width: 100%;
    height: calc(var(--bottom-bar-height));
    left: 0;
    top: calc(var(--header-height) - var(--bottom-bar-height));
    background: url('/pics/nav_bg.gif') repeat #0a1849;
    z-index: 10;
}

header.en-public-header {
    position: relative;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: var(--top-bar-height) 1fr var(--bottom-bar-height);
    width: var(--header-width);
    height: var(--header-height);
}

header.en-public-header div.en-public-header-top-bar {
    position: relative;
    grid-row: 1;
    grid-column: 1;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

/* STYLING FOR SMALL ICONS IN THE TOP BAR */
div.en-public-header-top-bar > a > img {
    box-sizing: border-box;
    padding: 4px;
    height: 100%;
}

/* HOVER ON SMALL ICONS IN THE TOP BAR, IF REQUIRED */
div.en-public-header-top-bar > a > img:hover {
    background: transparent;
}

header.en-public-header div.en-public-header-middle {
    grid-row: 2;
    grid-column: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding:14px 0 7px 0;
}

header.en-public-header div.en-public-header-middle a{
    display: contents;
}

header.en-public-header div.en-public-header-middle img {
    height: 100%;
    margin: 0 0 0 28px;
}

/* STYLING OF THE SCHOOL NAME IN THE HEADER */
header.en-public-header div.en-public-header-website-name {
    font-size: 44px;
    font-size: 4.4rem;
    font-family: Sans-Serif;
    font-weight: 600;
    color: #333333;
    margin-left: 20px;
    line-height: 44px;
    line-height: 4.4rem;
    border: 1px solid #ff0000;
}

header.en-public-header div.en-public-header-website-name a {
    text-decoration: none;
}

/* <br>'S IN THE SCHOOL'S NAME WILL BE IGNORED, AND LATER ENABLED FOR MOBILE */
header.en-public-header div.en-public-header-website-name br {
    display: none;
}

header.en-public-header div.en-public-header-bottom-bar {
    position: relative;
    grid-row: 3;
    grid-column: 1;
    display: flex;
    align-items: center;
    z-index: 10;
}

header.en-public-header div.en-public-header-logo-container_DELETE {
    position: relative;
    grid-row: 1 / 4;
    grid-column: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

header.en-debug div.en-public-header-logo-container {
    background: #efefef;
}

header.en-debug div.en-public-header-top-bar {
    background: #ffffff;
}

header.en-debug div.en-public-header-middle {
    background: #efefef;
}

header.en-debug div.en-public-header-bottom-bar {
    background: url('/pics/nav_bg.gif') repeat #0a1849;
}

#tabs { width: auto; padding: 0 0 0 46px; position: relative;z-index: 10000; margin: 13px 0 0 0;}


/* Translate */
#googleTranslate { opacity: 0; filter: alpha(opacity = 0);  width: 102px !important; height: 17px; top: 1.5px; left: 0;  position: absolute;  cursor: pointer;border: 0;}
.translate-button {float: left;border-radius: 0;top: 0;left:0px;position: relative;color: #010101 !important;text-transform: uppercase !important;font-family: 'Poppins', sans-serif !important;font-weight: 300 !important;font-size: 14px !important;font-size: 1.4rem !important;line-height: 18px !important;line-height: 1.8rem !important; letter-spacing: 0.7px !important;margin:2px 37px 0 0px !important; padding: 0 0 0 21px !important;}
.translate-button::before{content: ''; position: absolute; left: 0px; top: 1.9px; background: url(/pics/translate.png) no-repeat center; width: 16px; height: 14px;}
.translate-button::after{content: ''; position: absolute; left: -16px; background: url(/pics/triangle.png) no-repeat center; width: 21px; height: 21px; top: 10px;}
.translate-button.focused { outline:1px solid #0a1849; }

/* Search */
#search-button{position: relative; right: -6px;color: #010101 !important;text-transform: uppercase;font-family: 'Poppins', sans-serif;font-weight: 300;font-size: 14px;font-size: 1.4rem;font-weight: 300;line-height: 18px;line-height: 1.8rem; letter-spacing: 0.7px !important; text-decoration: none;}
#search-field { width: 388px; border: 1px solid #c0c1c3;height: 25px; font-size: 16px;padding: 5px 7px; border-radius: 5px; position: relative; display: inline-block;font-size: 1.6rem;}
#search-img {float: right;margin: 10px 15px 10px;}
#search-button .icon{display: block;margin: 0;background: url('/pics/search_icon.png') no-repeat center center;width: 18px;height: 18px;float: left; position: relative; left: 0px; top: 2px;}
#search-button::before{content: ''; position: absolute; left: -38px; background: url(/pics/triangle.png) no-repeat center; width: 21px; height: 21px; top: 10px;}
#search-button .search_text{position: relative; top:-1px}

/* Marquee */ 
#marquee_wrapper{flex-grow: 1;position: relative;align-items: center;display: flex;}

/* Marquee */
.en-marquee-module{position: relative;}
.en-marquee-module::before{content: ''; position: absolute; top:0;left: 0; width: 50px; height:100%; background: url('/pics/FadeLeft.png') repeat-y center; z-index: 3;}
.en-marquee-module::after{content: ''; position: absolute; top:0;right: 0; width: 50px; height:100%; background: url('/pics/FadeRight.png') repeat-y center; z-index: 3;}
.en-marquee-module .en-marquee-module-content{ font-family: 'Poppins', sans-serif;height: 23px;font-size: 14px;font-size: 1.4rem;color: #000;font-weight: 300;line-height: 14px;line-height: 1.4rem;z-index: 10000;  letter-spacing: 0.7px; margin: 4px 0 0 0;}
.en-marquee-module .en-marquee-popup-wrapper{max-width: 1100px; width: 100%;}
.en-marquee-module .en-marquee-popup-wrapper .en-marquee-popup{box-sizing: border-box; width: 100%; white-space: initial !important; background: #0a1849; border: 0;}
.en-marquee-module .en-marquee-popup-wrapper .en-marquee-popup-icon{border-bottom-color: #0a1849;}
.en-marquee-module .en-marquee-popup-wrapper .en-marquee-popup .en-marquee-tooltip-buttons{justify-content: center !important;}
.en-marquee-module .en-marquee-tooltip-buttons button{margin: 0 0px !important; color: #000; background: #ffffff;}
.en-marquee-module .en-marquee-tooltip-buttons button[aria-pressed="true"]{background-color: #ffbb00; color:#000;}
.en-marquee-module .en-marquee-popup .en-marquee-popup-text{  font-family:'Poppins', sans-serif; font-size: 15px; font-size: 1.5rem; font-weight: 400;line-height: 20px;line-height: 2.0rem;text-align:center;color:#fff; padding: 10px 0 0 0;}
.en-marquee-module .en-marquee-module-content-wrapper{z-index: 1;}


/* Popup */
.popup-wrapper {position: fixed;top: 0;  right: 0; bottom: 0;left: 0; display: none; overflow: hidden;outline: 0; z-index: 99999;}
.popup-backdrop {position: fixed;width: 100%;height: 100%; top: 0; right: 0;bottom: 0;left: 0;z-index: 10; display: block; overflow: hidden; outline: 0; background-color:rgba(0, 0, 0, 0.5);}
.popup-content { position: relative;width: 100%; pointer-events: auto; background-color: #fff;background-clip: padding-box; border: 1px solid rgba(0,0,0,.2);border-radius: .3rem; outline: 0; z-index: 20;  max-width: 500px; margin: 300px auto;}
.popup-body {position: relative;padding: 20px; font-family:'Poppins', sans-serif; }
#popup-close {position: absolute; right: -10px; background: #0a1849;color: #fff; text-decoration: none; font-weight: 600; width: 20px; border-radius: 50%; overflow: hidden; top: -10px;height: 20px; text-align: center; line-height: 20px; line-height: 2.0rem;border: 2px solid #bdbdbd; font-size: 11px; font-size: 1.1rem;}

.button{letter-spacing: 0 !important;padding: 0 !important;top:0 !important;}

/* POSITIONING AND STYLING OF THE SCHOOL LOGO */
header.en-public-header div.en-public-header-logo-container_DELETE img {
    height: 92.5%;
}

/* SMALL VERSION */
/* BROWSER WIDTH STARTS BECOMING SMALLER THAN REQUIRED FOR THE FULL SIZE DESKTOP VERSION */
/* UPDATE THE BREAKPOINT AS REQUIRED */
@media only screen and (max-width: 1150px) {
    #search-button { 
        right: 15px !important;
        padding: 0 0 0 20px !important;
    }
    .translate-button::after, #search-button::before{
        display: none;
    }
    #tabs {
        padding: 0 0 0 20px;
    }
    .translate-button{
        margin: 2px 15px 0 0px !important;
    }
}

@media only screen and (max-width: 1100px) {

    /* PARAMETERS */
    .en-public-header-params {
        --header-height: 26vw;
        --top-bar-height: max(30px, 4.1818vw);
        --bottom-bar-height: 5.4545vw;
    }
    header.en-public-header {
        width: 100%;
        min-height: 100px;
    }
    header.en-public-header div.en-public-header-website-name {
        font-size: clamp(16px, 4vw, 44px);
    }
    #tabs {
        padding: 0 0 0 15px;
    }

    /* insidepage */
    #wrapper .content .inside {width: auto;padding: 10px 30px;}
    #wrapper table{margin: 0 0 0 0px;}
    #pageNav ul {padding: 15px 0 45px !important;margin: 0 auto !important;width: 100%;height: auto !important;position: relative; min-width: auto;}
    #pageNav ul li a, #pageNav ul li b, #pageNav ul li strong {padding: 15px 20px !important;}
   /*#wrapper table td:nth-child(3) {float: left;clear: both;}
  #wrapper table td:nth-child(2) {float: left;margin: 0px 0 0 0px; width: 100%; box-sizing: border-box;}*/
   #wrapper #en-cms-contact-form tr td { float: inherit;}
   #wrapper img.sub {display: none;}
    .pageTitle{padding: 0 15px 0px; margin: 25px 0 35px -18px; font-size: 36px;font-size: 3.6rem;line-height: 38px;line-height: 3.8rem;}
    #wrapper .content .inside, #wrapper .neutral, #wrapper table{font-size: 16px;font-size: 1.6rem;line-height: 26px;line-height: 2.6rem;}
}

@media only screen and (max-width: 991px){
    #tabs {
        padding: 0 0 0 15px;
        margin: 7px 0 0 0;
    }
}

/* MOBILE VERSION */
/* BREAKPOINT HAS TO BE THE SAME AS PROVIDED IN NAVIGATION MENU SETTINGS IN E-IMPORT (mobileBreakpoint parameter) */
@media only screen and (max-width: 768px) {

    /* PARAMETERS */
    .en-public-header-params {
        --header-height: 105px;
        --bottom-bar-height: 0px;
    }
    header.en-public-header {
        min-height: initial;
    }
    header.en-public-header div.en-public-header-top-bar {
    }
    header.en-public-header div.en-public-header-middle {
        justify-content: space-between;
        padding: 13px;
    }
    header.en-public-header div.en-public-header-logo-container_DELETE {
    }
    header.en-public-header div.en-public-header-logo-container_DELETE img {
        height: 94%;
    }
    header.en-public-header div.en-public-header-website-name {
        font-size: 26px; font-size: 2.6rem;
    }
    /* <BR>'s ENABLED TO CONTROL THE WRAPPING IN THE SCHOOL'S NAME */
    header.en-public-header div.en-public-header-website-name br {
        display: inline;
    }
    header.en-public-header div.en-public-header-bottom-bar {
    }
    header.en-public-header div.en-public-header-middle img {
        margin: 0px 0px 0px 0px;
    }
    #tabs {
        padding: 0 0 0 10px;
        margin: 5px 0 0 0;
        z-index: 1;
    }
    #marquee-new{z-index: 1;}
    .translate-button {
        margin: 2px 10px 0 0px !important;
        font-size: 11px !important;
        font-size: 1.1rem !important;
        padding: 0 0 0 19px !important;
    }
    .translate-button::before {
        top: 2.2px !important;
        width: 14px !important;
        height: 12px !important;
        background-size: cover;
    }
    #search-button{
        font-size: 11px;
        font-size: 1.1rem;
        padding: 0 0 0 17px !important;
    }
    #search-button .icon {
        width: 16px;
        height: 16px;
        left: 0px;
        top: 3.1px;
        background-size: cover;
    }
    #search-button .hide_text{
        position: relative;
        top: -1px;
    }
    #marquee-new{
        font-size: 1.2rem;
        font-size: 12px;
    }
    #marquee-new .fade.rightFade{
    top: -3px;
    }
    /* mobile nav styling */
    .en-mobile-nav-header span{
        font-family: 'Orbitron', sans-serif;
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 24px;
        line-height: 2.4rem;
        color: #0a1849;
        font-weight: 400;
        text-transform: uppercase;
    }
    li.hasSubNav a{
        position: relative;
    }
    li.hasSubNav a::after{
        content: '';
        position: absolute;
        right: 15px;
        top: 14px;
        width: 7px;
        height: 7px;
        border-style: solid;
        border-color: black;
        border-image: initial;
        border-width: 0px 3px 3px 0px;
        transform: rotate(45deg);
    }
    li.hasSubNav a:hover::after, li.hasSubNav a:focus::after{
        border-color: #ffffff;
    }
    li.hasSubNav ul li a::after{display: none;}

    #search-button .search_text {
        position: relative;
        top: -2.4px;
    }

    .en-marquee-module .en-marquee-popup .en-marquee-popup-text{  font-size: 14px; font-size: 1.4rem; line-height: 16px;line-height: 1.6rem;}

    /* insidepage */
    .pageTitle { padding: 0 3px 25px; margin: 25px 0 0px 0px; font-size: 32px; font-size: 3.2rem; line-height: 34px; line-height: 3.4rem;}
    .pageTitle{padding: 0 15px 38px; margin: 21px 0 0px -12px; font-size: 30px;font-size: 3.0rem;line-height: 32px;line-height: 3.2rem;}
    #wrapper .content {padding: 0 0 540px;}
    #wrapper table p{padding: 0 20px 0 0;}
}

@media only screen and (max-width: 480px) {
    .translate-button{
        padding: 0 5px 0 16px !important;
    }
    #googleTranslate{
        width: 78px !important;
    }
    #search-button {
        right: 7px !important;
        padding: 0 0 0 2px !important;
        top: -4px !important;
    }
    #search-button .icon {
        left: -6px;
        top: 1.7px;
    }
    #search-button .search_text {
        position: relative;
        top: 0.5px;
    }
     /* mobile nav styling */
     .en-mobile-nav-header span{
        font-family: 'Orbitron', sans-serif;
        font-size: 20px;
        font-size: 2.0rem;
        line-height: 22px;
        line-height: 2.2rem;
    }
    .en-marquee-module .en-marquee-module-content{ font-size: 12px;font-size: 1.2rem;line-height: 12px;line-height: 1.2rem; margin: 6px 0 0 0;}
}



/****** FIRST ROW :- INTRO SECTION ******/
#first-row{width: 100%;background: url(/pics/sec2_bg.png) no-repeat top center #ffbb00;}
#first-row-inner{padding: 95px 0 44px 0; text-align: center;}
.intro_block{width: 100%;}
.intro_block h2{font-family: 'Barlow', sans-serif; font-size: 52px; font-size: 5.2rem;font-weight: 400;line-height:54px; line-height:5.4rem;text-align: center;color: #0a1849; margin: 0 0 40px -5px;}
.intro_block h2 span{margin: 0 0 0 10px; display: inline-block;}
.intro_block p{  font-family: 'Poppins', sans-serif; font-size: 19px;  font-size: 1.9rem; font-weight: 300;line-height: 38px;  line-height: 3.8rem;letter-spacing: 0.48px;text-align: center; color: #000; padding: 0; margin: 0 0 39px 2px;}
.intro_block a{  font-family: 'Poppins', sans-serif;font-size: 17px; font-size: 1.7rem;font-weight: 400; line-height: 30px; line-height: 3.0rem;letter-spacing: 0.43px;text-align: center; color:#0a1849; display: inline-block; text-decoration: none; text-transform: uppercase; border-bottom: 2px solid #324896; position: relative; padding: 0 13.5px 6px 0; transition: all .5s ease-in-out; margin: 0 0 0 4.5px;}
.intro_block a::after{content: ''; position: absolute; bottom: 0; right: 0; background: url(/pics/white_arrow.png) center no-repeat; width: 17px; height: 16px; transition: all .5s ease-in-out;}
.intro_block a:hover, .intro_block a:focus{padding: 0 0 6px 13.5px;}
.intro_block a:hover::after, .intro_block a:focus::after{right: unset; left: 0; -webkit-transform: scaleX(-1); transform: scaleX(-1);}

@media only screen and (max-width: 1180px) {

    /* Rows WRapper */
    .rows-inner {column-gap: 45px;row-gap: 45px; padding-left: 45px !important; padding-right: 45px !important;}

    #first-row-inner {padding: 45px 0 24px 0;}
    .intro_block h2{font-size: 40px;font-size: 4.0rem;line-height: 42px;line-height: 4.2rem;}
    .intro_block h2 br{display: none;}
    .intro_block p{font-size: 17px;font-size: 1.7rem;line-height: 35px;line-height: 3.5rem;}
    .intro_block p br{display: none;}
    .intro_block a{font-size: 15px;font-size: 1.5rem;line-height: 28px;line-height: 2.8rem;}
}

@media only screen and (max-width: 768px) {

    /* Rows WRapper */
    .rows-inner {column-gap: 25px;row-gap: 25px; padding-left: 25px !important; padding-right: 25px !important;}

    #first-row {background: url(/pics/sec2_bg.png) no-repeat -980px 0 #fb0;background-size: cover;}

    .intro_block h2{font-size: 36px;font-size: 3.6rem;line-height: 38px;line-height: 3.8rem; margin: 0 0 40px 0px;}
    .intro_block h2 br{display: none;}
    .intro_block p{font-size: 16px;font-size: 1.6rem;line-height: 32px;line-height: 3.2rem;}
    .intro_block a{font-size: 14px;font-size: 1.4rem;line-height: 26px;line-height: 2.6rem;}
}

@media only screen and (max-width: 480px) {
    #first-row-inner {padding: 30px 0 24px 0;}
    .intro_block h2{font-size: 28px;font-size: 2.8rem;line-height: 30px;line-height: 3.0rem; margin: 0 0 25px 0px;}
    .intro_block h2 br{display: none;}
    .intro_block p{font-size: 15px;font-size: 1.5rem;line-height: 34px;line-height: 3.4rem; margin: 0 0 27px 0px;}
    .intro_block a{font-size: 15px;font-size: 1.5rem;line-height: 28px;line-height: 2.8rem;}
    .intro_block a {font-size: 14px; font-size: 1.4rem; line-height: 26px; line-height: 2.6rem; padding-bottom: 0px;}
    .intro_block a:hover, .intro_block a:focus{padding-bottom: 0px;}
}

@media only screen and (max-width: 380px) {
    .intro_block h2{font-size: 22px;font-size: 2.2rem;line-height: 24px;line-height: 2.4rem;}
    .intro_block h2 br{display: none;}
    .intro_block p{font-size: 14px;font-size: 1.4rem;line-height: 30px;line-height: 3.0rem;}
    .intro_block a{font-size: 14px;font-size: 1.4rem;line-height: 27px;line-height: 2.7rem;}
}


/****** SECOND ROW :- NEWS SECTION ******/
#second-row{width: 100%;background: url(/pics/news_bg.png) repeat-x top center #efefef; }
#second-row-inner{padding: 59px 0 0px 0; }

/* News */
#news{position: relative;z-index: 2;}
#news h2 {width: 100%; margin:0 0 15px 0px;padding:0 0 0px 0px;z-index: 9; display:block;  position: relative; }
#news-head { text-decoration: none;  font-family: 'Barlow', sans-serif;font-size: 40px; font-size: 4.0rem;font-weight: 400;line-height: 40px; line-height: 4.0rem;color: #fff; background: rgb(0, 0,0,0.01);}
#news .bx-wrapper .bx-viewport{box-shadow: none !important;-webkit-box-shadow: none !important;padding: 0 0px 0 0;left: 2px; width: auto !important;}
#news .homepage-news li {background:none;border:0px;  overflow: hidden; position: relative; max-width: 275px;}
#news .homepage-news .news-wrap {padding: 21px 23px 25px 23px;  left: 0px;  background: #fff; position: absolute; bottom: 0px; width: 100%; height: auto; box-sizing: border-box; transition:all .3s ease-in-out; }
#news .layout-3 .news-thumb {background:#324896;position: relative;overflow: hidden;}
#news .layout-3 .news-thumb::before{content: ''; position: absolute; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 0px solid #273d8a;}
#news .news-title {margin: 0 0 0px 0; padding: 0; text-align: left; position: relative;}
#news .news-title:after{content: ''; width: 82px; height: 3px; background: #ffbb00; position: absolute; left: 0; left: -23px; bottom: -25px; margin: 0 auto;}
#news .homepage-news .news-title a {font-family: 'Poppins', sans-serif; font-size: 19px; font-size: 1.9rem;font-weight: 400;line-height: 22px; line-height: 2.2rem;letter-spacing: 0.19px;text-align: left;color: #0a1849;text-decoration: none;}
#news .homepage-news .news-text {display:none;   font-family: 'Poppins', sans-serif;font-size: 17px; font-size: 1.7rem;font-weight: 300;line-height: 26px;  line-height: 2.6rem; text-align: left; color: #fff;text-decoration: none;}
#news .homepage-news .news-title a:hover,#news .homepage-news .news-title a:focus{text-decoration: underline;}
.layout-3 h2 {display: none !important;}
#news .homepage-news li:hover .news-wrap , #news .homepage-news li:focus .news-wrap {  bottom: 0; box-shadow: 0px -316px 0 0 rgba(10, 24, 73, 0.7) inset; padding: 34px 24px 0 24px; height: 100%; background: transparent;}
#news .homepage-news li:hover .news-title, #news .homepage-news li:focus .news-title{margin: 0 0 55px 0; position: relative; z-index: 999;}
#news .homepage-news li:hover .news-title a , #news .homepage-news li:focus .news-title a{color: #ffffff; font-weight: 300; letter-spacing: 0.3px;} 
#news .homepage-news li:hover .news-text, #news .homepage-news li:focus .news-text {display:block;}
#news .homepage-news .news-title a:hover , #news .homepage-news .news-title a:focus{text-decoration: underline;}
#news .homepage-news li:hover .news-title::after, #news .homepage-news li:focus .news-title::after {left: -24px;bottom: -29px; }
#news .homepage-news .bx-wrapper .bx-controls-direction a {color: #000 !important;width: 49px; height: 50px; outline: none !important;top: 262px;}
#news .homepage-news .bx-wrapper .bx-prev{ background: url('/pics/slide-arrow.png') -79px -10px; background-repeat:no-repeat; left:-47px;-pie-background-image: url('/pics/slide-arrow.png'); behavior: url('/shared/pie.htc');}
#news .homepage-news .bx-wrapper .bx-next{ background: url('/pics/slide-arrow.png')  -217px -10px;background-repeat:no-repeat;right: -51px; -pie-background-image: url('/pics/slide-arrow.png'); behavior: url('/shared/pie.htc');}
#news .homepage-news .bx-wrapper .bx-prev:hover{ background: url('/pics/slide-arrow.png') -148px -10px; background-repeat:no-repeat;}
#news .homepage-news .bx-wrapper .bx-next:hover{background: url('/pics/slide-arrow.png')  -10px -10px;background-repeat:no-repeat;}
#news .homepage-news .bx-wrapper .bx-prev:focus{ background: url('/pics/slide-arrow.png') -286px -10px; top: 258px;left:-50px; width: 57px; height: 58px;background-repeat:no-repeat; -pie-background-image: url('/pics/slide-arrow.png');behavior: url('/shared/pie.htc')}
#news .homepage-news .bx-wrapper .bx-next:focus{background: url('/pics/slide-arrow.png') -363px -10px; top: 258px; right: -56px; width: 57px; height: 58px;background-repeat:no-repeat; -pie-background-image: url('/pics/slide-arrow.png'); behavior: url('/shared/pie.htc'); }
.layout-3 .news-showAll{display: block !important; position: absolute; top: -2px; right: 0; z-index: 10; margin-top: 0px !important;}
.layout-3 .news-showAll a{  font-family: 'Poppins', sans-serif;font-size: 17px; font-size: 1.7rem;font-weight: 400; line-height: 30px; line-height: 3.0rem;letter-spacing: 0.43px;text-align: center; color:#ffffff; display: inline-block; text-decoration: none; text-transform: uppercase; border-bottom: 2px solid #ffffff; position: relative; padding: 0 15.5px 6px 0; transition: all .5s ease-in-out; margin: 0 -2px 0 4.5px; background: rgb(0, 0,0,0.01) !important;}
.layout-3 .news-showAll a::after{content: ''; position: absolute; bottom: 0; right: 0; background: url(/pics/yellow_arrow.png) center no-repeat; width: 17px; height: 16px; transition: all .5s ease-in-out;}
.layout-3 .news-showAll a:hover, .layout-3 .news-showAll a:focus{padding: 0 0 6px 15.5px;}
.layout-3 .news-showAll a:hover::after, .layout-3 .news-showAll a:focus::after{right: unset; left: 0; -webkit-transform: scaleX(-1); transform: scaleX(-1);}
.news_slider .layout-3 {padding-bottom: 0.1px !important;}

@media only screen and (max-width:1100px){
    #news .homepage-news .news-wrap{padding: 15px 15px 20px 15px; }
    #news .homepage-news .news-title a{font-size: 16px; font-size: 1.6rem; line-height: 18px; line-height: 1.8rem;}
    #news .homepage-news .news-text{font-size: 14px;font-size: 1.4rem; line-height: 22px; line-height: 2.2rem;}
    #news .homepage-news .bx-wrapper .bx-controls-direction a{top: 350px;}
    #news .homepage-news .bx-wrapper .bx-prev{left: 2px;}
    #news .homepage-news .bx-wrapper .bx-prev:focus{top: 346px; left: -1px;}
    #news .homepage-news .bx-wrapper .bx-next{right: -2px;}
    #news .homepage-news .bx-wrapper .bx-next:focus{top: 346px; right: -7px;}

   /* #NORTHVALEPS-0-news .bx-wrapper{max-width: none !important;}*/
    #news .homepage-news li{margin-right: 10px; max-width: 400px;}
    #news-head{font-size: 36px; font-size: 3.6rem; line-height: 36px; line-height: 3.6rem;}
    .layout-3 .news-showAll a{font-size: 15px; font-size: 1.5rem; line-height: 28px;line-height: 2.8rem;}
}
@media only screen and (max-width:768px){
    #news .homepage-news li{margin-right: 10px; max-width: 400px;}
}

@media only screen and (max-width:480px){
    #second-row-inner{padding: 25px 0 0px 0;}
    #news .homepage-news li{margin-right: 10px; max-width: 320px;}
    #news-head{font-size: 34px; font-size: 3.4rem; line-height: 34px; line-height: 3.4rem;}
    .layout-3 .news-showAll{top: 3px;}
    .layout-3 .news-showAll a{font-size: 13px; font-size: 1.3rem; line-height: 24px;line-height: 2.4rem; padding-bottom: 2px;}
    .layout-3 .news-showAll a:hover, .layout-3 .news-showAll a:focus{padding-bottom: 2px;}
    
}

@media only screen and (max-width:380px){
    #news-head{font-size: 30px; font-size: 3.0rem; line-height: 30px; line-height: 3.0rem;}
    .layout-3 .news-showAll{top: 3px;}
    .layout-3 .news-showAll a{font-size: 13px; font-size: 1.3rem; line-height: 24px;line-height: 2.4rem; padding-bottom: 0px;}
    .layout-3 .news-showAll a:hover, .layout-3 .news-showAll a:focus{padding-bottom: 0px;}
}



/****** THIRD ROW :- EVENTS SECTION ******/
#third-row{width: 100%;background: #efefef; }
#third-row-inner{padding: 64px 0 44px 0; text-align: center; }

/* events */
.events_wrapper {display: flex;flex-direction: column;justify-content: center;padding: 0;position: relative;left: 0;}
.events-title-wrapper{margin: 0 0 21px 0;}
.events-title-wrapper .events-title {text-decoration: none; font-family: 'Barlow', sans-serif; font-size: 40px; font-size: 4.0rem; font-weight: 400; line-height: 40px; line-height: 4.0rem;color: #0a1849;text-decoration: none; text-align: center; text-transform: uppercase; margin: 0 0px 0 5px;}
.events_wrapper .bx-viewport{padding: 0 0 10px 10px !important; margin: 0 0 0 -6px !important;}
.events_wrapper .events-date-wrapper{ border: 0 !important;margin: 0 0 0 0px; background: none; height: 107px;background:none !important; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical;-moz-box-orient: vertical;-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; left: 0px; border: 0 !important; width: 100%; z-index: 10;}
.events_wrapper .events-day-wrapper::before{content: '';  position: absolute; width: 100%; height: 100%;background: #fdc017; top: -10px;left: -10px;z-index: -1;}
.events_wrapper .events-date-wrapper{position: relative;}
.events_wrapper .events-date-wrapper::after{content: ''; position: absolute; left: 0; width: 100%;  min-height: 167px;  background: url(/pics/event_star.png) no-repeat center; top: 6px;}
.events_wrapper .events-date-wrapper .month {font-family: 'Poppins', sans-serif;font-size: 20px; font-size: 2.0rem;font-weight: 300;line-height: 29px; line-height: 2.9rem;text-align: center;color: #000;padding: 0; text-transform: uppercase; position: relative;   -webkit-box-ordinal-group: 2;-moz-box-ordinal-group: 2;-ms-flex-order: 2;-webkit-order: 2;order: 2;margin:0px 0 0 -2px;}
.events_wrapper .events-date-wrapper .day{ font-family: 'Barlow', sans-serif; font-size: 44px; font-size: 4.4rem;font-weight: 300;line-height: 40px; line-height: 4.0rem;text-align: center; color: #0a1849;-webkit-box-ordinal-group: 2;-moz-box-ordinal-group: 2;-ms-flex-order: 1;-webkit-order: 1;order: 1; margin: 56px 0 0 0; position: relative;  }
.events_wrapper .events-day-wrapper li{font-family: 'Poppins', sans-serif;font-size: 17px;font-size: 1.7rem;font-weight: 300;line-height: 24px;line-height: 2.4rem;text-align: center;color: #000000;margin: 0 0 0 1px; }
.events_wrapper .events-day-wrapper li .title a{  font-family: 'Poppins', sans-serif;font-size: 19px; font-size: 1.9rem;font-weight: 300;line-height: 22px; line-height: 2.2rem;letter-spacing: 0.4px;text-align: center; color: #0a1849;margin:0 0 6px 1px; }
.events_wrapper .events-day-wrapper li .title a:hover,.events_wrapper .events-day-wrapper li .title a:focus{color: #0a1849;text-decoration: underline;}
.events_wrapper .events-day-wrapper li .location{margin: 0px 0 0;}
.events_wrapper .events-day-wrapper ul{ padding:0 30px 30px 30px !important; box-sizing: border-box !important; z-index: 10;}
.events_wrapper .events-day-wrapper ul li{margin:23px 0 0;}
.events-day-wrapper {border: none !important;background: #ffffff !important;padding: 0 !important; min-height: 230px !important; margin-top: 10px; } 
.events-button-wrapper {margin:0px 0px 0 4px;}
.events-button-wrapper a:first-child {margin: 0 10px 0 0;}
.homepage-events {padding-bottom: 37.5px !important;}
.events-button-wrapper a{  font-family: 'Poppins', sans-serif;font-size: 17px; font-size: 1.7rem;font-weight: 400; line-height: 30px; line-height: 3.0rem;letter-spacing: 0.43px;text-align: center; color:#0a1849; display: inline-block; text-decoration: none; text-transform: uppercase; border-bottom: 2px solid #324896; position: relative; padding: 0 12px 6px 0; transition: all .5s ease-in-out; margin: 0 0 0 4.5px;}
.events-button-wrapper a::after{content: ''; position: absolute; bottom: 0; right: 0; background: url(/pics/yellow_arrow.png) center no-repeat; width: 17px; height: 16px; transition: all .5s ease-in-out;}
.events-button-wrapper a:hover, .events-button-wrapper a:focus{padding: 0 0 6px 13.5px;}
.events-button-wrapper a:hover::after, .events-button-wrapper a:focus::after{right: unset; left: 0; -webkit-transform: scaleX(-1); transform: scaleX(-1);}
.events-button-wrapper a.show_all{padding: 0 16px 6px 0;}
.events-button-wrapper a.show_all:hover, .events-button-wrapper a.show_all:focus{padding: 0 0 6px 13.5px;}

/*Events arrow*/
#prev-selector, #next-selector {text-indent: -9999px;}
#prev-selector .bx-prev,#next-selector .bx-next {color: #000 !important; width: 49px;height: 50px; outline: none !important;bottom:120px; position: absolute;}
#prev-selector .bx-prev{ background: url('/pics/slide-arrow2.png') -79px -10px; background-repeat:no-repeat; left:-45px;}
#next-selector .bx-next{ background: url('/pics/slide-arrow2.png')  -217px -10px;background-repeat:no-repeat;right: -50px;}
#prev-selector .bx-prev:hover{ background: url('/pics/slide-arrow2.png') -10px -10px; background-repeat:no-repeat;}
#next-selector .bx-next:hover{background: url('/pics/slide-arrow2.png')  -148px -10px;background-repeat:no-repeat;}
#prev-selector .bx-prev:focus{ background: url('/pics/slide-arrow2.png') -286px -10px; bottom: 116px;left:-48px; width: 57px; height: 58px;}
#next-selector .bx-next:focus{background: url('/pics/slide-arrow2.png') -363px -10px; bottom: 116px; right: -55px; width: 57px; height: 58px;}

.events .bx-controls-direction {display: none;}
.events_wrapper .homepage-events h2,
.events_wrapper .homepage-events .events-links {display: none;}
li.event .time span:not(.timefrom):not(.timeto),
li.event .location span {display: none;}

#events-page #events.v1 .event span.location{background: rgb(0, 0,0,0.01) !important;}
#sd-arrow{background: rgb(0, 0,0,0.01) !important;}


@media only screen and (min-width: 1100px){
    .homepage-events .bx-wrapper {
        padding: 0 0;
    }
    .events-day-wrapper{
        min-width: 252px !important;
    }
}

@media only screen and (max-width: 1200px){
  
    #prev-selector .bx-prev,#next-selector .bx-next {bottom:50px;}
    #prev-selector .bx-prev{ left: 49px;}
    #next-selector .bx-next{ right: 51px;}
    #prev-selector .bx-prev:focus{ bottom: 46px;left:46px; }
    #next-selector .bx-next:focus{ bottom: 46px; right: 46px; }
}

@media only screen and (max-width: 1100px){
    .events-title-wrapper .events-title { font-size: 36px; font-size: 3.6rem; line-height: 36px; line-height: 3.6rem;}
    #third-row-inner {padding: 90px 0 70px 0; display: block; overflow-x:hidden;}
}

@media only screen and (max-width: 768px){
    #prev-selector .bx-prev, #next-selector .bx-next {bottom: 130px;}
    #prev-selector .bx-prev:focus{ bottom: 126px;left:46px; }
    #next-selector .bx-next:focus{ bottom: 126px; right: 46px; }
    .events-button-wrapper {margin: 60px 0px 0 4px;}
}

@media only screen and (max-width: 480px){
    .events-title-wrapper .events-title { font-size: 34px; font-size: 3.4rem; line-height: 34px;line-height: 3.4rem; margin: 0;}
    .events-button-wrapper a , .events-button-wrapper a.show_all{font-size: 14px; font-size: 1.4rem; line-height: 26px; line-height: 2.6rem; padding-bottom: 0px;}
    .events-button-wrapper a:hover, .events-button-wrapper a:focus, .events-button-wrapper a.show_all:hover, .events-button-wrapper a.show_all:focus{padding-bottom: 0px;}
}

@media only screen and (max-width: 380px){
    .events-title-wrapper .events-title {
        font-size: 30px;
        font-size: 3.0rem;
        line-height: 30px;
        line-height: 3.0rem;
      }
}


/****** FOURTH ROW :- PARALLAX AND  Superintendent SECTION ******/
#fourth-row{width: 100%;background: #000000; }
#slide-1 {position: relative;background-image: url(/pics/parallax.jpg);-pie-background-image: url(/pics/parallax.jpg);behavior: url(/shared/pie.htc);background-position: top center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;width: 100%;color: #fff; min-height: 350px;}
#slide-1::after {content: "";position: absolute;background: url(/pics/parallax_overlay.png) repeat;width: 100%;height: 100%;left: 0;right: 0;bottom: 0;}
#fourth-row-inner{padding: 94px 0 72.4px 0; z-index: 10;}
#super_block{display: flex; align-items: center;}
#super_block .heading_box{margin:50px auto 0;}
#super_block .heading_box h2{font-family: 'Orbitron', sans-serif; font-size: 80px; font-size: 8.0rem; font-weight: 400;line-height: 56px;  line-height: 5.6rem; text-align: right; color: #fefefe; margin: 2px 0 0 0px; position: relative; right: 1px;}
#super_block .super_box{width: 551px; min-height: 255px;}
#super_block .super_content{width: 100%; background: url(/pics/super_bg.png) no-repeat bottom left #ffffff; padding: 36px 38px 27px 38px; box-sizing: border-box; position: relative;}
#super_block .super_content::after{content: ''; position: absolute; width: 100%; height: 100%; background: url(/pics/super_back_bg.png) repeat center; right: -10px; bottom: -10px; z-index: -1; }
#super_block .super_box h2{font-family: 'Barlow', sans-serif; font-size: 35px; font-size: 3.5rem; font-weight: 300;line-height: 40px; line-height: 4.0rem; letter-spacing: -0.35px; text-align: left; color: #0a1849; text-transform: uppercase; margin: 0 0 9px -1px;}
#super_block .super_box h2 a{font-family: 'Barlow', sans-serif; font-size: 35px; font-size: 3.5rem; font-weight: 300;line-height: 40px; line-height: 4.0rem; letter-spacing: -0.35px; text-align: left; color: #0a1849; text-transform: uppercase; text-decoration: none;}
#super_block .super_box h2 a span{font-size: 40px; font-size: 4.0rem; text-transform: capitalize; font-weight: 400; line-height: 36px; line-height: 3.6rem;}
#super_block .super_box h3{font-family: 'Poppins', sans-serif;font-size: 19px;  font-size: 1.9rem;font-weight: 300;line-height: 22px;line-height: 2.2rem;letter-spacing:0.19px; text-align: left;color: #000; margin:0 0 44px 1px;}
.super_pic{width: 177px; height: 176px; background: url(/pics/super_pic.png) no-repeat bottom center ; border-radius: 50%; position: absolute;  right: 39.4px; top: 44px;}
#super_block .super_box a.visit_link{  font-family: 'Poppins', sans-serif;font-size: 17px; font-size: 1.7rem;font-weight: 400; line-height: 30px; line-height: 3.0rem;letter-spacing: 0.43px;text-align: center; color:#ffffff; display: inline-block; text-decoration: none; text-transform: uppercase; border-bottom: 2px solid #ffffff; position: relative; padding: 0 16.5px 6px 0; transition: all .5s ease-in-out; margin: 0 0px 0 3px; background: rgb(0, 0,0,0.01);}
#super_block .super_box a.visit_link::after{content: ''; position: absolute; bottom: 0; right: 0; background: url(/pics/yellow_arrow.png) center no-repeat; width: 17px; height: 16px; transition: all .5s ease-in-out;}
#super_block .super_box a.visit_link:hover, #super_block .super_box a.visit_link:focus{padding: 0 0 6px 15.5px;}
#super_block .super_box a.visit_link:hover::after, #super_block .super_box a:focus.visit_link::after{right: unset; left: 0; -webkit-transform: scaleX(-1); transform: scaleX(-1);}


@media only screen and (max-width: 1200px){
    #fourth-row-inner{padding: 50px 0 50px 0;}
    #super_block .heading_box { width: 100%; margin: 0 35px 0px 0; }
    #super_block .super_box{width: 100%;}
    #super_block .super_box .super_content{width: 551px;}
    #super_block .heading_box h2{font-size: 50px;font-size: 5.0rem; line-height: 52px; line-height: 5.2rem;}
}

@media only screen and (max-width: 1000px){
    #fourth-row-inner{padding: 35px 0 30px 0;}
    #super_block{flex-direction: column;}
    #super_block .heading_box { width: 100%; margin: 0 0px 40px 0; }
}

@media only screen and (max-width: 768px){
    #fourth-row-inner{padding: 35px 0 35px 0;}
    #super_block{flex-direction: column;}
    #super_block .heading_box { width: 100%; margin: 0 0px 25px 0; }
    #super_block .super_box .super_content{width: 100%;}
    #super_block .heading_box h2{font-size: 40px;font-size: 4.0rem; line-height: 42px; line-height: 4.2rem;}
    #super_block .super_box h2{font-size: 28px;font-size: 2.8rem;line-height: 32px;line-height: 3.2rem;}
    #super_block .super_box h2 span { font-size: 36px; font-size: 3.6rem; line-height: 30px; line-height: 3.0rem;}
    #super_block .super_box h2 a{font-size: 28px;font-size: 2.8rem;line-height: 32px;line-height: 3.2rem;}
    #super_block .super_box h2 a span { font-size: 36px; font-size: 3.6rem; line-height: 30px; line-height: 3.0rem;}
    #super_block .super_box h3 {font-size: 16px;font-size: 1.6rem;line-height: 20px;line-height: 2.0rem;}
    #super_block .super_box a.visit_link{font-size: 15px;  font-size: 1.5rem; line-height: 28px;line-height: 2.8rem; padding-bottom: 2px;}
    #super_block .super_box a.visit_link:hover,#super_block .super_box a.visit_link:focus{padding-bottom: 2px;}
    .super_pic { width: 137px;height: 136px;right: 40.4px; top: 48px; background-size: cover; }
}

@media only screen and (max-width: 480px){
    #fourth-row-inner{padding: 25px 0 15px 0;}
    #super_block{flex-direction: column;}
    #super_block .heading_box { width: 100%; margin: 0 0px 20px 0; }
    #super_block .super_box .super_content{width: 100%; padding: 26px 28px 30px 28px; background: url(/pics/super_bg.png) no-repeat bottom -15px left #ffffff;}
    #super_block .heading_box h2{font-size: 38px;font-size: 3.8rem; line-height: 40px; line-height: 4.0rem;}
    #super_block .super_box h2{font-size: 26px;font-size: 2.6rem;line-height: 30px;line-height: 3.0rem;}
    #super_block .super_box h2 span { font-size: 34px; font-size: 3.4rem; line-height: 28px; line-height: 2.8rem;}
    #super_block .super_box h2 a{font-size: 26px;font-size: 2.6rem;line-height: 30px;line-height: 3.0rem;}
    #super_block .super_box h2 a span { font-size: 34px; font-size: 3.4rem; line-height: 28px; line-height: 2.8rem;}
    #super_block .super_box h3 {font-size: 14px;font-size: 1.4rem;line-height: 18px;line-height: 1.8rem;}
    #super_block .super_box a.visit_link{font-size: 14px;  font-size: 1.4rem; line-height: 26px;line-height: 2.6rem; padding-bottom: 0px;}
    #super_block .super_box a.visit_link:hover,#super_block .super_box a.visit_link:focus{padding-bottom: 0px;}
    .super_pic { width: 107px;height: 106px;right: 25px; top: 58px; background-size: cover; }

}

@media only screen and (max-width: 380px){
    #super_block .heading_box h2{font-size: 32px;font-size: 3.2rem; line-height: 34px; line-height: 3.4rem;}
    #super_block .super_box .super_content {padding: 20px 23px 30px 23px;}
    .super_pic { width: 87px; height: 86px; right: 15px; top: 60px;}
}


/****** FIFTH ROW :- PHOTO ALBUM AND TWITTER SECTION ******/
#fifth-row{width: 100%;background: #0a1849;;}
#fifth-row-inner{padding: 93px 0 41px 0;}

#social_block{display: flex;}
.album_box{width: 531px; margin: 0 38px 0 3px; position: relative; z-index: 10; background: #fff;}
.album_box::before { content: '';  position: absolute; width: 100%; min-height: 355px; background:#fdc017; top: -10px; left: -10px;  z-index: -1;}
.twitter_box{width: 531px; max-height: 355px; background: #fff; position: relative; z-index: 10;}

.twitter_container{width: 100%;position: relative;  z-index: 10;min-height: 355px; max-height: 355px; background: #fff;}
.twitter_box::after { content: '';  position: absolute; width: 100%; height: 100%; background:#ffbb00; right: -10px; bottom: -10px;  z-index:-1;}
.timeline-Widget{border-radius: 0 !important;}
.twitter_icon{display: inline-block; width: 66px; height: 66px; position: absolute; left: 0; margin: -47px 0 0 233px; border-radius: 50%; z-index: 999;}
.twitter_icon img{width: 100%;}
.twitter_icon:hover, .twitter_icon:focus{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

/* Featured Photo Album */
#album-sec{position: relative;margin:0;width: 100%;  min-height: 355px;background: #fff;}
#album-sec .HPFeaturedAlbums {margin-bottom: 0px; position: relative;}
#album-sec h2{height: auto;text-decoration: none; width: 110px;position: absolute;margin:46px 0 0 35px;padding: 0;left:0;z-index: 3;top: 0x;font-family: 'Barlow', sans-serif;font-size: 40px; font-size: 4.0rem; font-weight: 400;line-height: 36px; line-height: 3.6rem; text-align: left; color: #0a1849; letter-spacing: -0.2px;}
#album-sec h2 a{text-decoration: none; color: #0a1849;}
#album-sec .HPFeaturedAlbums h2 {display: none; }
#album-sec .HPFeaturedAlbums .featuredAlbums {position: relative; margin-top: 0;}
#album-sec .HPFeaturedAlbums ul {margin-top: 0;}
#album-sec .HPFeaturedAlbums ul li {border:0;box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;background: #324896;overflow: visible !important; margin: 50px 34px 0 0 !important;float: right;}
#album-sec .HPFeaturedAlbums ul li:before{border:1px solid rgba(0, 0, 0, 0.1);position: absolute;left:0;top: 0;content: "";width: 100%;height: 100%;box-sizing: border-box;}
#album-sec .HPFeaturedAlbums ul li h3 span {max-height: 31px;position: relative;padding:6px 35px 10px 34px;margin: 0 0 0 1px;height: auto !important;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; font-family: 'Poppins', sans-serif; font-size: 19px; font-size: 1.9rem;font-weight: 400; line-height: 20.5px;  line-height: 2.05rem; letter-spacing: 0.19px; text-align: left;  color: #000; background: rgb(255, 255,255,0.01);}
#album-sec .HPFeaturedAlbums ul li h3 {background: none;text-shadow: none;position: absolute;text-align: left;left: -195px; top: 221px; width: 195px;}

@media only screen and (max-width: 1200px) {
    #fifth-row-inner{padding: 63px 0 41px 0;}
    .album_box{width: 50%; margin: 0 30px 0 0px;}
    .twitter_box{width: 50%;}
    #album-sec h2{font-size: 34px; font-size: 3.4rem;line-height: 30px; line-height: 3.0rem; margin: 50px 0 0 20px;}
    #album-sec .HPFeaturedAlbums ul li h3 {left: -165px; top: 221px; width: 190px;}
}

@media only screen and (max-width: 1100px) {
    #album-sec h2 {   font-size: 34px;   font-size: 3.4rem;   line-height: 30px;   line-height: 3.0rem;   margin: 0px 0 0 20px;    position: relative;    padding: 20px 0 0 0; }
    #album-sec .HPFeaturedAlbums ul li{margin: 25px 0px 0 20px !important; float: left; max-height: 210px;}
    #album-sec .HPFeaturedAlbums ul li h3 { left: 0; top: 160px;  width: auto; position: relative; }
    #album-sec .HPFeaturedAlbums ul li h3 span {max-height: 18px;position: relative;padding: 0px 0px 0px 0px; margin: 0 0 0 0px; height: auto !important; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;font-size: 15px;
        font-size: 1.5rem; line-height: 18px;line-height: 1.8rem;}
    .twitter_icon{margin: -47px 0 0 45%;}
}

@media only screen and (max-width: 768px){
    #album-sec .HPFeaturedAlbums ul li { margin: 25px 20px 0 20px !important; float: left; max-height: 210px; width: 301px !important;}
    #album-sec .HPFeaturedAlbums ul li h3{top: 80%;}
    .twitter_icon { width: 56px; height: 56px; margin: -45px 0 0 45%;}
}

@media only screen and (max-width: 580px){
    #fifth-row-inner {padding: 45px 0 40px 0;}
    #social_block {flex-direction: column;}
    .album_box { width: 100%;  margin: 0 0px 0 0px; }
    #album-sec .HPFeaturedAlbums ul li { margin: 20px 20px 0 20px !important;  float: left; max-height: 200px !important;  width: calc(100% - 40px)!important; }
    .twitter_box { width: 100%; margin: 85px 0 0 0;}
}

@media only screen and (max-width: 380px){

    #album-sec h2 {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 28px;
    line-height: 2.8rem;
    }
}

/****** SIXFTH ROW :- IMPORTANT LINKS SECTION ******/
#sixth-row{width: 100%;background: #efefef;}
#sixth-row-inner{position: relative; background: url(/pics/links_bg.gif) repeat top left #ffffff; top:47px; z-index: 10; padding: 46px 50px 62.1px 50px; box-sizing: border-box;}
#sixth-row-inner::before{display: none !important;}

/* Links */
#links{position: relative;}
#wrapper-index .content section
#links h2{display: block;}
#wrapper-index #links h2{margin: 0 0 12px 2px; text-align: center;}
#wrapper-index #links h2 a {text-decoration: none; font-family: 'Barlow', sans-serif; font-size: 40px; font-size: 4.0rem; font-weight: 400; line-height: 40px; line-height: 4.0rem;  color: #0a1849;  text-decoration: none;  text-align: center; text-transform: uppercase; }

#links .container{left: 3.5px;}
#wrapper-index .content table.HPLinks{border-collapse: collapse; border-spacing:0; margin: 0 0 0 0px;}
#wrapper-index .content table.HPLinks tr{width: 319px;min-height: 77px;display: inline-block;box-sizing: border-box; background:#ffffff; margin:0 0px 42px 27.5px;transition: all ease 0.3s; -webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;  position: relative; overflow: hidden; border-bottom: 3px solid #ffbb00;}
#wrapper-index .content table.HPLinks tr:nth-child(3n+1){margin: 0 0px 42px 0px !important; left: 0px;}
#wrapper-index .content table.HPLinks tr td, #wrapper-index .content table.HPLinks tr td{transition: .3s all ease-in;}
#wrapper-index .content table.HPLinks #l,#wrapper-index .content table.HPLinks .tableLeft{display: none;}
#wrapper-index .content table.HPLinks #r,#wrapper-index .content table.HPLinks .tableRight{display: flex;width: 100%;height: 100%;box-sizing: border-box;position: relative;padding: 0;min-height: 77px; box-sizing: border-box;z-index: 2; justify-content: center; }
#wrapper-index .content table.HPLinks #r a {transition: .3s all ease-in;display: flex;align-items: center;justify-content: center;width: 319px; height: 100%; min-height: 77px;;padding:10px 10px;box-sizing: border-box; font-family: 'Poppins', sans-serif;  font-size: 18px;  font-size: 1.8rem; font-weight:400; line-height: 20px; line-height: 2.0rem; text-align: center; color: #0a1849; text-decoration: none;}
#wrapper-index .content table.HPLinks tr:hover, #wrapper-index .content table.HPLinks tr:focus { box-shadow: 0px -100px 0 0 #324896 inset; border-bottom: 3px solid #0a1849;}
#wrapper-index .content table.HPLinks #r a:hover, #wrapper-index .content table.HPLinks #r a:focus{color: #ffffff;}
#showAll-hplinks .tableRight a:hover,#showAll-hplinks .tableRight a:focus {color: #fff; box-shadow: none;}
#showAll-hplinks, #wrapper-index .content table.HPLinks #showAll-hplinks a {position: absolute; top: 0px; background: none !important; margin: 0 !important;  width: auto !important; min-height: auto !important; }
#wrapper-index .content table.HPLinks #showAll-hplinks{text-align: center; position: absolute; z-index: 1; right: 0px;left: 0; bottom: -31px; top: unset; margin: 0 !important;}
#wrapper-index .content table.HPLinks #showAll-hplinks #r, #wrapper-index .content table.HPLinks #showAll-hplinks .tableRight{min-height: auto !important;}
#wrapper-index .content table.HPLinks #showAll-hplinks{border-bottom: 0 !important;}
#wrapper-index .content table.HPLinks #showAll-hplinks a{  font-family: 'Poppins', sans-serif;font-size: 17px; font-size: 1.7rem;font-weight: 400; line-height: 30px; line-height: 3.0rem;letter-spacing: 0.43px;text-align: center; color:#0a1849; display: inline-block; text-decoration: none; text-transform: uppercase; border-bottom: 2px solid #324896; position: relative; padding: 0 15.5px 6px 0; transition: all .5s ease-in-out; margin: 0 0 0 4.5px;}
#wrapper-index .content table.HPLinks #showAll-hplinks a::after{content: ''; position: absolute; bottom: 0; right: 0; background: url(/pics/yellow_arrow.png) center no-repeat; width: 17px; height: 16px; transition: all .5s ease-in-out;}
#wrapper-index .content table.HPLinks #showAll-hplinks a:hover, #wrapper-index .content table.HPLinks #showAll-hplinks a:focus{padding: 0 0 6px 13.5px;}
#wrapper-index .content table.HPLinks #showAll-hplinks a:hover::after, #wrapper-index .content table.HPLinks #showAll-hplinks a:focus::after{right: unset; left: 0; -webkit-transform: scaleX(-1); transform: scaleX(-1);}
#wrapper-index .content table.HPLinks #showAll-hplinks a:hover, #wrapper-index .content table.HPLinks #showAll-hplinks a:focus{box-shadow: none; color:#0a1849 !important;}
#wrapper-index .content table.HPLinks #showAll-hplinks a:hover, #wrapper-index .content table.HPLinks #showAll-hplinks a:focus{color: #fff; }
#wrapper-index .content table.HPLinks #showAll-hplinks:hover::after, #wrapper-index .content table.HPLinks #showAll-hplinks:focus::after{display: none !important; }
#wrapper-index .content table.HPLinks #showAll-hplinks:hover, #wrapper-index .content table.HPLinks #showAll-hplinks:focus{ box-shadow: none !important; }
#wrapper-index .content table.HPLinks #showAll-hplinks td:hover, #wrapper-index .content table.HPLinks #showAll-hplinks td:focus{top: 0 !important}

@media only screen and (min-width: 1100px) {
    #sixth-row-inner{
        max-width: 1120px !important;
        position: relative;
        left: 2px;
    }
}

@media only screen and (max-width: 1100px) {
    #wrapper-index .content table.HPLinks{width: 100%;}
    #sixth-row-inner{left: 0; top: 0; padding: 40px 40px 22px 40px;}
    #wrapper-index .content table.HPLinks tr { width: calc(33% - 20px);float: left;}
    #wrapper-index .content table.HPLinks tr{margin: 0 0px 42px 0px !important;}
    #wrapper-index .content table.HPLinks tr:nth-child(3n+1){margin: 0 20px 42px 0px !important;}
    #wrapper-index .content table.HPLinks tr:nth-child(3n+2){margin: 0 10px 42px 10px !important;}
    #wrapper-index .content table.HPLinks tr:nth-child(3n+3){margin: 0 0px 42px 20px !important;}
}

@media only screen and (max-width: 991px) {
    #wrapper-index .content table.HPLinks tr { width: calc(33% - 10px);float: left;}
    #wrapper-index .content table.HPLinks tr{margin: 0 0px 32px 0px !important;}
    #wrapper-index .content table.HPLinks tr:nth-child(3n+1){margin: 0 10px 32px 0px !important;}
    #wrapper-index .content table.HPLinks tr:nth-child(3n+2){margin: 0 5px 32px 5px !important;}
    #wrapper-index .content table.HPLinks tr:nth-child(3n+3){margin: 0 0px 32px 10px !important;}
    
}

@media only screen and (max-width: 768px) {
    #wrapper-index .content table.HPLinks tr { width: calc(50% - 8px);float: left;}
    #wrapper-index .content table.HPLinks tr{margin: 0 0px 20px 0px !important;}
    #wrapper-index .content table.HPLinks tr:nth-child(3n+1){margin: 0px !important;}
    #wrapper-index .content table.HPLinks tr:nth-child(3n+2){margin: 0px !important;}
    #wrapper-index .content table.HPLinks tr:nth-child(3n+3){margin: 0px !important;}
    #wrapper-index .content table.HPLinks tr:nth-child(2n+1){margin: 0 8px 20px 0px !important; clear: both;}
    #wrapper-index .content table.HPLinks tr:nth-child(2n+2){margin: 0 0px 20px 8px !important;}
    #wrapper-index .content table.HPLinks #showAll-hplinks { position: relative;z-index: 1;right: 0px;left: 0;bottom: 0; top: unset; margin: 25px 0 0 40% !important;}
    #wrapper-index #links h2 a { font-size: 34px;font-size: 3.4rem;line-height: 34px;line-height: 3.4rem;}
    #wrapper-index .content table.HPLinks #r a{width: 100%; font-size: 16px; font-size: 1.6rem;line-height: 1.8px; line-height: 1.8rem;}
}

@media only screen and (max-width: 481px) {
    #wrapper-index .content table.HPLinks tr { width: calc(100% - 0px);float: left;}
    #wrapper-index .content table.HPLinks #r a{width: 100%;}
    #wrapper-index .content table.HPLinks tr{margin: 0 0px 15px 0px !important;}
    #wrapper-index .content table.HPLinks tr:nth-child(2n+1){margin: 0 0px 15px 0px !important;}
    #wrapper-index .content table.HPLinks tr:nth-child(2n+2){margin: 0 0px 15px 0px !important;}
    #wrapper-index .content table.HPLinks #showAll-hplinks { position: relative;z-index: 1;right: 0px;left: 0;bottom: 0; top: unset; margin: 15px 0 0 40% !important;}
    #wrapper-index .content table.HPLinks #showAll-hplinks a {font-size: 14px; font-size: 1.4rem; line-height: 26px; line-height: 2.6rem; padding-bottom: 0px;}
    #wrapper-index .content table.HPLinks #showAll-hplinks a:hover, #wrapper-index .content table.HPLinks #showAll-hplinks a:focus{padding-bottom: 0px;}
    #wrapper-index .content table.HPLinks tr, #wrapper-index .content table.HPLinks #r, #wrapper-index .content table.HPLinks .tableRight, #wrapper-index .content table.HPLinks #r a{min-height: 60px;}
}

@media only screen and (max-width: 481px) {
    #wrapper-index #links h2 a {
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}



/****** FOOTER ******/
#footer { 
    width: 100%;  
    position: relative; 
    background: #ffffff;
}
#wrapper #footer{
    position: absolute; 
    bottom: 0; 
    width: 100%;
}
#footer #footer_banner{
    background: url(/pics/footer_img.jpg) repeat-x center; 
    background-size: cover;
    width:100%; 
    min-height: 550px;
}
#footer_top{
    width: 100%; 
    min-height: 166px; 
    background: url(/pics/footer_bg.gif) repeat top center;
}
.footer_container{
    display: flex;
}
.school_info{
    display: flex;
    align-items: center;
    width: 84%;
}
#footer_logo{
    margin: 24px 0 0 -5px;
}
#footer_logo a{
    display: block;
}
#footer_name{
    font-family: 'Orbitron', sans-serif;
    font-size: 51.5px;
    font-size: 5.15rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 50px;
    line-height: 5.0rem;
    letter-spacing: 1.29px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    margin: 11px 0 0 10px;
    background: rgb(0, 0,0,0.01);
}

#address-box{
    width: 16%;
    margin: 47px 0 0 10px;
    position: relative;
    right: -3px;
}
#address-text{
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: 300;
    line-height: 24px;
    line-height: 2.4rem;
    letter-spacing: 0.6px;
    text-align: left;
    color: #fefefe;
    text-decoration: none;
    background: rgb(0, 0,0,0.01);
    display: block;
}

#footer_bottom {
    background: #efefef;
}
#footer .inside {
    height: 50px;
    min-height: 50px;
    height: auto !important;
    max-width: 1100px; 
    margin: 0 auto;
    position: relative;
}
#edunet {
    width: 184px; 
    height: 25px; 
    background: url('/pics/edunet.png') no-repeat; 
    position: relative; 
    top: 13px; 
    left: 3px; 
    margin: 0 auto; 
    color: #000;
}

@media only screen and (max-width: 1180px) {

    #address-box{
        right: 10px !important;
    }
}
@media only screen and (max-width: 1100px){
    #footer .inside {
        max-width: 750px;
    }
    .footer_container {
        justify-content: space-evenly;
        margin: 5px 0 0 0;
    }
    .school_info{
        width: 80%;
    }
    #address-box{
        width: 20%;
        margin: 47px 0 0 0px;
    }
    #footer_logo img{
        width: 90%;
    }
    #footer_name{
        font-size: 35px;
        font-size: 3.5rem;
        line-height: 34px;
        line-height: 3.4rem;
        margin: 10px 0 0 0px;
    }
    #address-box{
        right: 0px !important;
    }
    #address-text {
        font-size: 14px;
        font-size: 1.4rem;
    }
    
}

@media only screen and (max-width: 786px){
    #footer .inside {
        max-width: 600px;
    }
    #footer_top{
        min-height: unset;
    }
    .footer_container {
        margin: 0px 0 0 0;
    }
    .school_info{
        width: 75%;
    }
    #address-box{
        width: 25%;
        margin: 30px 0 25px 0px;
    }
    #footer_logo{
        width: 22%;
        margin: 10px 0 0 0px;
    }
    #footer_logo img{
        width: 100%;
    }
    #footer_name{
        
        font-size: 26px;
        font-size: 2.6rem;
        line-height: 24px;
        line-height: 2.4rem;
        margin: 4px 0 0 12px;
    }
    #address-box{
        right: 0px !important;
    }
    #address-text {
        font-size: 14px;
        font-size: 1.4rem;
    }
    #footer_bottom .inside{
        min-height: 40px;
    }
    #edunet{
        top: 8px;
    }
}

@media only screen and (max-width: 600px){
    #footer .inside {
        max-width: 340px;
    }
    #footer #footer_banner {
        background: url(/pics/footer_img.jpg) repeat-x top -17px center;
        width: 100%;
        min-height: 275px;
    }
    .footer_container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 16px 0 16px 0px;
    }
    .school_info {
        width: 100%;
        justify-content: center;
    }
    #footer_logo{
        width: 22%;
        margin: 0px 0 0 0px;
    }
    #footer_name {
        font-size: 20px;
        font-size: 2.0rem;
        line-height: 19px;
        line-height: 1.9rem;
        margin: -3px 0 0 8px;
    }
    #address-box {
        width: 100%;
        margin: 0px 0 0px 0px;
        text-align: center;
    }
    #address-text {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 20px;
        line-height: 2.0rem;
        margin: 2px 0 0px 20px;
        text-align: center;
    }
}

@media only screen and (max-width: 520px){

    /* search-fied */
    .popup-content {max-width: 320px; width: 95%;}
    #search-field {width: 85%;;}
    #search-img {margin: 10px -3px 10px 0;}
    #popup-close{right: -8px;top: -12px;}
    .popup-backdrop{background-color: rgba(0, 0, 0, 0.8);}
    .popup-content{z-index: 9999999;}
}

@media only screen and (max-width: 480px){
    #footer_logo {
        width: 18%;
        margin: 0px;
    }
    #footer_name {
        font-size: 18.5px;
        font-size: 1.85rem;
        line-height: 17.5px;
        line-height: 1.75rem;
        margin: -3px 0 0 6px;
    }
}





.en-hp-alert-box .alert-box-body div.contents, .en-hp-alert-box .alert-box-body div.contents table {font-size: 17px !important; font-size: 1.7rem !important; color: #262626 !important; line-height: 24px !important;line-height: 2.4rem !important; }
.en-hp-alert-box .alert-box-body div.contents img { width: 60% !important; margin: 0 auto; display: block;}
div#persons-page-public ul li h2,div#persons-page-public ul li h3, div#persons-page-public ul li p, div#persons-page-public ul li div {    font-size: 19px !important;   line-height: 1.4 !important; }
div.en-editable-block-wrapper {margin: 0 0 15px;}
#edunet_webform { margin: 20px 0 !important; }
div.newsItem p.summary {margin-top: 20px;}