@charset "utf-8";

@font-face {
  font-family: "MyriadPro-Regular";
  src: url("../fonts/MyriadPro-Regular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/MyriadPro-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/MyriadPro-Regular.otf") format("opentype"), /* Open Type Font */
    url("../fonts/MyriadPro-Regular.svg") format("svg"), /* Legacy iOS */
    url("../fonts/MyriadPro-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/MyriadPro-Regular.woff") format("woff"), /* Modern Browsers */
    url("../fonts/MyriadPro-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal; 
}

*{margin:0; padding: 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}

body {font-family: 'Noto Sans JP', sans-serif; font-weight:400; margin: 0px;padding: 0px;color: #000000;font-size: 16px;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; background: #fff; -webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
ul, ol { list-style:none; margin: 0px; padding: 0px;}
a { text-decoration:none; color: #dba900;}
a:hover, a:focus {text-decoration:none; outline:none; }
img:focus, input:focus, textarea:focus, button:focus{outline:none;}
.form-control:focus {  box-shadow: none;}
p{color: #606060;font-size: 16px;line-height: 26px; margin-bottom: 1.5rem;}
.comman-detaildiv ul li, .comman-detaildiv ol li{ color: #606060;font-size: 16px;line-height: 26px; }
img{max-width: 100%;}
h1, h2, h3, h4, h5, h6{margin-top: 0; color: #312c7e;}
h1{}
h2{font-size: 32px; font-weight: 400; line-height: 1;}
h3{}
h4{}
h5{}
h6{}

.modal {  background: rgba(255, 255, 255,0.85);}

.defult-btn, .craftcms-formdiv button[type="submit"], .craftcms-formdiv input[type="submit"], .helpfixed-form .fui-btn-container .fui-btn{ background: #fff; border-radius: 30px;  border: 4px solid #dfdfdf; letter-spacing: 1.2px; font-size: 16px; line-height: 1; font-weight: 500; text-align: center;color: #deb308;  min-width: 130px; display: inline-block; padding: 16px 22px 16px 22px; transition: 0.2s; text-transform: uppercase; cursor: pointer; box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.4); position: relative;}
.defult-btn:hover, .craftcms-formdiv button[type="submit"]:hover, .craftcms-formdiv input[type="submit"]:hover, .helpfixed-form .fui-btn-container .fui-btn:hover {background: #deb308; border-color: #eac354; color: #fff; background-position: right center; }

.button-arrow{font-family: 'Noto Sans JP', sans-serif; display: inline-block; font-weight: 500; font-size: 16px; color: #fff; letter-spacing: 1px; text-transform: uppercase; transition: all 0.2s;}
.button-arrow .round-arrow{height: 40px; display: inline-block; vertical-align: middle; width: 40px; border-radius: 50%; border: 1px solid #a9a49e; text-align: center; margin-right: 12px;}
.button-arrow .round-arrow svg{ height: 22px; display: inline-block; vertical-align: middle; margin: 8px auto; position: relative; left: 2px;}
.button-arrow .round-arrow.ar-border-none{height: auto;  width: auto; vertical-align: text-bottom;  border: none;  border-radius: 0;}
.button-arrow .round-arrow.ar-border-none svg{height: 20px; margin: 0;}
.button-arrow:hover{color: #ddb307;}
.button-arrow:hover .round-arrow{border-color: #ddb307; background: #ddb307;}
.button-arrow:hover .round-arrow svg path{fill: #fff;}
.button-arrow:hover .round-arrow.ar-border-none{background: none;}
.button-arrow:hover .round-arrow.ar-border-none svg path{fill: #ddb307;}
.button-arrow.white-arrow .round-arrow{border-color: #fff;}
.button-arrow.white-arrow .round-arrow svg path{fill: #00488f;}
.button-arrow.white-arrow:hover{color: #00488f;}
.button-arrow.white-arrow:hover .round-arrow{border-color: #fff; background: #fff;}
.button-arrow.white-arrow:hover .round-arrow svg path{fill: #00488f;}

.page-wrapper {overflow: hidden;}

.form-group{margin-bottom: 13px;}
.form-group > label {display: none;}
.form-control, .helpfixed-form .fui-input {font-family: 'Poppins', sans-serif; border: none; border: 1px solid #ccc; border-radius: 8px; font-size: 13px;line-height: 20px; color: #000;    padding: 9px 25px;}
.form-control:focus, .helpfixed-form .fui-input:focus {border-color: #ddb307;}
.form-control::-webkit-input-placeholder, .helpfixed-form .fui-input::-webkit-input-placeholder {  color: #808083;}
.form-control::-moz-placeholder, .helpfixed-form .fui-input::-moz-placeholder {  color: #808083;}
.form-control:-ms-input-placeholder, .helpfixed-form .fui-input:-ms-input-placeholder {  color: #808083;}
.form-control:-moz-placeholder, .helpfixed-form .fui-input:-moz-placeholder {color: #808083;}

.home-container{max-width: 1596px;}

.animation-element {opacity: 0; transition-property: opacity,transform; transition-duration: .4s; transition-timing-function: ease;}
.animation-element.do-animation { opacity: 1; transform: translateZ(0); }

/*==loader-start==*/
.page-loader{/* overflow: hidden; */}
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background: #2b2a25;
  z-index: 999;
}
#status {
    width: 136px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -82px 0 0 -68px;
    animation-name: spin;
    animation-duration: 3000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
#status img {max-width: 100%;}
 @keyframes spin {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

/* Header section */
.site-header{ position: absolute; padding-top: 60px; top: 0; left: 0; width: 100%; z-index: 9; animation-direction: reverse; animation-duration: 300ms;}
.site-header.innerpage-header{background: #fff; padding: 0;}
.site-header.sticky{ position: fixed; z-index: 9; -webkit-animation-name: stickySlideDown;  animation-name: stickySlideDown; padding: 0; -webkit-transition: none;  transition: none; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.25); }
@-webkit-keyframes stickySlideDown {
  0% { opacity: 0.7;  -webkit-transform: translateY(-100%); transform: translateY(-100%); }
  100% {  opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes stickySlideDown {
  0% { opacity: 0.7; -webkit-transform: translateY(-100%);  transform: translateY(-100%); }
  100% {  opacity: 1;  -webkit-transform: translateY(0); transform: translateY(0); }
}

.site-header.sticky .header-social, .site-header.innerpage-header .header-social {display: none;}
.header-social{width: 33.33%; float: left; padding-left: 50px;}
.header-social ul li {height: 37px; width: 37px; border-radius: 50%; border: 1px solid #ddb307; float: left; margin: 0 7px; transition: all.02s;}
.header-social ul li:hover{background: #ddb307;}
.header-social ul li:last-child{margin-right: 0;}
.header-social ul li:first-child{margin-left: 0;}
.header-social ul li a {line-height: 36px; display: block; text-align: center;}
.header-social ul li a svg{height: 16px;}
.header-social ul li.linkdin-li a{line-height: 35px;}
.header-social ul li.linkdin-li a svg{height: 13px;}
.header-social ul li:hover a svg path, .header-social ul li:hover a svg circle {   fill: #fff !important;}

.logo-div{width: 33.33%; float: left; text-align: center;  padding-top: 16px; padding-bottom: 16px;}
.site-header.sticky .logo-div,  .site-header.innerpage-header .logo-div {width: 66.66%; text-align: left; padding-left: 85px; }
.site-header.newspage-header .logo-div {width: 50%; position: relative; }
.site-header.newspage-header .menu-quicklink-div{width: 50%;}
.logo-div .logo-img{max-width: 135px;}
.logo-div .sticky-logo-img{display: none;}
.logo-div .mobile-logo-img{display: none;}
.site-header.sticky .logo-div .logo-img, .site-header.innerpage-header .logo-div .logo-img{display: none;}
.site-header.sticky .logo-div .sticky-logo-img, .site-header.innerpage-header .logo-div .sticky-logo-img {display: inline-block; max-width: 160px;}

.menu-quicklink-div{width: 33.33%; float: left;}
.site-header.sticky .menu-quicklink-div, .site-header.innerpage-header .menu-quicklink-div {padding: 10px 0;}
.menu-quicklink-inner{margin-top: -30px;}
.site-header.sticky .menu-quicklink-inner, .site-header.innerpage-header .menu-quicklink-inner{margin-top: 0px;}
.humberger-div{float: right; cursor: pointer; margin-right: 42px; margin-top: 20px;}
.site-header.sticky .humberger-div { margin-right: 35px;}
.humberger-div .humberger-line{width: 32px;}
.humberger-div .humberger-close { height: 24px; display: none;}
.humberger-div.open .humberger-close { display: block;}
.humberger-div.open .humberger-line { display: none;}
.quicklink-div{background: #2b2a25; float:right; padding: 22px 30px; border-radius: 40px 0 0 40px;box-shadow: 0 0 10px 1px rgba(0,0,0,0.5);}
.site-header.sticky .quicklink-div {box-shadow: none;}
.quicklink-div ul li {float: left; margin: 0 15px; height: 20px; line-height: inherit;}
.quicklink-div ul li:last-child{margin-right: 0;}
.quicklink-div ul li:first-child{margin-left: 0;}
.quicklink-div ul li a {line-height: inherit;}
.quicklink-div ul li a svg{height: 20px;}
.quicklink-div ul li:hover a svg path{fill: #fff;}
.mobile-quicklink-div{display: none;}

.head-predition-link {float: right;  margin-right: 130px; margin-top: 14px;}
.head-predition-link a{ text-transform: uppercase; letter-spacing: 1.2px; font-size: 14px; color: #2E2A25; }
.head-predition-link a svg{height: 23px; margin-right: 15px;  position: relative;  top: 5px; }
.head-predition-link a:hover{color: #ddb307;}
.head-predition-link a:hover svg path{fill: #ddb307;}
.head-predition-link .tbl-previous-editions-a{display: none;}

.news-paduan-text{color: #231f20; font-size: 38px; font-weight: 700; letter-spacing: 1.3px; line-height: 1; position: absolute; left: 40%; top: 0; margin: 22px 0;}
.navigation-open .head-predition-link{display: none;}

/* Navigation Section CSS */
.navigation-open{overflow: hidden;}
.navigation-open .site-header .header-social{display: none;}
.navigation-open .site-header .logo-div{display: none;}
.navigation-open .site-header .menu-quicklink-div{float: right;}
.navigation-open .site-header .quicklink-div{background: #ddb307;}
.navigation-open .site-header .quicklink-div ul li a svg path{fill: #2b2a25;}
.navigation-open .site-header .quicklink-div ul li:hover a svg path{fill: #fff;}
.navigation-section { position: fixed; overflow: auto;  top: 0;  left: 0;  height: 100vh; height: calc((var(--vh, 1vh) * 100)); width: 100%; background-repeat: no-repeat; background-position: center;  background-size: cover;  z-index: 5; opacity: 0; visibility: hidden; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
.navigation-section.active{    opacity: 1;  visibility: visible;  -webkit-transition: opacity .3s 0s, visibility 0s 0s;  -moz-transition: opacity .3s 0s, visibility 0s 0s;  transition: opacity .3s 0s, visibility 0s 0s;}
.navigation-section:before { content: ""; position: fixed; z-index: -1; top: 0; left: 0;  height: 100%; width: 100%; background : -webkit-linear-gradient(30.5deg, rgba(27, 38, 80, 0) 0%, rgba(27, 38, 80, 1) 63.37%);  background : -webkit-gradient(linear,27.18% 75.13% ,66.86% 31.43% ,color-stop(0,rgba(27, 38, 80, 0) ),color-stop(0.6337,rgba(27, 38, 80, 1) ));  background : linear-gradient(59.5deg, rgba(0, 0, 0, 1) 0%, rgba(27, 38, 80, 1) 110%);  opacity : 0.9;}
.g-translate-div{position: absolute; top: 45px; left: 105px; z-index: 9; display: none;}
.navigation-open .g-translate-div{display: block;}
.navigation-open .site-header.sticky, .navigation-open .site-header.innerpage-header {background: transparent;}
.navigation-open .site-header.sticky{box-shadow: none;}
.navigation-open .site-header.innerpage-header .g-translate-div{top: 36px;}
.navigation-open .site-header.sticky .g-translate-div{top: 26px;}
.g-translate-div svg{height: 30px;}
.nav-logo-social{position: absolute; bottom: 70px; left: 70px; opacity: 0; transition-property: opacity; transition-duration: .8s; transition-timing-function: ease-in-out; transition-delay: 1s;}
.navigation-section.active .nav-logo-social{opacity: 1;}
.nav-logo-div{max-width: 136px; margin: 0 auto 45px;}
.nav-social li {height: 37px; width: 37px; border-radius: 50%; /* border: 1px solid #ddb307; */ float: left; margin: 0 7px; transition: all.02s;}
.nav-social li:hover{background: #ddb307;}
.nav-social li:last-child{margin-right: 0;}
.nav-social li:first-child{margin-left: 0;}
.nav-social li a {line-height: 36px; display: block; text-align: center;}
.nav-social li a svg{/* height: 16px; */}
.nav-social li.linkdin-li a{/* line-height: 35px; */}
.nav-social li.linkdin-li a svg{/* height: 13px; */}
.nav-social li:hover a svg path, .nav-social li:hover a svg circle {   fill: #ddb307 !important;}
.nav-social li:hover a svg path.nlicls-2, .nav-social li:hover a svg path.nincls-2, .nav-social li:hover a svg path.nfbcls-2{fill: #fff !important;}

.navigation-content-wrap, .portal-content-wrap, .quicklinks-content-wrap {/* height: calc(100vh - 490px); */ max-width: 1000px;  margin: 9% auto 0; display: none; position: relative;}
.navigation-content-wrap:before, .portal-content-wrap:before, .quicklinks-content-wrap:before{height: 1px; background: #ddb307; width: 1500px; position: absolute; content: ""; top: 0; left: -1460px;}
.navigation-content-wrap.active, .portal-content-wrap.active, .quicklinks-content-wrap.active{display: block;}
.nav-link-div{ position: relative; margin: 0; padding-top: 15px; max-width: 490px;}
.nav-link-div:after{content: ""; /* height: 1px; background: #ddb307; width: 35px; position: absolute; top: 0; left: 0px;*/}
.nav-link-div ul { z-index: 2; padding: 0; margin: 0; }
.navigation-content-wrap.active .nav-link-div, .portal-content-wrap.active .nav-link-div, .quicklinks-content-wrap.active .nav-link-div { /* animation-name: redheartSpan; animation-duration: 0.8s; animation-direction: alternate; animation-delay: 0.8s;   animation-fill-mode : forwards; opacity: 0; */}
.nav-link-div ul > li {list-style: none; margin-bottom: 15px; }
.portal-content-wrap.active .nav-link-div, .quicklinks-content-wrap.active .nav-link-div{max-width: 470px;}
@keyframes NavLiAnimation {
  from {     
    opacity: 0;
    bottom: -30px;
  } 
  to {     
    opacity: 1; 
    bottom: 0;
  }
}
.navigation-content-wrap.active .nav-link-div ul > li > a, .portal-content-wrap.active .nav-link-div ul > li > a, .quicklinks-content-wrap.active .nav-link-div ul > li > a {animation-name: NavLiAnimation; animation-duration: 0.5s; animation-direction: alternate;  animation-delay: 0.5s;  animation-fill-mode: forwards;} 
.navigation-content-wrap.active .nav-link-div ul > li:nth-child(1) > a { animation-delay: 0.6s;}
.navigation-content-wrap.active .nav-link-div ul > li:nth-child(2) > a { animation-delay: 0.8s;}
.navigation-content-wrap.active .nav-link-div ul > li:nth-child(3) > a { animation-delay: 1s;}
.navigation-content-wrap.active .nav-link-div ul > li:nth-child(4) > a { animation-delay: 1.2s;}
.navigation-content-wrap.active .nav-link-div ul > li:nth-child(5) > a { animation-delay: 1.4s;}
.navigation-content-wrap.active .nav-link-div ul > li:nth-child(6) > a { animation-delay: 1.6s;}
.navigation-content-wrap.active .nav-link-div ul > li:nth-child(7) > a { animation-delay: 1.8s;}
.navigation-content-wrap.active .nav-link-div ul > li:nth-child(8) > a { animation-delay: 2s;}
.navigation-content-wrap.active .nav-link-div ul > li:nth-child(9) > a { animation-delay: 2.2s;}
.navigation-content-wrap.active .nav-link-div ul > li:nth-child(10) > a {  animation-delay: 2.4s;}

.nav-link-div ul > li:last-child { margin-bottom: 0px; }
.nav-link-div ul > li > a {font-size: 42px; color: rgba(255,255,255,0.55); letter-spacing: 0.2px; font-weight: 700; display: block;  position: relative; transition: all 0.2s; opacity: 0; }
.nav-link-div li a:focus{outline: 0;}
.nav-link-div ul > li > a:hover{text-decoration: none;}
.nav-link-div ul > li.active-li > a{color: #fff;}
 @keyframes redheartSpan {
    from {
      opacity: 1;
      bottom: -40px;
    }
    to {
      opacity: 1;
      bottom: 0; 
    }
  }
.drop-down ul {position: absolute; left: 100%; top: 0; list-style: none; width: 100%; max-width: 510px; /* height: calc(100% - 170px); */ height: 100%; margin: 0px; padding-top: 25px; opacity: 0; visibility: hidden; /* -webkit-transition: opacity 600ms, visibility 600ms; transition: opacity 600ms, visibility 600ms; */ transition: all 0.1s;   /* overflow-x: auto;*/ }
.drop-down ul li { position: relative; margin-top: 20px; margin-bottom: 0;}
.drop-down ul a, .drop-down ul li { padding: 0; transition: inherit !important; bottom: 0; }
.drop-down ul li a {padding-left: 0; padding-right: 0;font-family: 'Noto Sans KR', sans-serif; letter-spacing: 0.7px; font-weight: 400;font-size: 26px;line-height: 1.4;color: #fff; }
.drop-down ul li.active-li a{color: #ddb307; border-left: none; padding-left: 0;}
.drop-down ul li:hover > a:after{display: none;}
.drop-down ul li:hover > a:before{display: none;}
.drop-down ul li:first-child {margin-top: 0; }
.nav-link-div ul > .drop-down .drop-down ul > li > a{color: #fff;}
.nav-link-div ul > .drop-down .drop-down ul > li:hover > a, .nav-link-div ul > .drop-down .drop-down ul > li.active-li > a{color: #ddb307;}
.nav-link-div ul > .drop-down .drop-down{position: relative;}
.nav-link-div ul > .drop-down .drop-down ul{position: relative; left: 0; display: none !important; top: 0; padding: 25px 0 5px 30px; list-style: none; width: 100%; height: auto; margin: 0; opacity: 0; visibility: hidden;  background: transparent; -webkit-transition: opacity 600ms, visibility 600ms; transition: opacity 600ms, visibility 600ms; }
.drop-down .drop-down ul li a{color: #c9c6c6;}
.drop-down .drop-down ul li.active-li > a{color: #fff; }
.nav-link-div ul > .drop-down .drop-down > a:after{position: relative; bottom: 0; left: 0; content: "";background: url(../images/dropdown-arrow.png) no-repeat; background-size: cover; height: 9px; width: 16px;display: inline-block; border-bottom: none; margin-left: 15px;}
.nav-link-div ul > .drop-down .drop-down:hover > a:after{display: inline-block; background: url(../images/dropdown-arrow2.png) no-repeat; height: 16px; width: 9px;}
.nav-link-div ul > .drop-down .drop-down:hover>ul { visibility: visible; opacity: 1;display: block !important;}
.nav-link-div ul > .drop-down .drop-down > .sub-menu > li.active-li > a:after{display: none;}
.drop-down ul ul.sub-sub-menu{  left: 0;  max-width: 100%;  position: relative;  padding-left: 30px; padding-bottom: 5px;  display: none; top: 0;  height: auto;  margin: 0; opacity: 0;  visibility: hidden;  background: transparent;  -webkit-transition: opacity 600ms, visibility 600ms; transition: opacity 600ms, visibility 600ms;}

.portal-content-wrap .nav-link-div ul > li > a, .quicklinks-content-wrap .nav-link-div ul > li > a{color: #fff;}
.portal-content-wrap .drop-down>ul, .quicklinks-content-wrap .drop-down>ul {  visibility: visible;  opacity: 1;}
.portal-content-wrap .drop-down ul li{text-transform: uppercase;}
.portal-content-wrap .drop-down ul li a:hover, .portal-content-wrap .drop-down ul li.active-li a, .quicklinks-content-wrap .drop-down ul li a:hover, .quicklinks-content-wrap .drop-down ul li.active-li a {  color: #ddb307;}
.navigation-section.active .navigation-content-wrap:before, .navigation-section.active .portal-content-wrap:before, .navigation-section.active .quicklinks-content-wrap:before {  
    animation-name: navbline;
    animation-duration: 1s;
    animation-direction: alternate;
    animation-fill-mode : forwards;
  } 
  @keyframes navbline {
    from {
      width: 0px;
      opacity: 0;
    }
    to {
      width: 1500px;
      opacity: 1;      
    }
 }

.search-navdiv{position: absolute; top: 40px; left: 170px; width: 300px; z-index: 5;  /* opacity: 0; transition-property: opacity; transition-duration: .8s; transition-timing-function: ease-in-out; transition-delay: 1s; */ display: none;}
.navigation-open .search-navdiv{display: block; opacity: 1;}
.navigation-open .site-header.sticky .search-navdiv{top: 20px;}
.search-navdiv svg{height: 18px; cursor: pointer; position: absolute; z-index: 1; top: 50%;  left: 0;  margin-top: -9px;}
.search-navdiv .form-group {  margin-bottom: 0;}
.search-navdiv .form-group { transition: all 0.2s;  opacity: 0;  visibility: hidden;}
.search-navdiv .form-group.active {  opacity: 1;  visibility: visible;}
.search-navdiv .form-control{border-radius: 0px; border: none; color: #ddb308; border-bottom: 1px solid #ddb308; background: transparent; padding-right: 0;  padding-left: 35px;}
.search-navdiv .form-control:focus{border-color: #ddb308;}
.search-navdiv .form-control::-webkit-input-placeholder {  color: #ddb308;}
.search-navdiv .form-control::-moz-placeholder {  color: #ddb308;}
.search-navdiv .form-control:-ms-input-placeholder {  color: #ddb308;}
.search-navdiv .form-control:-moz-placeholder {color: #ddb308;}

/* Home Slider CSS */
.home-slider, .innerhome-slider, .home-slider-rev {height: 100vh; position: relative;}
.banner-bg-div{background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; height: 100vh; height: calc((var(--vh, 1vh) * 100)); }
.banner-bg-div:before{content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(35, 31, 32, 0.44);}

.scrollicon-slide{position: absolute; bottom: 25px; /* z-index: 91; */ z-index: 1; left: 50%; margin-left: -21px; height: 42px; display: inline-block; vertical-align: middle; width: 42px; border-radius: 50%; border: 1px solid #a9a49e; text-align: center;}
.scrollicon-slide svg{ width: 10px; transform: rotate(90deg); margin: 12px 0;}
.navigation-open .scrollicon-slide{z-index: 1;}

/* Enrol School Portal Section */
.enrol-school-portal{padding: 70px 0; position: relative; z-index: 2; background: #f0f0f2;}
.north-slide-line:after{ content: ""; position: absolute; top: -80px; left: 52px; z-index: 1; height: 165px; width: 1px; background: #ddb307; }
.enrol-school-portal .container-fluid{padding: 0;}
.enrol-school-portal .row{margin: 0;}
.enrol-school-portal .col-md-5{ padding: 0;  -webkit-box-flex: 0; -ms-flex: 0 0 35%;  flex: 0 0 35%;  max-width: 35%;}
.enrol-school-portal .col-md-2{ padding: 0; -webkit-box-flex: 0; -ms-flex: 0 0 30%;  flex: 0 0 30%;  max-width: 30%;}
.enrol-now-div, .school-trours-div{position: relative; /* min-height: 365px; */ padding-bottom: 54.8%; max-width: 660px; overflow: hidden; opacity: 0; transition-property: opacity,transform; transition-duration: .8s; transition-timing-function: ease; transition-delay: 0.6s;}
.do-animation .enrol-now-div, .do-animation .school-trours-div{opacity: 1; transform: translateZ(0);}
.enrol-now-div{border-radius: 0 200px 200px 0;}
.school-trours-div{border-radius: 200px 0 0 200px; margin: 0 0 0 auto}
.enrol-now-div .overlay-bg, .school-trours-div .overlay-bg{ background-repeat: no-repeat;  background-size: cover;  background-position: center;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;  transition: all 0.5s ease;  position: absolute;  top: 0;  left: 0;  height: 100%; width: 100%;}
.enrol-now-div .overlay-bg:before, .school-trours-div .overlay-bg:before{content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(34, 31, 31, 0.44);}
.ensc-portal-link:hover .overlay-bg, .ensc-portal-link:hover .overlay-bg{-webkit-transform: scale(1.2);  -moz-transform: scale(1.2);  -ms-transform: scale(1.2);  -o-transform: scale(1.2);  transform: scale(1.2);}
.ensc-tile{position: absolute; left: 26.2%; bottom: 50px; font-size: 54px;font-family: 'Noto Sans JP', sans-serif; font-weight: 700; color: #fff; line-height: 1; max-width: 220px;}
.ensc-tile svg{height: 39px; margin-left: 8px;}
.school-trours-div .ensc-tile svg{ margin-left: 25px;}
.padua-portal-div .ensc-tile{color: #231f20; bottom: 90px; left: 0;  right: 0; margin: 0 auto;}
.padua-portal-div .ensc-tile svg{ margin-left: 20px;}
.enrol-now-line, .school-trours-line{position: absolute; /* width: calc(100% + 8px); height: 375px; */ width: 100%; top: -4px; z-index: 1;}
.enrol-now-line{left: -1px;}
.school-trours-line{right: -2px; }
.padua-portal-div{max-width: 348px; margin: 0 auto; opacity: 0; transition-property: opacity; transition-duration: .8s; transition-timing-function: ease; transition-delay: 0.6s;}
.do-animation .padua-portal-div{opacity: 1; }
.padua-portal-line{position: absolute; top: -178px; z-index: 1; left: 0; right: 0; margin: 0 auto; max-width: 348px;}
.pp-icon-div{height: 76px; width: 76px; margin-top: 20px; margin-left: 60px; border-radius: 50%; background: #fff; border: 6px solid #dfdfdf; box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.4);}
.padua-col a:hover .pp-icon-div{ background: #deb308;  border-color: #eac354;} 
.padua-col a:hover .pp-icon-div svg path{ fill: #fff;} 
.pp-icon-div svg, .pp-icon-div img{height: 40px; display: block; margin: 12px auto;}
.mob-padua-portal-line{display: none;}
.do-animation .leftst0, .do-animation .stlcls3, .do-animation .msgpricls {
  stroke-dasharray: 1315;
  stroke-dashoffset: -1315;
  animation: draw 1.2s linear forwards;
}
.do-animation .feanewcls-l, .do-animation .feanewcls-r {
  stroke-dasharray: 1525;
  stroke-dashoffset: -1525;
  animation: draw 1.2s linear forwards;
}
.do-animation .pplcls1, .do-animation .stuvicls4, .do-animation .respecls5, .do-animation .mbplscls, .do-animation .mbstvcls, .do-animation .mbresecls, .do-animation .tblmsgpricls {
  stroke-dasharray: 1087;
  stroke-dashoffset: -1087;
  animation: draw 1.2s linear forwards;
}
@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}

/* The North Star CSS */
.north-star-section{position: relative; margin-top: 80px; }
.north-star-slider{width: 100vw; height: 100vh; min-height: 950px; max-height: 950px; position: relative; opacity: 0;  transition-property: opacity,transform;  transform: translate3d(0,100px,0); transition-timing-function: ease; transition-duration: 0.8s; transition-delay: 0.5s;}
.do-animation .north-star-slider {opacity: 1;  transform: translateZ(0);}
.north-star-slider .slick-slide{position: absolute !important; top: 0; left: 0; width: 100%; height: 100%;}
.north-star-slider .slick-slide:focus{outline: 0;}
.north-star-slider .slick-list, .north-star-slider .slick-track{height: 100% !important; width: 100% !important;}
.north-title{font-weight: 700;  max-width: 280px; line-height: 0.9; color: #fff; font-size: 6rem;}
.north-star-bg{position: relative; background-repeat: no-repeat; background-size: cover; background-position: left center; height: 100vh; min-height: 950px; max-height: 950px; width: 70%;}
.north-star-section.without-right-slide .north-star-bg{width: 100%;}
.north-star-bg:before{content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(46, 41, 37, 0.44);}
.north-star-thumbg{ /* max-width: 730px; */ height: 480px; width: 0; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); position: absolute; top: 90px; left: -270px; z-index: 1; border-radius: 0 0 0 180px; overflow: hidden;  transition: 2s ease;}
.north-star-slider .slick-active .north-star-thumbg{width: 730px;}
.north-star-thumimg{background-repeat: no-repeat; background-size: cover; background-position: center; height: 100%; width: 100%; /* padding-bottom: 66%; */ }
.right-part-slide{position: absolute; top: 0; width: 30%; right: 0; height: 100%;}
.right-part-slide .right-bgdiv{position: absolute; left: 0; right: 0; bottom: 100%; width: 100%; height:0; transition: 1s ease;}
.north-star-slider .slick-active .right-part-slide .right-bgdiv { height: 100%; bottom: 0;}
.north-star-slider .bbbbbb .right-part-slide .right-bgdiv { height: 100%; bottom: 0;}
.right-part-slide .right-bgdiv.yellow-bg{/* background: #ddb307; */}
.right-part-slide .right-bgdiv.grey-bg{ /* background: #848484; */}
.north-slide-wrap .overlay-content{position: absolute; width: 100%; top: 100px; left: 0; right: 0;}
.north-slide-wrap .overlay-content .north-content-p{ /* transform: scaleY(0); transform-origin: top;transition: transform 1.5s; */ margin-top: 55px; -webkit-animation: heading-out .8s forwards;  animation: heading-out .8s forwards;  -webkit-animation-timing-function: cubic-bezier(0.72, 0.33, 0.37, 0.66);  animation-timing-function: cubic-bezier(0.72, 0.33, 0.37, 0.66); -webkit-animation-delay: 0.8s;  animation-delay: 0.8s; }
.north-slide-wrap .overlay-content .north-content-p p{font-family: 'Jaldi', sans-serif; max-width: 550px; margin-bottom: 0; font-size: 33px; line-height: 1; color: #fff; }
.north-star-slider .slick-active .north-slide-wrap .overlay-content .north-content-p {/* transform: scaleY(1); */  -webkit-animation: heading-in 1.5s forwards;  animation: heading-in 1.5s forwards;  -webkit-animation-delay: 0;  animation-delay: 0;}
.north-star-slider .bbbbbb .north-slide-wrap .overlay-content .north-content-p {/* transform: scaleY(1); */}
.north-star-content {  position: absolute;  bottom: 12px;  max-width: 420px;  padding: 30px; opacity: 0; visibility: hidden; -webkit-transition: opacity 2.5s 0s, visibility 0s 2.5s; -moz-transition: opacity 2.5s 0s, visibility 0s 2.5s; transition: opacity 2.5s 0s, visibility 0s 2.5s;}
.north-star-slider .slick-active .north-star-content{ opacity: 1;  visibility: visible;  -webkit-transition: opacity 1.7s 1s, visibility 0s 0s;  -moz-transition: opacity 1.7s 1s, visibility 0s 0s;  transition: opacity 1.7s 1s, visibility 0s 0s;}
.north-star-content p{ font-family: 'Noto Sans KR', sans-serif; font-size: 16px; line-height: 25px; margin-bottom: 30px; color: #231f20; }
.north-star-authorcontent p{font-family: 'Noto Sans KR', sans-serif;font-weight: 400;  letter-spacing: 1px; font-size: 16px; line-height: 25px; margin-bottom: 0 !important; color: #fff; text-transform: uppercase;}
.north-star-authorcontent p strong{font-weight: 900;}
.north-star-authorcontent p:nth-child(2){ margin-bottom: 3.2rem !important;}
.slide-bullet-ul {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap; flex-wrap: wrap;  margin-top: 4.2rem;  list-style: none; }
.slide-bullet-ul li{font-family: 'Noto Sans JP', sans-serif; color: #fff; font-size: 33px;}
.slide-bullet-ul li a{color: #fff;}
.slide-bullet-ul li.active a, .slide-bullet-ul li:hover a{color: #ddb307;}
.slide-bullet-ul li + li::before { display: inline-block;  padding-right: 15px;  padding-left: 15px;  color: #ddb307;  content: "/";}
.north-slide-wrap .overlay-content .button-arrow{margin-top: 4.2rem;}
.north-star-slider .slick-dots{position: absolute; width: 30%; bottom: 58px; left: 0; text-align: center; right: 0; margin: 0 auto; height: auto; line-height: normal; }
.north-star-slider .slick-dots li {display: inline-block; margin: 0 7px; height: auto; line-height: normal;}
.north-star-slider .slick-dots li button { cursor: pointer; height: 3px; border-radius: 2px; width: 32px; font-size: 0; border: 0; background: #919294;}
.north-star-slider .slick-dots li.slick-active button{background: #ddb307;}
@keyframes heading-in {
    0% {
        opacity: 0; transform:translateY(-50px);
    }
    50% {
        opacity: 0; transform:translateY(-50px);
    }
    100% {
        opacity: 1; transform:translateY(0px);  
    }
}
@keyframes heading-out {
    100% {
        opacity: 0;
        transform:translateY(-30px)
    }
    0% {
        opacity: 1;
        transform:translateY(0px)    
    }
}
.do-animation .north-slide-line:after {  
    animation-name: northline;
    animation-duration: 0.8s;
    animation-direction: alternate;
    animation-fill-mode : forwards;
  } 
  @keyframes northline {
    from {
      height: 0px;
      opacity: 0;
    }
    to {
      height: 165px;
      opacity: 1;      
    }
 }

.northsart-outter{position: relative;}
.northsart-outter .right-part-slide .right-bgdiv { height: 100%; bottom: 0;}
.northsart-outter .north-star-thumbg{width: 730px;}
.northsart-outter .north-star-content{ opacity: 1;  visibility: visible;}

/* Student Voice CSS */
.student-voice-section{margin: 80px 0; position: relative;}
.student-title-div{width: 355px; margin-left: 8px; float: left; position: relative;}
.student-title-div .stuvic-svg{ position: absolute;  top: -144px; left: 0;}
.student-title-div .mob-stuvic-svg{display: none;}
.student-title-div .st-title{font-size: 48px; padding-top: 100px; position: relative; max-width: 200px; margin: 0 auto; color: #ddb307; line-height: 1; font-weight: 700; opacity: 0; transition-property: opacity,transform; transition-duration: .8s;  transition-delay: 0.8s;transition-timing-function: ease;}
.do-animation .student-title-div .st-title{opacity: 1; transform: translateZ(0);}
.student-voice-bg{background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; top: 0; right: 0; height: 100%; width: 100%; transform: translate3d(100px,0,0);  opacity: 0;  transition-property: opacity,transform; transition-duration: .8s;  transition-timing-function: ease; transition-delay: 1.1s; border-radius: 250px 0 0 250px; }
.do-animation .student-voice-bg {  transform: translateZ(0); opacity: 1;}
.student-voice-bg .overlaybg-student{ position: absolute; top: 0; left: 0; height: 100%;width: 100%;/* background: rgba(255, 255, 255, 0.77); */ background: #fff; opacity: 0.7;}
.student-voice-section.opacity-100 .student-voice-bg .overlaybg-student {opacity: 0.1;}
.student-voice-section.opacity-90 .student-voice-bg .overlaybg-student {opacity: 0.2;}
.student-voice-section.opacity-80 .student-voice-bg .overlaybg-student {opacity: 0.3;}
.student-voice-section.opacity-70 .student-voice-bg .overlaybg-student {opacity: 0.4;}
.student-voice-section.opacity-60 .student-voice-bg .overlaybg-student {opacity: 0.5;}
.student-voice-section.opacity-50 .student-voice-bg .overlaybg-student {opacity: 0.6;}
.student-voice-section.opacity-40 .student-voice-bg .overlaybg-student {opacity: 0.7;}
.student-voice-section.opacity-30 .student-voice-bg .overlaybg-student {opacity: 0.8;}
.student-voice-section.opacity-20 .student-voice-bg .overlaybg-student {opacity: 0.9;}
.student-voice-section.opacity-10 .student-voice-bg .overlaybg-student {opacity: 1;}

.student-voice-content{ position: relative; float: left; width: calc(100% - 363px); padding-left: 150px; padding-top: 104px; padding-bottom: 104px; }
.student-voice-slider{/* max-width: 810px; */ max-width: 860px; margin: 0 auto; position: relative; opacity: 0; transition-property: opacity,transform; transition-duration: .8s; transition-timing-function: ease-in-out; transition-delay: 1.4s;}
.do-animation .student-voice-slider { opacity: 1; transform: translateZ(0); }
.student-voice-slider:before{position: absolute; top: -70px; left: 50%; margin-left: -14px; content: ""; background: url(../images/left-quote.svg) no-repeat; height: 26px; width: 33px; }
.student-voice-slider:after{position: absolute; bottom: -70px; left: 50%; margin-left: -14px; content: ""; background: url(../images/right-quote.svg) no-repeat; height: 26px; width: 33px; }
.student-voice-slider .slick-slide{text-align: center;}
.student-voice-slider .slick-slide:focus{outline: 0;}
.student-voice-slider p{font-family: 'Noto Sans KR', sans-serif; color: #231f20; letter-spacing: 0.3px; font-size: 18px; line-height: 34px; margin-bottom: 0;}
.student-voice-slider h4{margin-top: 42px; margin-bottom: 0;}
.student-voice-slider h4 p{font-size: 18px; letter-spacing: 1.2px; color: #6d6e70; font-weight: 500; margin-top: 0px; margin-bottom: 0;}
.student-voice-slider .slick-dots{position: absolute; width: 355px; bottom: -20px; left: -600px; text-align: center; height: auto; line-height: normal; }
.student-voice-slider .slick-dots li {display: inline-block; margin: 0 6px; height: auto; line-height: normal;}
.student-voice-slider .slick-dots li button { cursor: pointer; height: 3px; border-radius: 2px; width: 32px; font-size: 0; border: 0; background: #babcbe;}
.student-voice-slider .slick-dots li.slick-active button{background: #004990;}

/* Twilight Open Days CSS */
.twilight-section{position: relative; margin-top: 80px;  opacity: 0;  transition-property: opacity,transform;  transform: translate3d(0,100px,0); transition-timing-function: ease;     transition-duration: 0.8s; }
.twilight-section.do-animation  {opacity: 1;  transform: translateZ(0);}
.twilight-slide-line:after{ content: ""; position: absolute; top: 105px; right: 95%; z-index: 1; height: 1px; width: 100%; background: #ddb307; }
.twilight-slider{width: 100vw; height: 100vh; position: relative;}
.twilight-slider .slick-slide{position: absolute !important; top: 0; left: 0; width: 100%; height: 100%;}
.twilight-slider .slick-list, .twilight-slider .slick-track{height: 100% !important; width: 100% !important;}
.twilight-title{font-weight: 700;  /* max-width: 400px; */ max-width: 560px; line-height: 0.9; color: #fff; font-size: 6rem;}
.twilight-bg{position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; height: 100vh; width: 100%; background-attachment: fixed;}
.twilight-bg .overlaybg-twilight{ position: absolute; top: 0; left: 0; height: 100%; width: 65%; background: rgb(27, 38, 80, 0.65); background: linear-gradient(90deg, rgba(27, 38, 80, 0.65) 0%, rgba(0,62,126,0) 100%); opacity: 0.7;}
.twilight-bg.opacity-100 .overlaybg-twilight{opacity: 1;}
.twilight-bg.opacity-90 .overlaybg-twilight{opacity: 0.9;}
.twilight-bg.opacity-80 .overlaybg-twilight{opacity: 0.8;}
.twilight-bg.opacity-70 .overlaybg-twilight{opacity: 0.7;}
.twilight-bg.opacity-60 .overlaybg-twilight{opacity: 0.6;}
.twilight-bg.opacity-50 .overlaybg-twilight{opacity: 0.5;}
.twilight-bg.opacity-40 .overlaybg-twilight{opacity: 0.4;}
.twilight-bg.opacity-30 .overlaybg-twilight{opacity: 0.3;}
.twilight-bg.opacity-20 .overlaybg-twilight{opacity: 0.2;}
.twilight-bg.opacity-10 .overlaybg-twilight{opacity: 0.1;}
.twilight-slide-wrap .overlay-content{position: absolute; width: 100%; top: 140px; left: 0; right: 0;}
.twilight-slide-wrap .overlay-content .twilight-content-p{/* transform: scaleY(0); transform-origin: top;transition: transform 1.5s;*/ -webkit-animation: heading-out .8s forwards;  animation: heading-out .8s forwards;  -webkit-animation-timing-function: cubic-bezier(0.72, 0.33, 0.37, 0.66);  animation-timing-function: cubic-bezier(0.72, 0.33, 0.37, 0.66); -webkit-animation-delay: 0.8s;  animation-delay: 0.8s;  margin-top: 90px;}
.twilight-slide-wrap .overlay-content .twilight-content-p p{font-family: 'Jaldi', sans-serif; /* max-width: 550px; */ max-width: 880px; margin-bottom: 0; font-size: 33px; line-height: 1; color: #fff; }
.twilight-slider.text-color-gold .twilight-slide-wrap .overlay-content .twilight-content-p p {color: #ddb308; }
.twilight-slider .slick-active .twilight-slide-wrap .overlay-content .twilight-content-p {-webkit-animation: heading-in 1.5s forwards;  animation: heading-in 1.5s forwards;  -webkit-animation-delay: 0;  animation-delay: 0;}
.twilight-slide-wrap .button-arrow{margin-top: 90px;}
.twilight-slide-wrap .button-arrow .round-arrow{height: auto; margin-right: 20px; width: auto; border: none;}
.twilight-slide-wrap .button-arrow .round-arrow svg {height: 40px; margin: 0;}
.twilight-slide-wrap .button-arrow:hover .round-arrow{background: transparent; }
.twilight-slide-wrap .button-arrow:hover .round-arrow svg path {  fill: #ddb307;}

.twilight-section .twilight-slider.text-align-right .twilight-slide-line:after{left: 95%; right: auto;}
.twilight-section .twilight-slider.text-align-right .twilight-slide-wrap .overlay-content{text-align: right;}
.twilight-section .twilight-slider.text-align-right .twilight-bg .overlaybg-twilight {  left: auto; right: 0;  background:linear-gradient(270deg, rgba(27, 38, 80, 0.65) 0%, rgba(0,62,126,0) 100%);}
.twilight-section .twilight-slider.text-align-right .twilight-title{float: right; }
.twilight-section .twilight-slider.text-align-right .twilight-slide-wrap .overlay-content .twilight-content-p{clear: both;}
.twilight-section .twilight-slider.text-align-right .twilight-slide-wrap .overlay-content .twilight-content-p p{float: right;}
.twilight-section .twilight-slider.text-align-right .twilight-slide-wrap .overlay-content .twilight-content-p:after{display: table; content: ""; clear: both;}

/* In Respect CSS */
.in-respect-section{margin: 80px 0; position: relative;}
.respect-title-div{width: 355px; float: right; position: relative;}
.respect-title-div .respe-svg{ position: absolute;  top: -144px; left: 0;}
.respect-title-div .mob-respe-svg{display: none;}
.respect-title-div .rt-title{font-size: 48px; padding-top: 100px; position: relative; max-width: 200px; margin: 0 auto; color: #00488f; line-height: 1; font-weight: 700; opacity: 0; transition-property: opacity,transform; transition-duration: .8s;  transition-delay: 0.8s;transition-timing-function: ease;}
.do-animation .respect-title-div .rt-title {opacity: 1; transform: translateZ(0);}
.in-respect-bg{background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; top: 0; left: 0; height: 100%; width: 100%; transform: translate3d(100px,0,0);  opacity: 0;  transition-property: opacity,transform; transition-duration: .8s;  transition-timing-function: ease; transition-delay: 1.1s; border-radius: 0 250px 250px 0; min-height: 344px;}
.do-animation .in-respect-bg {  transform: translateZ(0); opacity: 1;}
.in-respect-bg .overlaybg-inrespect{ position: absolute; top: 0; left: 0; height: 100%;width: 100%; /* background: rgba(255, 255, 255, 0.9); */ background: #fff; opacity: 0.9;}
.in-respect-section.opacity-100 .in-respect-bg .overlaybg-inrespect{opacity: 1;}
.in-respect-section.opacity-90 .in-respect-bg .overlaybg-inrespect{opacity: 0.9;}
.in-respect-section.opacity-80 .in-respect-bg .overlaybg-inrespect{opacity: 0.8;}
.in-respect-section.opacity-70 .in-respect-bg .overlaybg-inrespect{opacity: 0.7;}
.in-respect-section.opacity-60 .in-respect-bg .overlaybg-inrespect{opacity: 0.6;}
.in-respect-section.opacity-50 .in-respect-bg .overlaybg-inrespect{opacity: 0.5;}
.in-respect-section.opacity-40 .in-respect-bg .overlaybg-inrespect{opacity: 0.4;}
.in-respect-section.opacity-30 .in-respect-bg .overlaybg-inrespect{opacity: 0.3;}
.in-respect-section.opacity-20 .in-respect-bg .overlaybg-inrespect{opacity: 0.2;}
.in-respect-section.opacity-10 .in-respect-bg .overlaybg-inrespect{opacity: 0.1;}
.in-respect-content{ position: relative; float: left; width: calc(100% - 355px);  padding-top: 102px; padding-bottom: 102px; }
.in-respect-slider{max-width: 770px; text-align: center; margin: 0 auto; position: relative; opacity: 0; transition-property: opacity,transform; transition-duration: .8s; transition-timing-function: ease-in-out; transition-delay: 1.4s;}
.do-animation .in-respect-slider { opacity: 1; transform: translateZ(0); }
.in-respect-slider p{font-family: 'Noto Sans KR', sans-serif; color: #231f20; letter-spacing: 0.3px; font-size: 18px; line-height: 34px; margin-bottom: 0;}

/* Follow Us CSS */
.follow-us-section {background: #f0f0f2; padding: 100px 0 150px; position: relative;}
.follow-title-div{width: 350px; float: left; margin-top: 5%; position: relative;}
.follow-title-div:after {  content: "";  position: absolute;  top: -240px;  left: 23px;  z-index: 1;  height: 220px;  width: 1px;  background: #ddb307;}
.follow-title{ color: #2e2925; font-weight: 700; font-size: 74px; line-height: 0.9; max-width: 260px; margin-bottom: 42px; position: relative; opacity: 0; transition-property: opacity,transform; transition-duration: .8s;  transition-delay: 0.8s;transition-timing-function: ease-in-out;}
.do-animation .follow-title {opacity: 1; transform: translateZ(0);}
.follow-social{opacity: 0; transition-property: opacity,transform; transition-duration: .8s;  transition-delay: 1.1s;transition-timing-function: ease-in-out;}
.do-animation .follow-social {opacity: 1; transform: translateZ(0);}
.follow-social ul li {height: 48px; width: 48px; background: #fff; border-radius: 50%; border:4px solid #dfdfdf; float: left; margin: 0 8px; transition: all.02s; box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.4);}
.follow-social ul li:hover{background: #deb308; border-color: #eac354;}
.follow-social ul li:last-child{margin-right: 0;}
.follow-social ul li:first-child{margin-left: 0;}
.follow-social ul li a {line-height: 43px; display: block; text-align: center;}
.follow-social ul li a svg{height: 16px;}
.follow-social ul li.linkdin-li a{line-height: 42px;}
.follow-social ul li.linkdin-li a svg{height: 13px;}
.follow-social ul li:hover a svg path, .header-social ul li:hover a svg circle {   fill: #fff !important;}

.follow-content-div{width: calc(100% - 350px); float: left; opacity: 0; transition-property: opacity,transform; transition-duration: .8s;  transition-delay: 1.4s;transition-timing-function: ease-in-out;}
.do-animation .follow-content-div {opacity: 1; transform: translateZ(0);}
.follow-box{padding-top: 100%; cursor: pointer; position: relative; box-shadow: 0 0 10px rgba(0,0,0,0.4);}
.follow-image{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; }
.follow-slider .slick-slide{padding: 15px;}
.follow-slider.slick-slider .slick-list{padding-left: 0 !important;}
.follow-slider .slick-arrow{position: absolute; bottom: -86px; left: 15px; height: 48px; width: 48px; border-radius: 50%;  border: 1px solid #cfd1d2;  text-align: center; background: transparent; cursor: pointer; transition: all 0.2s;}
.follow-slider .slick-arrow:hover{background: #ddb307; border-color: #ddb307; }
.follow-slider .slick-arrow:hover svg path{fill: #fff;}
.follow-slider .slick-arrow svg{height: 20px; position: relative; top: 2px; left: 2px;}
.follow-slider .slick-prev svg{transform: rotate(180deg); left: -2px;}
.follow-slider .slick-arrow.slick-next{left: 80px;}
.follow-slider .slick-slide:focus{outline: 0;}
.follow-slider .follow-overlay{position: absolute; text-align: center; top: 0; left: 0; padding: 30px 42px 50px; height: 100%; width: 100%; background: rgba(35, 31, 32, 0.6); opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s;}
.follow-slider .follow-overlay p{ color: #fff; font-size: 10px; line-height: 16px; font-family: 'Poppins', sans-serif; margin-bottom: 2rem;}
.like-follow li{display: inline-block;  margin: 0 15px;}
.like-follow li span{font-size: 12px; color: #fff;line-height: 14px;}
.like-follow li span svg{height: 14px; margin-right: 6px;}
.like-follow li span:hover{color: #ddb307; }
.like-follow li span:hover svg path{fill: #ddb307; }
.follow-facebook{ margin-bottom: 35px; height: 42px; width: 42px; border-radius: 50%; border: 1px solid #ddb307; display: inline-block; line-height: 34px;}
.follow-facebook:hover{background: #ddb307;}
.follow-facebook:hover svg path {fill: #fff;}
.follow-facebook svg{height: 22px; display: inline-block; vertical-align: middle;}
.follow-slider .follow-box:hover .follow-overlay{opacity: 1;}
.do-animation .follow-title-div:after {  
    animation-name: ftlline;
    animation-duration: 0.8s;
    animation-direction: alternate;
    animation-fill-mode : forwards;
  } 
  @keyframes ftlline {
    from {
      height: 0px;
      opacity: 0;
    }
    to {
      height: 220px;
      opacity: 1;      
    }
 }

/* Upcoming Events */
.upcoming-event-section { padding: 175px 0 160px; position: relative;}
.upevent-title-div{width: 350px; float: left; position: relative;}
.upevent-title-div:after {content: ""; position: absolute;  top: -240px;  left: 23px;  z-index: 1;  height: 220px;  width: 1px;  background: #ddb307;}
.upevent-title-div .calendar {opacity: 0; transition-property: opacity,transform; transition-duration: .8s;  transition-delay: 1.1s;transition-timing-function: ease-in-out;}
.do-animation .upevent-title-div .calendar {opacity: 1; transform: translateZ(0);}
.upevent-title-div .defult-btn{padding-left: 70px; margin-top: 25px;}
.upevent-title-div .defult-btn svg{height: 32px; margin-right: 15px; display: inline-block;  vertical-align: middle; position: absolute; top: 8px; left: 22px;}
.upevent-title-div .defult-btn:hover svg path{fill: #fff;}
.upevent-title{color: #2e2925; position: relative; font-weight: 700; font-size: 74px; line-height: 0.9; max-width: 260px; margin-bottom: 42px; padding-top: 50px; opacity: 0; transition-property: opacity; transition-duration: .8s;  transition-delay: 0.8s;transition-timing-function: ease-in-out;}
.do-animation .upevent-title {opacity: 1;}
.title-rotate{writing-mode: vertical-rl; transform: rotate(180deg); margin-left: -10px;}
.upevent-content-div{width: calc(100% - 350px); float: left; opacity: 0; transition-property: opacity,transform; transition-duration: .8s;  transition-delay: 1.4s;transition-timing-function: ease-in-out;}
.do-animation .upevent-content-div {opacity: 1; transform: translateZ(0);}
.upevent-box{ position: relative; box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.15); border-radius: 0 0 210px 210px;  padding: 55px 45px;height:540px;}
.upevent-slider .slick-track .slick-slide:nth-child(odd) .upevent-box{box-shadow: -10px -10px 15px 0px rgba(0,0,0,0.15); border-radius: 210px 210px 0 0;}
.event-list-date {margin-bottom: 45px; text-align: center;}
.event-list-date .event-day{font-weight: 900; color: #919396; text-transform: uppercase; font-size: 13px; line-height: 1;}
.event-list-date .event-month, .event-list-date .endateTxt{font-weight: 900; color: #919396; text-transform: uppercase; font-size: 26px; line-height: 1.1;}
.event-list-date .endateTxt strong{color:#ddb307;font-size:30px;}
.event-list-date .event-date { position: relative; top: -6px; font-weight: 900; color: #ddb307; font-size: 107px; line-height: 1;}
.event-list-content{text-align: center;}
.event-list-content .defult-btn{/*margin-top: 40px;*/position: absolute;bottom: 35px;display:block;margin:auto;left: 0;right: 0;width: 50px;}
.event-list-content h2{font-size: 21px; color: #00488f; letter-spacing: 0.3px; /*min-height: 84px;*/margin-bottom: 35px; font-weight: 900; line-height: 28px;}
.event-list-content .event-time, .event-list-content .event-address{font-size: 13px; color: #919396; font-family: 'Poppins', sans-serif; margin: 0; line-height: 21px;}
 .event-list-content .event-address{min-height: 42px;}
.upevent-slider .slick-slide{padding: 22px;}
.upevent-slider.slick-slider .slick-list{padding-left: 0 !important;}
.upevent-slider .slick-arrow{position: absolute; bottom: 41%; left: -135px; height: 48px; width: 48px; border-radius: 50%;  border: 1px solid #cfd1d2;  text-align: center; background: transparent; cursor: pointer; transition: all 0.2s;}
.upevent-slider .slick-arrow:hover{background: #ddb307; border-color: #ddb307; }
.upevent-slider .slick-arrow:hover svg path{fill: #fff;}
.upevent-slider .slick-arrow svg{height: 20px;     position: relative; top: 2px; left: 2px;}
.upevent-slider .slick-prev svg{transform: rotate(180deg); left: -2px;}
.upevent-slider .slick-arrow.slick-next{left: -71px;}
.upevent-slider .slick-slide:focus{outline: 0;}
.mobile-clender-btn{display: none;}
.do-animation .upevent-title-div:after {  
    animation-name: upftlline;
    animation-duration: 0.8s;
    animation-direction: alternate;
    animation-fill-mode : forwards;
  } 
  @keyframes upftlline {
    from {
      height: 0px;
      opacity: 0;
    }
    to {
      height: 220px;
      opacity: 1;      
    }
 }

/* General Page CSS */
.innerpage-loader .innerpage-slider-wrapper{ opacity: 0; transition: opacity 0.2s 0s, visibility 0s 0.2s;}
.innerpage-slider-wrapper{transition: opacity 1s; opacity: 1;}
.innerpage-slider-wrapper .banner-bg-div:before { height: 70%; top: auto; bottom: 0; background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );}
.banner-content-div{position: absolute; bottom: 110px; left: 0; right: 0; width: 100%; }
.banner-content-div .container{max-width: 1450px; padding: 0 15px;}
.banner-content-div .bantl-inner{position: relative;}
.banner-content-div .bantl-inner:before{position: absolute; content: ""; top: -100vh;  left: 25px;  height: 98vh; width: 1px; background: #dba900;}
.banner-content-div .bantl-inner:after{position: absolute; content: ""; bottom: -215px; left: 25px; height: 190px; width: 1px; background: #dba900;}
.banner-content-div .banner-subtitle{ font-size: 34px; margin-bottom: 25px; letter-spacing: 0.2px; font-weight: 400; line-height: 1; color: #fff; padding-left: 10px;}
.banner-content-div .banner-title{ font-size: 97px; line-height: 0.9; letter-spacing: 0.2px; color: #fff; font-weight: 700; }
.comman-page-section{position: relative; /* padding: 50px 0; */ padding: 40px 0;}
.comman-detaildiv{max-width: 940px; margin: 0 auto; /* padding: 50px 0 30px; */ padding: 40px 0 25px;}
.comman-detaildiv h1{ position: relative; font-size: 60px; font-weight: 700; color: #2e2925; /* margin-bottom: 55px; margin-top: 80px; padding-top: 40px; */ margin-bottom: 40px; margin-top: 60px; padding-top: 35px;  clear: both;}
.comman-detaildiv h1:before{width: 190px; height: 1px; background: #dba900; content: ""; position: absolute; top: 0; left: -140px; opacity: 0;}
.comman-detaildiv h1.do-animation:before{animation-name: honeline;  animation-duration: 1s; animation-delay: 0.1s; animation-direction: alternate;  animation-fill-mode : forwards;}
@keyframes honeline { from { width: 0px; opacity: 0; } to { width: 190px; opacity: 1; } }
.comman-detaildiv h2{font-family: 'Jaldi', sans-serif; letter-spacing: 0.3px; color: #dba900; /* margin-bottom: 50px; margin-top: 50px; */ margin-bottom: 30px; margin-top: 40px;}
.comman-detaildiv h1:first-child, .comman-detaildiv h2:first-child, .comman-detaildiv h3:first-child, .comman-detaildiv h4:first-child{margin-top: 0;}
.comman-detaildiv h3{ font-weight: 700; line-height: 1; color: #2e2925; font-size: 40px; position: relative; /* padding-top: 40px; margin-bottom: 45px; margin-top: 80px; */ padding-top: 35px;  margin-bottom: 35px;  margin-top: 65px;}
.comman-detaildiv h3:before{width: 190px; height: 1px; background: #dba900; content: ""; position: absolute; top: 0; left: -140px;opacity: 0;}
.comman-detaildiv h3.do-animation:before{animation-name: hthreeline;  animation-duration: 1s; animation-delay: 0.1s;  animation-direction: alternate;  animation-fill-mode : forwards;}
@keyframes hthreeline { from { width: 0px; opacity: 0; } to { width: 190px; opacity: 1; } }
.comman-detaildiv h4{font-family: 'Jaldi', sans-serif; font-weight: 400; font-size: 32px; line-height: 1.1; letter-spacing: 0.3px; /*color: #dba900;*/color:#00488f; margin-bottom: 30px; /* margin-top: 55px; */ margin-top: 50px;}
.comman-detaildiv h5{color:#2e2925;/* margin-bottom: 45px; */ margin-bottom: 40px; margin-top: 35px; font-size: 25px; line-height: 1.1; letter-spacing: 0.3px; font-weight: 300;}
.comman-detaildiv p{ font-family: 'Noto Sans KR', sans-serif; color: #606060; font-size: 14px; line-height: 24px; letter-spacing: 0.3px; /*margin-bottom: 30px; */ margin-bottom: 25px;}
.comman-detaildiv ul, .comman-detaildiv ol{padding-left: 15px; /* margin-bottom: 30px; */ margin-bottom: 25px;}
.comman-detaildiv ul:last-child, .comman-detaildiv ol:last-child{margin-bottom: 0px;}
.comman-detaildiv ul li, .comman-detaildiv ol li{color: #606060; font-size: 14px; margin-bottom: 3px; position: relative; padding-left: 20px;}
.comman-detaildiv ol { list-style: decimal;}
.comman-detaildiv ul li:before{content: "";position: absolute;width: 5px;height: 5px;background: #606060;border-radius: 5px; left: 0; top: 12px;}
.comman-detaildiv figure{position: relative; margin-top: 50px; margin-bottom: 50px;}
.comman-detaildiv figure.with-caption{ padding-bottom: 80px; margin-bottom: 110px;}
.comman-detaildiv .parent figure{margin-top: 0; margin-bottom: 23px;}
.comman-detaildiv figcaption{padding: 20px 0px 20px 20px; max-width: 345px !important; text-align: left; position: absolute; left: 35px; bottom: 0px; font-family: 'Noto Sans KR', sans-serif; font-size: 14px; margin: 0; line-height: 20px; color: #606060; }
.comman-detaildiv figcaption .figcaption-line { position: absolute; content: ""; bottom: 0; left: 0px;  height: 150px;  width: 1px; background: #dba900;}
.comman-detaildiv h1, .comman-detaildiv h2, .comman-detaildiv h3, .comman-detaildiv h4, .comman-detaildiv h5, .comman-detaildiv p, .comman-detaildiv .table, .comman-detaildiv ul, .comman-detaildiv ol, .craftcms-formdiv, .imgDivider-container .imgDivider-title, .imgDivider-container h2 { transition-duration: .8s; transition-timing-function: ease-in-out;}

.table {width:100%; background: #f0f0f2; margin-bottom: 4rem; margin-top: 5.5rem; position: relative;}
.table tr{background: #f0f0f2;}
.table:before { content: "";   display: block;  background-color: #f0f0f2;  position: absolute;  left: -10000px;  right: -10000px;  bottom: -25px;  top: -25px;  z-index: -1;}
.table thead th { font-family: 'Noto Sans KR', sans-serif; font-size: 16px;border:0px;line-height: 24px;color:#ddb307;padding: 15px 12px;font-weight:700; border-bottom: 1px solid #fff;}
.table td {font-family: 'Noto Sans KR', sans-serif; font-size: 14px;line-height: 24px;color: #606060;padding:15px 12px;border-top:0px; border-bottom: 1px solid #fff;}
.table .file-dwonload-a a{margin-bottom: 0px; background: #fff;}

.file-dwonload-a{ white-space: inherit; display: block;  padding: 0px; border: none;  text-align: left;  background-color: transparent; border-radius: 0px;text-transform: inherit;   text-shadow: none;    box-shadow: none;}
.file-dwonload-a a{ font-family: 'Noto Sans KR', sans-serif; display: inline-block; margin-bottom: 2rem; font-size: 16px; font-weight: 700; color: #2e2925;  line-height: 20px; width: 100%; max-width: 540px; padding: 20px 15px 20px 100px; position: relative; background: #f0f0f0; transition: all 0.2s;}
.file-dwonload-a a span{display: inline-block; position: relative;}
.file-dwonload-a a span:after{ content: ""; position: absolute; bottom: -6px; left:0; height: 1px; width: 100%; min-width: 250px; background: #dba900;}
.file-dwonload-a a:before{content: ""; background: url(../images/file-downloads-icon.png) no-repeat #dba900; height: 30px; width: 30px; display: inline-block; position: absolute;top: 50%; margin-top: -15px; left: 15px; z-index: 1; }
.file-dwonload-a a:after{content: ""; position: absolute; top: 0; left: 0;  width: 60px; height:100%; background: #dba900;}
.file-dwonload-a a:hover{background: #dba900; color: #fff;}
.file-dwonload-a a:hover:before{background-position: bottom;}

.craftcms-formdiv{max-width: 614px; margin: 0 auto; padding-bottom: 0; padding-top: 0;}
.craftcms-formdiv button[type="submit"], .craftcms-formdiv input[type="submit"]{margin-top: 30px;}

/* Image/Textbox Module */
.imagetext-module-section{max-width: 1520px; /* margin: 80px auto 220px;*/ margin: 40px auto 150px; padding: 0 15px; position: relative;}
.imagetext-title-div{padding: 75px 125px;  width: 52%; position: absolute; z-index: 1; right: 15px; top: 135px;  box-shadow: 0px 0px 25px 8px rgba(0,0,0,0.2); background: #fff;}
.imagetext-innerdiv{max-width: 732px; margin: 0 auto;}
.imagetext-title-div h2 {font-size: 62px;line-height: 1.2; letter-spacing: 0.26px; font-weight: 700; color: #2e2925; margin-bottom: 3.2rem;}
.imagetext-title-div h2 a{ color: #2e2925;}
.imagetext-title-div h3{ margin-bottom: 3.2rem;}
.imagetext-title-div h3 p{ margin-bottom:0; font-size: 31px; max-width: 490px; font-family: 'Jaldi', sans-serif; line-height: 1; letter-spacing: 0.3px; color: #ddb307;}
.imagetext-title-div p{font-size: 14px; max-width: 520px; color: #231f20; line-height: 25px; font-family: 'Noto Sans KR', sans-serif; letter-spacing: 0.3px; margin-bottom: 25px;}
.imagetext-title-div p:last-child{margin-bottom: 0;}

.imagetext-divwrap{width: 57%;position: relative;}
.imagetextimg-div { width: 100%; padding: 0; min-height: 844px;  background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; border-radius: 170px 0 0 0;}
.imagetextimg-div:before { position: absolute; z-index: 1; content: ""; bottom: -100px; left: 60px; height: 180px; width: 1px;   background: #ddb307;  opacity: 1;}
.imagetext-module-section.rightside .imagetextimg-div:before{right: 60px;  left: auto;}
.imagetext-overlay{position: absolute; padding: 34px 120px 34px 55px; width: 75%; bottom: 0; right: 0; background: rgba(0, 72, 143, 0.8); font-size: 32px; line-height: 1; color: #fff; font-family: 'Jaldi', sans-serif; /* transform: rotate(-90deg); right: -203px; width: 67%; min-width: 570px; min-height: 165px; bottom: 203px; */}
.imagetext-module-section.leftSide .imagetext-overlay{ padding: 34px 55px 35px 120px;   right: auto; left: 0;}
.imagetext-module-section .button-arrow{color: #00488f; margin-top: 4.5rem;}
.imagetext-module-section.rightside .imagetext-divwrap{float: right; }
.imagetext-module-section.rightside .imagetextimg-div{ border-radius: 0 170px 0 0;}
.imagetext-module-section.rightside .imagetextimg-div { /* transform: translate3d(100px,0,0); */}
.imagetext-module-section.rightside .imagetext-title-div { right: auto; left: 15px; /* transform: translate3d(-100px,0,0); */}
.imagetext-module-section.rightside .imagetextimg-div.aos-init.aos-animate, .imagetext-module-section.rightside .imagetext-title-div.aos-init.aos-animate { transform: translateZ(0);}
.imagetext-module-section.ybgcolor .imagetext-title-div h2 a, .imagetext-module-section.ybgcolor .imagetext-title-div p, .imagetext-module-section.bluebgcolor .imagetext-title-div h2 a, .imagetext-module-section.bluebgcolor .imagetext-title-div p, .imagetext-module-section.charcoalbgcolor .imagetext-title-div h2 a, .imagetext-module-section.charcoalbgcolor .imagetext-title-div p {  color: #fff;}
.imagetext-module-section.ybgcolor .imagetext-title-div{background: #deb406;}
.imagetext-module-section.ybgcolor .imagetext-title-div h3 p{color: #2e2925;}
.imagetext-module-section.ybgcolor .button-arrow .round-arrow{border-color: #fff; height: 46px; width: 46px; margin-right: 20px;}
.imagetext-module-section.ybgcolor .button-arrow .round-arrow svg{margin: 11px auto;}
.imagetext-module-section.ybgcolor .button-arrow .round-arrow svg path{fill:#00488f;}
.imagetext-module-section.ybgcolor .button-arrow:hover {color: #fff;}
.imagetext-module-section.ybgcolor .button-arrow:hover .round-arrow{background: #fff;}
.imagetext-module-section.bluebgcolor .button-arrow{color: #fff;}
.imagetext-module-section.whitebgcolor .button-arrow { color: #231f20;}
.imagetext-module-section.charcoalbgcolor .button-arrow { color: #fff;}
.imagetext-module-section.whitebgcolor .button-arrow:hover, .imagetext-module-section.bluebgcolor .button-arrow:hover, .imagetext-module-section.charcoalbgcolor .button-arrow:hover {  color: #ddb307;}
.imagetext-module-section.bluebgcolor .imagetext-title-div{background: #00488f;}
.imagetext-module-section.charcoalbgcolor .imagetext-title-div{background: #231f20;}
.imagetext-module-section.bluebgcolor .imagetext-title-div h3 p, .imagetext-module-section.charcoalbgcolor .imagetext-title-div h3 p{color: #ddb307;} 
.imagetext-module-section.ybgcolor .imagetext-title-div p a{color: #00488f;}

/* Image Divider Module */
.imgDivider-module-section{padding: 9rem 0 5.5rem;  position: relative; margin: 50px 0; min-height: 655px; display: flex; align-items: center;}
.imgdivider-bg{background-size: cover; background-position: center; background-repeat: no-repeat;  position: absolute; top: 0; left: 0;   width: 100%;   height: 100%;  opacity: 0;  transition-property: opacity,transform;  transform: translate3d(0,100px,0);  transition-timing-function: ease;  transition-duration: 0.8s; }
.do-animation .imgdivider-bg { opacity: 1;  transform: translateZ(0);}
.imgdivider-bg .imgDivider-overlayimg{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0; /* background: rgba(46, 41, 37, 0.6);*/ background: #2e2925; opacity: 0.6;}
.imgDivider-module-section.opacity-100 .imgdivider-bg .imgDivider-overlayimg{opacity: 1;}
.imgDivider-module-section.opacity-90 .imgdivider-bg .imgDivider-overlayimg{opacity: 0.9;}
.imgDivider-module-section.opacity-80 .imgdivider-bg .imgDivider-overlayimg{opacity: 0.8;}
.imgDivider-module-section.opacity-70 .imgdivider-bg .imgDivider-overlayimg{opacity: 0.7;}
.imgDivider-module-section.opacity-60 .imgdivider-bg .imgDivider-overlayimg{opacity: 0.6;}
.imgDivider-module-section.opacity-50 .imgdivider-bg .imgDivider-overlayimg{opacity: 0.5;}
.imgDivider-module-section.opacity-40 .imgdivider-bg .imgDivider-overlayimg{opacity: 0.4;}
.imgDivider-module-section.opacity-30 .imgdivider-bg .imgDivider-overlayimg{opacity: 0.3;}
.imgDivider-module-section.opacity-20 .imgdivider-bg .imgDivider-overlayimg{opacity: 0.2;}
.imgDivider-module-section.opacity-10 .imgdivider-bg .imgDivider-overlayimg{opacity: 0.1;}
.paralaxScroll{background-attachment: fixed;}
.imgDivider-module-section .imgDivider-container{ width: 100%; max-width: 1520px; position: relative; margin: 0 auto; padding: 0 15px; }
.imgDivider-module-section .imgDivider-content{ max-width: 860px; width: 100%;}
.imgDivider-container .imgDivider-title{color: #fff; font-size: 75px; line-height: 1; font-weight: 700; margin-top: 0; margin-bottom: 5.5rem;}
.imgDivider-container .imgDivider-title:last-child{margin-bottom: 0;}
.imgDivider-container h2{font-family: 'Jaldi', sans-serif; font-weight: 400; font-size: 32px; line-height: 1; color: #ddb307;   margin-bottom: 2rem;}
.imgDivider-container h2 p{font-family: 'Jaldi', sans-serif;font-weight: 400; font-size: 32px; line-height: 1; color: #ddb307; margin-bottom: 0;}
.imgDivider-module-section.text-color-white .imgDivider-container h2 p{color: #fff;}
.imgDivider-container h2:last-child{margin-bottom: 0; padding-top: 0;}
.imgDivider-container .button-arrow{margin-top: 3rem;}
.imgDivider-container p{color: #fff; font-size: 38px;  line-height: 52px;  font-weight: 700;  margin: 0;}
.imgDivider-line {  position: absolute;  top: 0;  left: 0;   width: 100%;   height: 100%;}
.imgDivider-line .imgDivider-container{height: 100%;}
.imgDivider-line .imgDivider-container:before { position: absolute; content: "";  top: -80px;  left: 15px;  height: 190px;  width: 1px; background: #ddb307; opacity: 0;}
.imgDivider-line .imgDivider-container:after { position: absolute; content: "";  bottom: -150px;  left: 15px;  height: 190px;  width: 1px; background: #ddb307; opacity: 0;}
.imgDivider-module-section.rightside{}
.imgDivider-module-section.rightside .imgDivider-content{text-align: right; float: right;}
.imgDivider-module-section.rightside .imgDivider-line .imgDivider-container:before { left: auto;  right: 15px;}
.imgDivider-module-section.rightside .imgDivider-line .imgDivider-container:after { left: auto; right: 15px;}
.do-animation .imgDivider-line .imgDivider-container:before {  animation-name: imgdividerline;  animation-duration: 0.8s; animation-delay: 0.5s;  animation-direction: alternate; animation-fill-mode : forwards;  }
.do-animation .imgDivider-line .imgDivider-container:after {  animation-name: imgdividerlinebtm;  animation-duration: 0.8s; animation-delay: 2s;  animation-direction: alternate; animation-fill-mode : forwards;  }
@keyframes imgdividerline { from { height: 0px; opacity: 0; } to { height: 190px; opacity: 1; } }
@keyframes imgdividerlinebtm { from { height: 0px; opacity: 0; } to { height: 190px; opacity: 1; } }

.comman-accordion{position: relative;height: auto;}
.accordion-container .comman-detaildiv {padding-top: 0px; }
.accordion-box{ position: relative;  width: 100%;height: auto; opacity: 0;  transition-property: opacity,transform;  transform: translate3d(0,100px,0);  transition-timing-function: ease;  transition-duration: 0.8s; }
.do-animation.accordion-box { opacity: 1;  transform: translateZ(0);}
.accordion-box:after { content: "";  background-color: #f0f0f2; height: 100%;  position: absolute; top: 0;  z-index: -1;  width: 100vw !important;  left: 50%; right: 50%;  margin-left: -50vw;  margin-right: -50vw;}
.accordion-box:nth-child(2n), .accordion-box:nth-child(2n):after { background: #fff;}
.accordion-box > a{min-height: 104px; display: flex; align-items: center; font-weight: 700;font-size: 25px;line-height: 1.2;color: #2e2925;  padding: 45px 0px; text-decoration: none;  -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; transition:all 0.2s linear; position: relative; font-weight: 300; }
.accordion-box > a strong{font-weight: 700;}
.accordion-box .accordion-titlediv{width: calc(100% - 65px);}
.accordion-titlestrong{display: block;}
.accordion-titledropdown{ margin-top: 15px; position: relative;}
.accordion-titledropdown p:last-child{margin-bottom: 0;}
.accordion-box .content{ position: relative; display:none;}
.accordion-box .content:after{content: ""; display: table; clear: both;}
.accordion-sign {position: absolute;  right: 0; /* top: 50%; margin-top: -23px;*/ top:36px; height: 46px; width: 46px;}
.accordion-sign:after{content: ""; height: 46px; width: 46px; border: 1px solid #8e8e90; border-radius: 100%; position: absolute; top: 50%; right:0; margin-top: -22px; }
.accordion-sign .horizontal {position: absolute;background-color: #deb307;  width: 22px;  height: 3px;  left: 50%;  margin-left: -11px;  top: 50%;  margin-top: -1px; opacity: 0;}
.accordion-sign .vertical {position: absolute; width: 20px; height: 12px; left: 50%; margin-left: -10px; top: 50%;  margin-top: -6px;}
.accordion-sign .vertical svg{ width: 20px; position: relative; top: -11px;}
.accordion-sign.opened .vertical { opacity: 0;  }
.accordion-sign.opened .horizontal {  opacity: 1;}
.accordion-box .table:before{display: none;}
.accordion-box .table {  margin-bottom: 2.5rem;  margin-top: 2.5rem;}
.comman-detaildiv .accordion-box figure.figure-right{margin-right: 0 !important; margin-left: 3rem;}
.comman-detaildiv .accordion-box figure.figure-left{margin-left: 0 !important; margin-right: 3rem;}

/* Photo gallery Module */
.gallery-container .comman-detaildiv{padding: 0;}
.gallery-wraper {  margin: 50px 0;}
.photogallery{max-width: 1440px; float: right;}
.photogallery:before { position: absolute; content: ""; top: 60px; left: -370px; z-index: 1; height: 1px;  /* width: 390px; */ width: 520px; background: #ddb307;}
.do-animation .photogallery:before {  animation-name: pohotgaline;  animation-duration: 0.8s; animation-direction: alternate; animation-fill-mode : forwards;  }
@keyframes pohotgaline { from { width: 0px; opacity: 0; } to { width: 520px; opacity: 1; } }
.photogallery .slick-slide{padding: 20px;}
.photogallery-box{position: relative;}
.photogallery-box img{height: 550px;}
.photogallery.slick-slider .slick-list{ /* padding-left: 0 !important; */ padding-bottom: 100px;}
.photogallery-caption{padding: 20px 0px 0px 20px; max-width: 345px; position: absolute; left: 35px; bottom: -100px; }
.photogallery-caption:before { position: absolute; content: ""; top: -85px; left: 0px;  height: 190px;  width: 1px; background: #ddb307;}
.photogallery-caption p{font-size: 14px; margin: 0; line-height: 20px; height: 80px; overflow: hidden; color: #2e2925; font-weight: 300;}
.photogallery .slick-arrow{ position: absolute; bottom: 140px; left: -130px; height: 48px; width: 48px; border-radius: 50%;  border: 1px solid #cfd1d2;  text-align: center; background: transparent; cursor: pointer; transition: all 0.2s; z-index: 1;}
.photogallery .slick-arrow:hover{background: #ddb307; border-color: #ddb307; }
.photogallery .slick-arrow:hover svg path{fill: #fff;}
.photogallery .slick-arrow svg{height: 20px;     position: relative; top: 2px; left: 2px;}
.photogallery .slick-prev svg{transform: rotate(180deg); left: -2px;}
.photogallery .slick-arrow.slick-next{left: -65px;}
.photogallery .slick-slide:focus, .slick-lightbox-slick-item:focus{outline: 0;}
.slider__counter {position: absolute; bottom: 220px; left: -135px; font-size: 39px; line-height: 1; font-weight: 700;  color: #ced0cf;}
.slider__counter span{color: #ddb307;}
.slider__counter i{color: #ddb307; font-weight: 300; font-style: normal; margin: 0 5px;}
.slick-lightbox .slick-prev, .slick-lightbox .slick-next {  font-size: 0; line-height: 0;  position: absolute;  top: 50%;  display: block;  width: 40px;  height: 40px;  margin-top: -20px;  padding: 0;  z-index: 1;  cursor: pointer;  color: transparent;  border: none;  outline: none;  background: #ddb307; border-radius: 50%;}
.slick-lightbox .slick-prev:before {  content: '←';}
.slick-lightbox .slick-next:before {  content: '→';}
.slick-lightbox .slick-prev:before, .slick-lightbox .slick-next:before {  font-family: 'slick'; position: relative; top: -3px; font-size: 38px; line-height: 1;  color: white;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
.slick-lightbox-close:before{font-size: 40px; color: #ddb308;}

/* Video Module */
.video-module{margin: 50px 0 80px;}
.video-module .container{max-width: 1670px;}
.video-wrapdiv{position: relative; }
.video-outerdiv{max-width: 59.15%; border-radius: 140px 0 0 0; overflow: hidden; box-shadow: 0px 0px 25px 8px rgba(0,0,0,0.2); position: relative; z-index: 1;}
.video-divbox{position: relative; /* padding-bottom: 66.66%; */ padding-bottom: 56.25%;}
.video-divbox .video-background-controls button{ background: transparent;  border: none;  height: 100%;   width: 100%;}
.video-divbox .video-background-controls button i{position: relative; cursor: pointer; height: 170px; width: 170px; border: 1px solid #ddb307; border-radius: 100%; font-size: 22px; line-height: 92px;text-align: center;color: #FFFFFF; background: transparent; font-style: normal; font-size: 0; display: block; margin: 0 auto; transition: all 0.2s;}
.video-divbox .video-background-controls button i.fa-pause-circle{opacity: 0;}
.video-divbox .video-background-controls button i:before{content: ""; width: 0; height: 0; border-top: 30px solid transparent; border-left: 55px solid #ddb307;   border-bottom: 30px solid transparent; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; visibility: hidden; -webkit-transition: opacity .2s 0s,visibility 0s .2s;    -moz-transition: opacity .2s 0s,visibility 0s .2s; transition: opacity .2s 0s,visibility 0s .2s; opacity: 1; visibility: visible; opacity: 0.7;}
.video-divbox .video-background-controls button i{font-style: normal;}
.video-divbox .video-background-controls { height: 100%; width: 100%; top: 50% !important;  right: auto !important;  left: 50%; transform: translate(-50%, -50%); cursor: pointer;}
.video-divbox .video-background-controls button:hover{font-size: 0;}
.video-divbox .video-background-controls button:hover i:before{opacity: 1; visibility: visible;}
.video-module-content{background: #ddb308;  width: 53%; padding: 75px;   position: absolute;    right: 0;  top: 75px;}
.video-module.bluebgcolor .video-module-content{  background: #00488f;}
.video-module.charcoalbgcolor .video-module-content{  background: #231f20;}
.video-module.whitebgcolor .video-module-content{  background: #fff;}
.video-wrapdiv:before { position: absolute; z-index: 1; content: ""; top: 150px; left: 880px; z-index: 2; height: 1px;  width: 190px; background: #fff;}
.video-module-content p{font-family: 'Jaldi', sans-serif; font-weight: 400; font-size: 30px; line-height: 1; color: #fff; max-width: 435px; margin-top: 75px;  margin-left: 200px;}
.video-module-content .button-arrow{color: #00488f; /* margin-top: 10.5rem;*/ margin-top: 5rem; margin-left: 200px;}
.video-module-content .button-arrow .round-arrow{border-color: #fff; height: 46px; width: 46px; margin-right: 20px;}
.video-module-content .button-arrow .round-arrow svg{margin: 11px auto;}
.video-module-content .button-arrow .round-arrow svg path{fill:#00488f;}
.video-module-content .button-arrow:hover {color: #fff;}
.video-module-content .button-arrow:hover .round-arrow{background: #fff;}
.video-module.rightside .video-wrapdiv:after{content: ""; display: table; clear: both;}
.video-module.rightside .video-outerdiv{ margin-left: 40.85%;  border-radius: 0 140px 0 0; }
.video-module.rightside .video-module-content{right: auto; left: 0;}
.video-module.rightside .video-module-content p{ margin-left: 0px; margin-right: 200px;}
.video-module.rightside .video-wrapdiv:before{ left: 575px;}
.video-module.rightside .video-module-content .button-arrow{margin-left: 0;}
.video-wrapdiv .videoline-white{display: none;}
.video-divbox.vimeo-box .youtube-background { height: 100%; width: 100%; z-index: 0;  position: absolute;  overflow: hidden;  top: 0px;  left: 0px;  bottom: 0px;  right: 0px;}
.video-divbox.vimeo-box .youtube-background iframe{position: absolute;  /* height: 130%;  width: 135%; top: 50%;   left: 50%;  transform: translateX(-50%) translateY(-50%); */ height: 100% !important; width: 100% !important; top: 0; left: 0;}
.video-module.whitebgcolor .video-module-content p {color: #2e2925;}
.video-module.whitebgcolor .video-module-content .button-arrow { color: #231f20;}
.video-module.whitebgcolor .video-module-content .button-arrow .round-arrow{border-color: #a9a49e;}
.video-module.bluebgcolor .video-module-content .button-arrow{color: #fff;}
.video-module.whitebgcolor .video-module-content .button-arrow { color: #231f20;}
.video-module.charcoalbgcolor .video-module-content .button-arrow { color: #fff;}
.video-module.whitebgcolor .video-module-content .button-arrow:hover, .video-module.bluebgcolor .video-module-content .button-arrow:hover, .video-module.charcoalbgcolor .video-module-content .button-arrow:hover {  color: #ddb307;}
.video-module.bluebgcolor .video-module-content .button-arrow svg path, .video-module.charcoalbgcolor .video-module-content .button-arrow svg path, .video-module.whitebgcolor .video-module-content .button-arrow svg path{fill: #ddb307;}
.video-module.bluebgcolor .video-module-content .button-arrow:hover .round-arrow, .video-module.charcoalbgcolor .video-module-content .button-arrow:hover .round-arrow { border-color: #ddb307;   background: #ddb307;}
.video-module.bluebgcolor .video-module-content .button-arrow:hover .round-arrow svg path, .video-module.charcoalbgcolor .video-module-content .button-arrow:hover .round-arrow svg path, .video-module.whitebgcolor .video-module-content .button-arrow:hover .round-arrow svg path {  fill: #fff;}
.video-module.whitebgcolor .video-module-content .button-arrow:hover .round-arrow{background: #ddb308; border-color: #ddb308;}
.video-divbox.vimeo-box  .video-background-controls{    pointer-events: none;}
.video-divbox.vimeo-box .video-background-controls button.play-toggle i {  opacity: 0;}
.video-divbox.vimeo-box .video-background-controls button.play-toggle.paused i {  opacity: 1;}

/* Tiles Module */
.tiles-module .container{max-width: 1220px;}
.tiles-grid-module{ /* margin: 50px -7px; */ margin: 50px -7px 30px; }
.tiles-grid-item {float: left;}
.tiles-grid-sizer, .tiles-grid-item {width: 33.33%;position: relative;padding: 7px;}
.tiles-grid-item.tiles-half {  width: 66.66%;}
.tiles-grid-item.tiles-half.col2-height .tiles-boxdiv{border-radius: 0 130px 0 0; overflow: hidden;}
.tiles-grid-item.col2-height .tiles-boxdiv{border-radius: 130px 0 0 0; overflow: hidden;}
.tiles-grid-item.col2-height.content-whitebox .tiles-boxdiv{border-radius: 0px; }
.tiles-grid-item.blue-bg .tiles-boxdiv{background-color: #00488f;}
.tiles-grid-item.yellow-bg .tiles-boxdiv{background-color: #dba900;}
.tiles-grid-item.brown-bg .tiles-boxdiv{background-color: #2e2925;}
.tiles-grid-item.white-bg .tiles-boxdiv{background-color: #fff;}
.tiles-boxdiv{ height: 225px; overflow: hidden; position: relative; padding: 30px; color: #fff; }
.tiles-boximage {  background-size: cover;  background-repeat: no-repeat;  background-position: center;  position: absolute; top: 0; left: 0; height: 100%;  width: 100%;   -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;  transition: all 0.5s ease;}
.tiles-boxdiv:hover .tiles-boximage { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2);  transform: scale(1.2);}
.tiles-boxdiv .tiles-boximage:before{content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%;}
.tiles-grid-item.blue-bg .tiles-boxdiv .tiles-boximage:before{background: rgba(0, 72, 143, 0.5);}
.tiles-grid-item.yellow-bg .tiles-boxdiv .tiles-boximage:before{background: rgba(219, 169, 0, 0.5);}
.tiles-grid-item.brown-bg .tiles-boxdiv .tiles-boximage:before{background: rgba(46, 41, 37, 0.5);}
.tiles-grid-item.white-bg .tiles-boxdiv .tiles-boximage:before{background: rgba(255, 255, 255, 0.5);}
.tiles-subtitle{ font-size: 18px;line-height: 1;color: #FFFFFF;margin-bottom: 5px;}
.tiles-title{ font-size: 40px;line-height: 1; font-weight: 700; color: #FFFFFF;}
.tiles-content{position: absolute; bottom: 0px; left: 0px; height: 100%; width: 100%; padding: 35px 60px;}
.tiles-content .tiles-line-span { position: absolute; content: ""; top: 0px; left: 65px; z-index: 1; height: calc(100% - 108px);  width: 1px; background: #ddb307;}
.tiles-content:after { position: absolute; content: ""; bottom: 0px; left: 65px; z-index: 1; height: 25px;  width: 1px; background: #ddb307;}
.tiles-grid-item.white-bg .tiles-title, .tiles-grid-item.white-bg .tiles-subtitle {color: #2e2925;}
.tiles-content-line{ position: absolute; bottom: 35px;}
.tiles-grid-item.col2-height .tiles-boxdiv{height: 464px;}
.tiles-grid-item.content-whitebox .tiles-content-line{ bottom: auto; top: 50%; transform: translateY(-50%);}
.tiles-grid-item.content-whitebox .tiles-content h2{ position: relative; font-size: 25px; line-height: 1.2; margin-bottom: 45px; padding-top: 45px; margin-top: 0px; color: #0F1843; letter-spacing: 0.3px; font-weight: 700;}
.tiles-grid-item.content-whitebox .tiles-content h2:before{position: absolute; content: ""; top: 0px; left: -80px; z-index: 1; height: 1px;  width: 200px; background: #ddb307;}
.tiles-grid-item.content-whitebox .tiles-content p{ font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 12px; line-height: 20px;   margin-bottom: 0px; color: #6b6b6b; max-width: 275px;}
.tiles-grid-item.content-whitebox .tiles-line-span, .tiles-grid-item.content-whitebox .tiles-content:after {display: none;}

/* College Tour CSS */
.college-tour-banner .home-slider, .newsletter-slide-banner .home-slider{height: 75vh;}
.college-tour-banner .banner-bg-div, .newsletter-slide-banner .banner-bg-div { height: 75vh;  height: calc((var(--vh, 1vh) * 75));}
.college-tour-detaildiv{max-width: 1080px;}
.college-tour-box { position: relative; box-shadow: -7px -7px 14px 0px rgba(0,0,0,0.15); border-radius: 210px 0 0 210px; margin-bottom: 30px; padding: 35px 35px 35px 85px;}
.eventdate-div {float: left; text-align: center; width: 132px;}
.eventdate-div .event-day{font-weight: 900; color: #919396; text-transform: uppercase; font-size: 13px; line-height: 1;}
.eventdate-div .event-month{font-weight: 900; color: #919396; text-transform: uppercase; font-size: 26px; line-height: 1;}
.eventdate-div .event-date { position: relative; top: -6px; font-weight: 900; color: #ddb307; font-size: 107px; line-height: 1;}
.eventdate-content{float: left; width: calc(100% - 132px); padding-left: 100px;}
.eventdate-content h3, .mob-collegetour-title h3{font-size: 25px; padding-top: 0; margin-top: 0; color: #231f20; letter-spacing: 0.3px; margin-bottom: 35px; font-weight: 700; line-height: 29px; margin-bottom: 30px;}
.eventdate-content h3:before, .mob-collegetour-title h3:before{display: none;}
.cast-event{color: #919396; float: right;}
.cloack-pin-div{margin-bottom: 45px;}
.cloack-pin-div .clock-p, .cloack-pin-div .marker-p{float: left; font-family: 'Poppins', sans-serif; font-weight: 400; line-height: 20px; margin-bottom: 0; position: relative;}
.cloack-pin-div .clock-p{width: 200px; padding-left: 35px;}
.cloack-pin-div .marker-p{width: calc(100% - 200px); padding-left: 35px;}
.cloack-pin-div .clock-p svg, .cloack-pin-div .marker-p svg {height: 20px; display: inline-block; vertical-align: middle; position: absolute;  top: 0px; left: 0;}
.eventdate-button{}
.eventdate-button .right-bnt{float: right;}
.booked-btn, .more-btn, .place-avb-btn, .reserv-btn {font-size: 16px; line-height: 24px; letter-spacing: 1.3px; font-weight: 500; background: #ddb307; border-radius: 30px; text-transform: uppercase; padding: 16px 20px; min-width: 180px; text-align: center; color: #fff; display: inline-block; box-shadow: 0 4px 8px rgba(0,0,0,0.2); transition: all 0.2s;}
.more-btn{min-width: 130px;}
.place-avb-btn{margin-right: 8px; background: #00488f; min-width: 255px;}
.reserv-btn{margin-left: 8px; background: #fff;color: #ddb307; min-width: 255px;}
.booked-btn:hover, .more-btn:hover{background: #00488f; color: #fff;}
.place-avb-btn:hover, .reserv-btn:hover{background: #ddb307; color: #fff;}
.bluetext-tour .eventdate-div .event-date{color:#00488f; }
.browntext-tour .eventdate-div .event-date{color:#2e2925; }
.mob-collegetour-title{display: none;}

body.modal-open { overflow: hidden !important;}

.modal .close { opacity: 1; position: absolute;right: 50px;top: 35px; height: 20px; width: 20px; background: transparent;}
.modal .close svg{height: 20px;}
.modal .modal-dialog { max-width: 950px; }
.eventpopup .modal-dialog { max-width: 740px; }
.modal-dialog .modal-content {border-radius: 0; background: #fff;  width: 100%; border: none; box-shadow: 0 0 15px rgba(0,0,0,0.2); border-radius: 0 0 0 240px; overflow: hidden;}
.reserve-place {background: #00488f; border-radius: 30px; padding: 11px 20px; color: #fff;font-size: 14px; letter-spacing: 1.2px; margin: 50px 0 25px;}
.reserve-place .red { color: #ddb307; float: right;}
.event-info-modal {  width: 100%;   padding: 90px 90px 140px;}
.eventpopup .event-info-modal{padding: 70px 70px 40px 70px;}
.event-info-modal .event-info-content {  width: calc(100% - 132px); max-width: 575px;  padding-left: 80px; float: left;}
.event-info-content h3{font-size: 25px; padding-top: 0; margin-top: 0; color: #231f20; letter-spacing: 0.3px; margin-bottom: 35px; font-weight: 700; line-height: 29px; margin-bottom: 30px;}
.event-info-content h3:before{display: none;}
.event-info-content p{font-size: 14px; line-height: 24px; }
.event-info-content .craftcms-formdiv{max-width: 505px; margin: 0;}
.event-info-content .craftcms-formdiv input[type="submit"]{margin-top: 15px;}
.eventpopup .cloack-pin-div .clock-p, .eventpopup .cloack-pin-div .marker-p{width: 100%; float: none;}
.eventpopup .cloack-pin-div .marker-p{ margin-top: 20px;}
.eventpopup .cloack-pin-div .marker-p svg{width: 20px;}
.eventpopup .event-info-content h3{color: #004990;}
.eventpopup .calendar .defult-btn { margin-top: 25px;  font-size: 14px;  padding: 16px 22px 16px 70px;}
.eventpopup .calendar .defult-btn svg {  height: 32px;  margin-right: 15px;  display: inline-block;  vertical-align: middle;  position: absolute;  top: 8px;  left: 22px;}
.eventpopup .calendar .defult-btn:hover svg path {  fill: #fff;}

/* Event Calneder CSS */
.mobile-calender-monthdiv{display: none;}
.calendar-event-section{}
.calendar-event-section .container{max-width: 1210px;}
.calender-date-wrapper{width: 390px; float: left;}
.calevent-listwrap {width: calc(100% - 390px); float: right; padding-left: 65px;}
.calevent-listrow{margin: 0 -20px;}
.event-listview{width: 50%; padding: 0 20px; float: left;}
.calevent-listwrap .event-listview .upevent-box{margin-bottom: 40px;}
.calevent-listwrap .event-listview:nth-child(even) .upevent-box { box-shadow: -10px -10px 15px 0px rgba(0,0,0,0.15);  border-radius: 210px 210px 0 0;}
.calendar-wrapper{padding: 0; position: relative;}
.calendar-div{  background: #2e2925;}
.custom-calendar-wrap{position: relative; height: 100%; padding: 7px;}
.fc-calendar-container{ height: auto; width: 100%;}
.fc-calendar {border-top: none;}
.fc-calendar .fc-row > div { border-right: none;}
.fc-calendar .fc-row { border-bottom: none; height: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;display: flex;}
.fc-calendar .fc-body{border:none; }
.fc-calendar .fc-head { height: auto; background: transparent;}
.fc-calendar .fc-head > div { border: 1px solid transparent; padding: 4px; padding-bottom: 13%; width: -moz-calc(100%/7); width: -webkit-calc(100%/7); width: calc(100%/7);  text-align: center;  color: #fff;}
.fc-calendar .fc-head > div > span.fc-week { width: 36px;  height: 36px;  color: #ddb307;  text-shadow: none; position: absolute;  bottom: auto; right: auto;  top: 50%;  left: 50%;  margin: -18px 0 0 -18px; font-family: 'Poppins', sans-serif; font-weight: 600;   text-align: center; font-size: 14px; line-height: 32px;}
.fc-calendar .fc-row > div > span.fc-date { color: #fff;     width: 36px; height: 36px; text-shadow: none;  bottom: auto; right: auto;  top: 50%;  left: 50%;  margin: -18px 0 0 -18px;   text-align: center; font-weight: 300; font-family: 'Poppins', sans-serif;  font-size: 14px;  line-height: 32px; border: 1px solid transparent;}
.fc-calendar .fc-row > div{ cursor: pointer;}
.fc-calendar .fc-row > div.fc-content > span.fc-date { border-color: #ddb307;}
.fc-calendar .fc-row > div.fc-today { background: transparent; /* box-shadow: inset 0 0 0 1px #fff; */}
.fc-calendar .fc-row > div.fc-today > span.fc-date{background: #ddb307; border-radius: 100%; color: #2e2925;}
.fc-calendar .fc-row > div { padding-bottom: 13%; width: -moz-calc(100%/7); width: -webkit-calc(100%/7); width: calc(100%/7);}
.calendar-arrow{position: relative; left: 0; width: 100%; top: 0; text-align: center; margin-top: 10px; margin-bottom: 25px;}
.calendar-arrow.arrow-cal-btm .prev-next-text{font-size: 15px;line-height: 26px;color: #000000; margin: 52px 0 52px 30px; display: inline-block;}
.calendar-arrow .custom-prev, .calendar-arrow .custom-next{ display: inline-block; position: relative; text-align: center;border-radius: 100%; border: 1px solid rgba(255, 255, 255, 0.5); margin: 0 7px; background-color: transparent; cursor: pointer; height: 46px; width: 46px;}
.calendar-arrow .custom-prev:hover, .calendar-arrow .custom-next:hover{border-color: #ddb308; background: #ddb308;}
.calendar-arrow .custom-prev:hover svg path, .calendar-arrow .custom-next:hover svg path{fill: #fff;}
.calendar-arrow .custom-prev svg, .calendar-arrow .custom-next svg{height: 20px;}
.calendar-arrow .custom-prev svg{transform: rotate(180deg);}
.calendar-arrow .custom-next{}
.calendar-arrow .custom-prev svg, .calendar-arrow .custom-next svg{ position: absolute;  top: 50%;  left: 50%;  margin: -10px 0 0 -8px; }
.calendar-arrow .custom-next svg{margin-left: -4px; }
.calendar-year{ margin: 0px;  text-align: center;  }
.calendar-arrow-month{ margin: 30px auto; position: relative;}
.custom-month, .custom-year{font-family: 'Noto Sans KR', sans-serif; text-transform: uppercase; font-size: 27px; line-height: 32px; color: #919294;font-weight: 300;text-align: center; display: inline-block;}
.custom-month{font-weight: 700;}
.custom-year{ margin-left: 8px;}
.fc-calendar .content_wrap{position: absolute; display: none;  background: #ddb307;  padding: 5px 10px;  top: -27px; min-height: 34px;  z-index: 1;  left: 50%;  min-width: 172px;  margin-left: -86px;  border-radius: 5px; font-size: 10px;  line-height: 12px;  color: #2e2925; text-align:left;}
.fc-calendar .content_wrap p{font-size: 10px;  line-height: 12px;  color: #2e2925; margin: 0;text-align:left;}
.fc-calendar .fc-row > div.fc-content {  overflow: inherit;}
.fc-calendar .content_wrap:after { content: '';  position: absolute; bottom: -6px;  left: 50%;   margin-left: -6px;  width: 0px;  height: 0px;  border-left: 6px solid transparent;  border-right: 6px solid transparent; border-top: 6px solid #ddb307;}
.fc-calendar .fc-row > div.fc-content:hover .content_wrap {  display: block;}
.cal-previous-next{text-align: center; margin-top: 70px; margin-bottom: 10px;}
.cal-previous-next a{font-size: 18px; line-height: 22px; color: #919296; font-weight: 600; letter-spacing: 1.2px; display: inline-block; margin: 0 15px; transition: all 0.2s; text-transform: uppercase;}
.cal-previous-next a:hover{color: #ddb307;}

/* Newsletter Page CSS */
.newsletter-slider-wrapper{position: relative;}
.newsletter-left-overlay{width: 530px; padding: 100px 75px 75px 75px; position: absolute; top: 84px; height: calc(100% - 84px); background: rgba(0,0,0,0.5); left: 105px; overflow: hidden;}
.edition-title-wrap{}
.newsletter-pagetitle{font-size: 97px; position: relative; padding-bottom: 20px; margin-bottom: 30px; line-height: 1.2; color: #fff; font-weight: 700;}
.newsletter-pagetitle:before{position: absolute; bottom: 0; left: -100%; height: 1px; width: 100%; background: #ddb307; content: "";}
.newsletter-pagetitle:after{position: absolute; bottom: 0; left: 0; height: 1px; width: 25%; background: #ddb307; content: "";}
.edition-title{font-size: 32px; line-height: 1.2; color: #fff; margin-bottom: 20px;}
.edition-date{font-size: 14px; line-height: 16px; font-weight: 500; color: #ddb307;}

.newsletterlist-issues{position: absolute; bottom: 75px; left: 95px;}
.newsletterlist-issues:before{position: absolute; bottom: -75px; left: -20px; background: #ddb307; height: calc(100% + 75px); width: 1px; content: "";}
.newsletterlist-issues-title{font-size: 40px; color: #fff; line-height: 1.1; font-weight: 700; margin-bottom: 40px;}
.newsletterlist-issues-title small{font-weight: 400; display: block; font-size: 44%;}
.newsletterlist-issues ul{}
.newsletterlist-issues ul li{display: block; margin-bottom: 25px; font-size: 17px; line-height: 1.1; color: #fff;  }
.newsletterlist-issues ul li:last-child{margin-bottom: 0;}
.newsletterlist-issues ul li a{color: #fff; transition: all 0.2s;}
.newsletterlist-issues ul li a:hover{color: #dba900;}

.msg-principle-section{}
.msg-principle-section .container, .newsletter-list-section .container{max-width: 990px;}
.msg-principle-inner{/* background: #2e2925; */ border-radius: 150px 0 0 150px; margin-top: -65px; overflow: hidden; transform: inherit !important;}
.msgpricls-line{position: absolute; top: -68px; height: 271px; left: 15px; z-index: 1;}
.tbl-msgpricls-line{position: absolute; top: 0; left: 15px; width: 265px; height: auto; z-index: 1; display: none;}
.msg-principle-imagewrp{width: 50%; float: left; overflow: hidden;  opacity: 0; transition-property: opacity; transition-duration: 1s; transition-timing-function: ease-in-out; transition-delay: 0.8s;}
.msg-principle-image{background-repeat: no-repeat; min-height: 265px; background-size: cover; background-position: center;  -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;  transition: all 0.5s ease;}
.msg-principle-conetent{float: left; background: #2e2925; width: 50%; position: relative; min-height: 265px; transform: inherit !important; opacity: 0; transition-property: opacity; transition-duration: 1s; transition-timing-function: ease-in-out; transition-delay: 0.8s;}
.do-animation .msg-principle-conetent, .do-animation .msg-principle-imagewrp{opacity: 1;}
.msg-principle-inner .msg-principle-imagewrp .msg-principle-title{display: none;}
.msg-principle-inner .msg-principle-title{font-size: 40px; position: absolute; bottom: 35px; left: 90px; color: #fff; line-height: 1.1; font-weight: 700;}
.msg-principle-inner .msg-principle-title small{font-weight: 400; margin-bottom: 5px; display: block; font-size: 44%;}
.msg-principle-inner .msg-principle-title svg{height: 30px; margin-left: 20px;}
.newsletter-list-section{padding: 80px 0;}
.newslist-boxdiv{padding-top: 100%; overflow: hidden; position: relative; margin-bottom: 30px;}
.newslist-image{background-repeat: no-repeat; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-size: cover; background-position: center; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;  transition: all 0.5s ease;}
.newslist-boxdiv:hover .newslist-image, .msg-principle-inner:hover .msg-principle-image {-webkit-transform: scale(1.2);  -moz-transform: scale(1.2);  -ms-transform: scale(1.2);  -o-transform: scale(1.2);  transform: scale(1.2);}
.newslist-image:before{content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%;background: rgba(0, 73, 144, 0.4);}
.newslist-subtitle{ font-size: 18px;line-height: 1;color: #FFFFFF;margin-bottom: 5px;}
.newslist-title{ font-size: 40px;line-height: 1; font-weight: 700; color: #FFFFFF;}
.newslist-content{position: absolute; bottom: 0px; left: 0px; height: 100%; width: 100%; padding: 35px 70px;}
.newslist-content:before { position: absolute; content: ""; top: 0px; left: 75px; z-index: 1; height: calc(100% - 145px);  width: 1px; background: #ddb307;}
.newslist-content:after { position: absolute; content: ""; bottom: 0px; left: 75px; z-index: 1; height: 65px;  width: 1px; background: #ddb307;}
.newslist-content-line {   position: absolute;   bottom: 75px;}
.newsletter-list-row .col-md-6.right-radius .newslist-boxdiv {  border-radius: 0 140px 0 0;  }
.newsletter-list-row .col-md-6.bottom-radius .newslist-boxdiv {  border-radius: 0 0 0 140px;  }

.newsletter-slide-banner{overflow: hidden;}
.newsletter-slide-banner .banner-content-div .container, .college-tour-banner .banner-content-div .container{max-width: 1220px;}
.newsletter-slide-banner .banner-content-div { bottom: 125px; }
.newsletter-editionlist{padding: 70px 0;}
.newsletter-editionlist .container{max-width: 1220px;}
.newsedition-boxdiv{padding-top: 100%; background: #000; overflow: hidden; position: relative; margin-bottom: 30px;}
.newsedition-image{background-repeat: no-repeat; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-size: cover; background-position: center; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.newsedition-boxdiv:hover .newsedition-image {-webkit-transform: scale(1.2);  -moz-transform: scale(1.2);  -ms-transform: scale(1.2);  -o-transform: scale(1.2);  transform: scale(1.2);}
.newsedition-content {position: absolute; border-radius: 0 30px 0 0; bottom: 0px; right: unset; width: 84%; padding: 30px 30px 15px; background-color: rgba(0, 0, 0, 0.8); left: 0; max-height: 100px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}
.newsedition-boxdiv.yellow-bg {background: #ddb307;}
.newsedition-boxdiv.blue-bg {background: #004990;}
.newsedition-boxdiv.yellow-bg .newsedition-content{background: rgba(221, 179, 7, 0.9);}
.newsedition-boxdiv.blue-bg .newsedition-content{background: rgba(0, 73, 144, 0.9);}
.newsedition-content:before{content: ""; position: absolute; top: 15px; height: 1px; width: 60px; left: 0; background: #ddb307;}
.newsedition-boxdiv.yellow-bg .newsedition-content:before{background: #fff;}
.newsedition-content .newsedition-title { height: 52px; overflow: hidden;  margin-bottom: 15px;  font-size: 20px; font-weight: 700; color: #fff;  line-height: 26px; letter-spacing: 0.3px;}
.newsedition-content p { font-size: 12px; line-height: 18px; letter-spacing: 0.3px; /* height: 32px; */ overflow: hidden; font-weight: 400;  color: #fff; width: 100%; margin-bottom: 15px; }
.newsedition-boxdiv:hover .newsedition-content {  max-height: 100%;}
.newsedition-content .button-arrow{font-size: 12px; }
.newsedition-content .button-arrow .round-arrow{height: 20px; width: 20px;  position: relative; top: -2px;  margin-right: 8px;}
.newsedition-content .button-arrow .round-arrow svg {  height: 10px;   margin: 4px auto; top: -1px; left: 1px;}
.newsedition-boxdiv.yellow-bg .button-arrow:hover{color: #004990; }
.newsedition-boxdiv.yellow-bg .button-arrow:hover .round-arrow{border-color: #004990; background: #004990;  }
.newsedition-boxdiv.yellow-bg .newsedition-content .button-arrow .round-arrow svg path{fill: #004990;}
.newsedition-boxdiv.yellow-bg:hover .newsedition-content .button-arrow .round-arrow svg path{fill: #fff;}
.newsedition-boxdiv.fullcontent-box .newsedition-content{max-height: 100%; height: 85%; padding: 30px; }
.newsedition-boxdiv.fullcontent-box .newsedition-content p{opacity: 0; transition: all 0.2s; }
.newsedition-boxdiv.fullcontent-box:hover .newsedition-content p{ opacity: 1;}
.newsedition-boxdiv.fullcontent-box .newsedition-content .button-arrow{position: absolute; bottom: 30px; }

.previous-edition-banner {overflow: initial;}
.previous-edition-banner .banner-content-div {  bottom: 60px;}
.previous-edition-banner .banner-content-div .bantl-inner:before{display: none;}
.previous-edition-banner .banner-content-div .bantl-inner:after {    bottom: -140px;    height: 110px;}
.previous-editionlist{padding: 130px 0;}
.previous-editionlist .container{max-width: 1180px;}
.prevedition-list-row .col-md-4:first-child .prevedition-boxdiv{border-radius: 110px 0 0 0;}
.prevedition-boxdiv{padding-top: 100%; background: #2e2925; overflow: hidden; position: relative; margin-bottom: 30px;}
.prevedition-image{background-repeat: no-repeat; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-size: cover; background-position: center; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.prevedition-image:after{background: rgba(0, 73, 144, 0.7); position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: "";}
.prevedition-boxdiv:hover .prevedition-content, .prevedition-boxdiv.current-edition .prevedition-content {background: transparent;}
.prevedition-intitle {  margin-top: 80px;  position: relative;}
.prevedition-intitle:before { position: absolute;  content: ""; background: #ddb308; height: calc( 100% + 40px);  width: 1px;  top: calc(-100% - 50px);  left: 7px;}
.prevedition-intitle:after { position: absolute;  content: ""; background: #ddb308; height: calc(100% - 15px);  width: 1px; top: calc(100% + 15px); left: 7px;}
.prevedition-content {position: absolute; background:#2e2925;  top: 0px; height: 100%; width: 100%; padding: 50px; left: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}
.prevedition-content .prevedition-title { margin-bottom: 15px; font-size: 42px; line-height: 1.1; color: #fff;  letter-spacing: 0.3px;}
.prevedition-content p { font-size: 18px; line-height: 22px; letter-spacing: 2px; font-weight: 500;  color: #ddb308; margin-bottom: 0; }
.prevedition-content .button-arrow svg{height: 18px; margin-right: 20px; position: relative; top: 3px;}
.prevedition-content .button-arrow{position: absolute; left: 55px; bottom: 30px;}
.prevedition-content .button-arrow:after { position: absolute;  content: ""; background: #ddb308; height: 15px; width: 1px; top: calc(100% + 15px); left: 2px;}

.newsletter-detailpage{/* padding: 130px 0; */ padding: 70px 0;}
.newsauthor-container{max-width: 1220px;}
.newsauthor-wrap{ margin-bottom: 115px; }
.newsauthor-content{width: 70%; position: relative; float: left; padding-right: 30px;}
.newsauthor-content:after { content: ""; position: absolute; bottom: -150px;  left: 25px;  height: 110px;  width: 1px;  background: #dba900;}
.newsauthor-content h2{ font-family: 'Jaldi', sans-serif;  font-size: 32px;  font-weight: 400;  line-height: 1;  letter-spacing: 0.3px;
    color: #dba900;  margin-bottom: 0px;  margin-top: 50px; max-width: 735px; }
.newsauthor-title{font-size: 40px; line-height: 1.2; color: #231f20; font-weight: 700;}
.author-picdiv{width: 30%; float: right; margin-top: 22px;}
.author-picdiv .author-img{ height: 146px;width: 146px; margin-bottom: 30px; object-fit: cover; object-position: center; border-radius: 50%;}
.author-picdiv .author-text, .author-picdiv .author-cat, .author-picdiv .author-coatsub{font-size: 16px; line-height: 1.1; letter-spacing: 1.5px; position: relative; color: #231f20; margin-bottom: 10px;  }
.author-picdiv .author-text{margin-bottom: 14px;}
.author-picdiv .author-text strong{font-weight: 900;}
.author-picdiv .author-text:after{ content: ""; position: absolute; bottom: -7px;  left: -30px;  height: 1px;  width: 80px;  background: #dba900;}
.author-picdiv .author-cat{}
.author-picdiv .author-coatsub{margin-bottom: 0;}
.newsletterdetail-container .comman-detaildiv{padding: 0;}
.newsletterdetail-container .comman-detaildiv h1{font-size: 40px; margin-bottom: 50px;}
.author-bottomdiv{float: none;width: 100%;}
.author-btm-list{margin: 0 -15px;}
.author-btm-list .author-bottomdiv{width: 33.33%; margin-top: 25px; padding: 0 15px; float: left;}
.author-btm-list .author-bottomdiv:nth-child(3n + 1){clear: both;}
.author-btm-list .author-picdiv .author-cat{line-height: 1.4;}

.twofeature-secrtion{background: #f0f0f2; padding: 75px 0; }
.feature-event-div{width: 48%; float: left;}
.feature-eventbox { position: relative; min-height: 360px;  max-width: 830px; margin-left: -15px;  overflow: hidden; opacity: 0;   transition-property: opacity;  transition-duration: .8s;  transition-timing-function: ease; transition-delay: 0.6s;  border-radius: 0 200px 200px 0;}
.do-animation .feature-eventbox {  opacity: 1;}
.feature-eventbox .overlay-bg { background-color: #2b2a25; background-repeat: no-repeat; background-size: cover;  background-position: center;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;  transition: all 0.5s ease;   position: absolute;  top: 0;  left: 0;  height: 100%;  width: 100%;}
.feature-eventbox .overlay-bg:before{ content: ""; position: absolute;  top: 0;  left: 0;  height: 100%;  width: 100%;  background: rgba(34, 31, 31, 0.3);}
.feature-eventbox .overlay-bg:after{ content: ""; position: absolute;  top: 0;  left: 0;  height: 100%;  width: 65%; background: -moz-linear-gradient(left, rgba(240, 240, 241,1) 0%, rgba(240, 240, 241,1) 30%, rgba(240, 240, 241,0) 65%);
background: -webkit-linear-gradient(left, rgba(240, 240, 241,1) 0%,rgba(240, 240, 241,1) 30%,rgba(240, 240, 241,0) 65%);
background: linear-gradient(to right, rgba(240, 240, 241,1) 0%,rgba(240, 240, 241,1) 30%,rgba(240, 240, 241,0) 65%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F1', endColorstr='#F0F0F1',GradientType=1 );}
.feature-event-div a:hover + .feature-eventbox .overlay-bg { -webkit-transform: scale(1.2); -moz-transform: scale(1.2);  -ms-transform: scale(1.2);  -o-transform: scale(1.2);  transform: scale(1.2);}
.feaure-texttitle{position: absolute; bottom: 45px; right: 29%;}
.feaure-texttitle p{font-size: 17px; display: inline-block; color: #fff; position: relative; margin-bottom: 25px;}
.feaure-texttitle p:after{ content: ""; position: absolute; bottom: -10px;  left: 0px;  height: 1px;  width: 110%;  background: #dba900;}
.feaure-texttitle h2{font-size: 54px; color: #fff; line-height: 1; font-weight: 700;    max-width: 370px;}
.feaure-texttitle h2 small{font-size: 50%; margin-top: 10px; display: block; font-weight: 400;}
.feaure-texttitle svg{height: 40px; position: absolute; left: -45px;   bottom: 10px;  transform: rotate(180deg);}
.feanewcls-lftsvg{position: absolute; left:-30px; top: -4px; z-index: 1; height: 368px;}
.feanewcls-rightsvg{position: absolute; right: 0; top: -4px; z-index: 1; height: 368px;}
.feature-event-div.rightevent .feature-eventbox .overlay-bg{left: auto; right: 0;}
.feature-event-div.rightevent .feature-eventbox .overlay-bg:after{left: auto; right: 0; background: -moz-linear-gradient(left,  rgba(240, 240, 241,0) 35%, rgba(240, 240, 241,1) 70%, rgba(240, 240, 241,1) 100%);
background: -webkit-linear-gradient(left,  rgba(240, 240, 241,0) 35%,rgba(240, 240, 241,1) 70%,rgba(240, 240, 241,1) 100%);
background: linear-gradient(to right,  rgba(240, 240, 241,0) 35%,rgba(240, 240, 241,1) 70%,rgba(240, 240, 241,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F1', endColorstr='#F0F0F1',GradientType=1 );}
.feature-event-div.rightevent .feature-eventbox {  border-radius: 200px 0 0 200px; margin: 0 -15px 0 auto;}
.feature-event-div.rightevent .feaure-texttitle{left: 20%; right: auto;}
.feature-event-div.rightevent .feaure-texttitle svg{transform: inherit; left: auto; right: -45px;}

.navigation-open .also-this-section{display: none;}
.also-this-section{position: fixed;right: -71%;z-index: 99; top: 3vh; background: #C4C4C4; height: 94vh; height: calc((var(--vh, 1vh) * 94)); width: 70%; transition: all 0.3s; border-radius: 300px 0 0 ; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); background-size: cover; background-repeat: no-repeat; background-position: center; }
.also-this-sectioninner{position: relative;  overflow: hidden; height: 100%; padding: 70px 230px; border-radius: 300px 0 0 0; display: flex; align-items: center;}
.also-this-sectioninner:before{content: ""; position: absolute; top: 0;  left: 0px;  height: 100%;  width: 100%; /*  background: rgba(27, 38, 80, 0.9); */ background: rgba(35,31,32,0.9);
background: -moz-linear-gradient(45deg,  rgba(35,31,32,0.9) 0%, rgba(27,38,80,0.9) 100%);
background: -webkit-linear-gradient(45deg,  rgba(35,31,32,0.9) 0%,rgba(27,38,80,0.9) 100%);
background: linear-gradient(45deg,  rgba(35,31,32,0.9) 0%,rgba(27,38,80,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#231f20', endColorstr='#1b2650',GradientType=1 );
}
.also-this-section.active{right: 0;}
.also-this-centerdiv{width: 100%;}
.also-this-section .also-title{color: #fff; position: relative; font-size: 54px; line-height: 1; margin-bottom: 45px; font-weight: 700; }
.also-this-section .also-title small{margin-bottom: 10px; display: block; font-size: 50%; font-weight: 400; }
.also-this-section .also-title:before{content: ""; position: absolute; top: -20px; left: 0; height: 1px;  width: 40px; background: #ddb308;}
.also-this-section .also-title:after{content: ""; position: absolute; top: -20px; left: -100%; height: 1px;  width: 100%; background: #ddb308;}
.also-bantl-inner{margin-bottom: 110px;}
.also-banner-subtitle{font-size: 14px; color: #ddb308; line-height: 1;}
.also-banner-title{font-size: 40px; color: #ddb308; font-weight: 700; line-height: 1;}
.also-back-edition a{font-size: 14px; color: #fff;  display: inline-block; font-weight: 500; letter-spacing: 2px; line-height: 1.2; text-transform: uppercase;}
.also-back-edition a .backedition-icon-span{height: 50px; vertical-align: middle; width: 50px; margin-right: 12px; border-radius: 50%; text-align: center; background: #f8f8f8; display: inline-block;}
.also-back-edition a .backedition-icon-span svg{height: 22px; margin: 14px 0;}
.also-back-edition a span{display: inline-block; vertical-align: middle;}
.also-back-edition a:hover{color: #ddb308;}
.also-back-edition a:hover .backedition-icon-span{background: #ddb308;}
.also-back-edition a:hover .backedition-icon-span svg path{fill: #fff;}
.alsotiledi-hlf{width: 40%; float: left; padding-right: 60px; position: relative;}
.alsotiledi-hlf:before{width: 1px; background: #ddb308; content: ""; top: 0; right: 0; height: 100%; position: absolute;}
.alsoedition-listdiv{position: relative;}
.also-section-click{ font-size: 14px;line-height: 50px; letter-spacing: 1px; text-align: center;color: #6d6e70;background: #fff; border-radius: 30px; display: inline-block; font-weight: 500; padding: 0px 25px; position: absolute; z-index: 1; top: 50%; left: 0; margin-top: 15px; cursor: pointer; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg); margin-left: -195px; box-shadow: 0 0 10px rgba(0,0,0,0.5);}
.also-this-section.active .also-section-click{ margin-top: -25px;   margin-left: -128px;}
.also-section-click svg{height: 26px; display: inline-block; transform: rotate(90deg); margin-right: 12px; position: relative; top: 7px;}
.also-close {  cursor: pointer;  position: absolute; z-index: 1;  right:  80px;  top: 80px;}
.also-close svg { display: inline-block;  vertical-align: middle;}
.also-neewslist{  width: 60%; float: left; padding-left: 110px;}
.also-this-section ul{ margin-top: 25px; }
.also-this-section ul li{ margin-bottom: 20px; display: block; }
.also-this-section ul li a{ display: block; font-size: 21px;line-height: 25px;color: #fff; position: relative; transition: all 0.2s;}
.also-this-section ul li:hover a, .also-this-section ul li.active a{color: #ddb308;}
.alsonav-fixed{overflow: hidden;}
.alsonav-fixed:after {  background: rgba(255, 255, 255, 0.8);   position: fixed;  top: 0;  left: 0;  height: 100%;  width: 100%;  content: "";  z-index: 9;}

.newslatter-controller .prev-side, .newslatter-controller .next-side { position: fixed; height: 50px;  width: 50px;  background: #fff;  border-radius: 50%;  box-shadow: 0 0 10px rgba(0,0,0,0.5);  top: 50%;  z-index: 1;  margin-top: -160px; text-align: center;}
.newslatter-controller .prev-side svg, .newslatter-controller .next-side svg{height: 26px; margin: 12px 0; position: relative; left: 2px;}
.newslatter-controller .prev-side { left: 23px;}
.newslatter-controller .prev-side svg {transform: rotate(180deg); left: -2px;}
.newslatter-controller .next-side { right: 23px;}
.newslatter-controller .prev-side:hover, .newslatter-controller .next-side:hover {background: #ddb308;}
.newslatter-controller .prev-side:hover svg path, .newslatter-controller .next-side:hover svg path {fill: #fff;}

/* Footer CSS */
.site-footer{background: #2e2925; padding: 120px 0 80px; position: relative; border-radius: 345px 0 0 0; box-shadow: 0 0 12px rgba(0,0,0,0.7);position: relative;z-index: 10;}
.footer-bg{position: absolute; top: 50%; transform: translateY(-50%); left: 12%; right: 0; margin: 0 auto; max-width: 684px; /* opacity: 0.2; */ opacity: 0.06;}
.footcontent-row{position: relative;}
.footcontent-row:before{position: absolute; top: 35px; left: 0; right: 0; margin: 0 auto; content: ""; background: rgba(255,255,255,0.2); height: 1px; width: calc(100% - 30px);}
.site-footer .col-md-3 {-webkit-box-flex: 0;  -ms-flex: 0 0 22%;  flex: 0 0 22%; max-width: 22%;}
.site-footer .container{max-width: 1210px;}
.foot-logo-div{max-width: 142px; margin-bottom: 75px; margin-left: -20px;}
.foot-logo-div img{max-width: 100%; }
.footer-content{}
.footer-content h5{font-family: 'Lato', sans-serif; font-weight: 700; line-height: 20px; font-size: 11px; color: #fff; text-transform: uppercase; letter-spacing: 2.7px; margin-bottom: 15px; padding-bottom: 15px; }
.footer-content ul li{display: block;}
.footer-content ul li a{ font-family: 'Lato', sans-serif; font-weight: 400; letter-spacing: 0.7px; font-size: 11px; color: rgba(255,255,255,0.5); line-height: 21px; transition: all 0.2s;}
.footer-content ul li a:hover{color: #fff;}
.abn-text{ font-family: 'Lato', sans-serif; font-weight: 400; letter-spacing: 0.7px; font-size: 9px; color: rgba(255,255,255,0.5); line-height: 21px; margin-top: 30px;}
.abn-text a{ color: rgba(255,255,255,0.5);}
.copyright-text{font-family: 'Lato', sans-serif; font-weight: 400; letter-spacing: 0.7px; font-size: 11px; color: rgba(255,255,255,0.5); line-height: 21px; margin-top: 65px;}
.copyright-text img{height: 10px; opacity: 0.5; }
.copyright-text a img{position: relative; top: -2px; margin-left: 10px;}
.copyright-text a:hover img{opacity: 1;}

.newsletter-footer{overflow: hidden; background: #2e2925; padding-bottom: 190px;/* z-index: 999;*/}
.newsletter-foot-row {align-items: flex-end;}
.newsletter-foot-row .keepnews-col {order: 2;}
.newsletter-footer .foot-logo-div{margin-left: 0px; }
.newsletter-footbg{background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0.08; }
.newsfoote-social{display: inline-block; text-align: center;}
.newsfoote-social p{font-size: 18px; color: #fff; letter-spacing: 0.3px;}
.keep-update-div{width: 420px; float: right;}
.keep-update-title {font-size: 40px; margin-bottom: 45px; color: #fff; line-height: 1.1; font-weight: 700;}
.keep-update-title small{font-weight: 400; margin-bottom: 5px; display: block; font-size: 44%;}
.keep-update-div .form-control{border: 1px solid #fff; background: transparent; color: #fff;  padding: 12px 25px;}
.keep-update-div .form-control::-webkit-input-placeholder {  color: #fff;}
.keep-update-div .form-control::-moz-placeholder {  color: #fff;}
.keep-update-div .form-control:-ms-input-placeholder {  color: #fff;}
.keep-update-div .form-control:-moz-placeholder {color: #fff;}
.keep-update-div .defult-btn{color: #ddb307; font-size: 14px; border: none; margin-top: 24px;}
.keep-update-div .defult-btn:hover{color: #fff;}
.keep-update-div .form-group{margin-bottom: 0px; }
.newsletter-footer .scroll-top{top: 25px;}

.scroll-top{position: absolute; top: -19px; z-index: 1; right: 15px; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 10px; line-height: 1; text-transform: uppercase; letter-spacing: 2.7px; color: #fff;}
.scroll-top svg{width: 20px; -webkit-animation: scpulse 1.5s infinite; animation: scpulse 1.5s infinite; display: block; margin-bottom: 12px; margin-left: 2px; }
.scroll-top:hover{color: #ddb307;}
@-webkit-keyframes scpulse {
  0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  50% { -webkit-transform: translate(0, 5px); transform: translate(0, 5px); }
  100% {-webkit-transform: translate(0, 0);transform: translate(0, 0); } 
}
@keyframes scpulse {
  0% {  -webkit-transform: translate(0, 0);transform: translate(0, 0); }
  50% {    -webkit-transform: translate(0, 5px);transform: translate(0, 5px); }
  100% {   -webkit-transform: translate(0, 0);     transform: translate(0, 0); } 
}

/* Revolution Slider CSS */
.home-slider-wrapper{position: relative; height: 100%; width: 100%; }
.home-slider-wrapper .homeslider-revinner{position: relative; z-index: 1;}
.homeslider-revolution{position: relative; width: 100%; height: 100vh; height: calc((var(--vh, 1vh) * 100));}

.homeslider-revolution .tp-dottedoverlay{ width: 76%; height: 100%;  top: 0px;   left: 0px;  z-index: 1;  background : -webkit-linear-gradient(210.58deg, rgba(29, 46, 74, 0) 0%, rgba(29, 46, 74, 0.59) 63.37%); background : -webkit-gradient(linear,-355.29% -1262.24% ,-294.92% -1340.9% ,color-stop(0,rgba(29, 46, 74, 0) ),color-stop(0.6337,rgba(29, 46, 74, 0.59) ));  background : linear-gradient(250.42deg, rgba(29, 46, 74, 0) 0%, rgba(29, 46, 74, 0.59) 63.37%);}

.homeslider-revolution .greypary-right{ position: absolute; top: 0; right: 0; height: 100%; width: 24%; background: #2D2A26;}
.homeslider-revolution .greypary-right:after{content: ""; position: absolute; top: 0; right: 0; height: 100%; width: 100%;background : -webkit-linear-gradient(210.58deg, rgba(29, 46, 74, 0) 0%, rgba(29, 46, 74, 1) 63.37%);  background : -webkit-gradient(linear,-355.29% -1262.24% ,-294.92% -1340.9% ,color-stop(0,rgba(29, 46, 74, 0) ),color-stop(0.6337,rgba(29, 46, 74, 1) ));  background : linear-gradient(250.42deg, rgba(29, 46, 74, 0) 0%, rgba(29, 46, 74, 1) 63.37%);  opacity : 0.59;}

.homeslider-revolution .thumbimage-slider{ position: relative; overflow: hidden; width: 560px; height: 560px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); border-radius: 0 0 0 180px; }
.homeslider-revolution .thumbimage-slider img{position: absolute; top: 0; left: 0; height: 100% !important; width: 100% !important; object-fit: cover; object-position: center;}
.homeslider-revolution .thumb-captipon{/* position: absolute; bottom: auto; top: 50%; margin: -280px 0 0 0 !important; right: 0; left: auto; transform:  inherit !important; transform-origin: inherit !important; */}

.homeslider-revolution .rev_slider li.tp-revslider-slidesli .tp-parallax-wrap:nth-child(3){    width: 68%; height: 240px; left: 90px !important; bottom: 100px !important; top: auto !important;}
.homeslider-revolution .rev_slider li.tp-revslider-slidesli .tp-parallax-wrap:nth-child(3) .tp-loop-wrap { height: 100%; width: 100%;}
.homeslider-revolution .rev_slider li.tp-revslider-slidesli .tp-parallax-wrap:nth-child(3) .tp-mask-wrap{overflow: inherit !important;}
.homeslider-revolution .rev_slider li.tp-revslider-slidesli .tp-parallax-wrap:nth-child(4){width: 560px; height: 560px; margin: -280px 0 0 0 !important; left: auto !important; right: 0 !important; top: 50% !important;}
.homeslider-revolution .rehslider-caption {  /* position: absolute; left: 90px; bottom: 85px;z-index: 1;*/ }
.homeslider-revolution .rehslider-caption .yellowtext-slide{  opacity: 0; white-space: initial; font-family: 'Noto Sans JP', sans-serif; font-size: 6.2rem; line-height: 1.2;  font-weight: 300;  color: #ddb308; /* max-width: 225px; */ vertical-align: top; position: relative; display: inline-block; white-space: pre; padding-right: 5px;}
.homeslider-revolution .tp-parallax-wrap:nth-child(3):before{  content: ""; position: absolute;height: 1px;width: 0px;background: #ddb308;left: -90px;  top: -30px; }
.homeslider-revolution .rehslider-caption .whitetext-slide{ opacity: 0;  white-space: initial;  font-family: 'Noto Sans JP', sans-serif;  font-size: 6.2rem; line-height: 1.2;  font-weight: 700;  color: #fff; /* max-width: 670px; */ display: inline-block; position: relative;white-space: pre; }
.homeslider-revolution .rev_slider ul li.active .tp-parallax-wrap:nth-child(3):before {
  animation: SlideContentLine 1s forwards;
  animation-delay: 0.1s;   
}
@keyframes SlideContentLine {
  from {
    width: 0;
  }
  to {
    width: 215px;
  }
}
.homeslider-revolution .rev_slider ul li.active .rehslider-caption .yellowtext-slide {
  animation: SlideContentText 1s forwards;
  animation-delay: 0.6s;   
}
.homeslider-revolution .rev_slider ul li.active .rehslider-caption .whitetext-slide {
  animation: SlideContentText 1s forwards;
  animation-delay: 1s;
}
@keyframes SlideContentText {
  from {
    bottom: -40px;
    opacity: 0;
  }
  to {
    bottom: 0;
    opacity: 1;
  }
}
.homeslider-revolution .tp-bullets {position: absolute; width: 24% !important; transform: inherit !important; top: auto !important; bottom: 15.5% !important; text-align: center; right: 0 !important; left: auto !important; margin: 0 !important; z-index: 99; text-align: center;}
.homeslider-revolution .tp-bullets .tp-bullet {position: relative; left: 0 !important; display: inline-block; margin: 0 5px; cursor: pointer; height: 2px; border-radius: 0px; width: 90px; border: 0; background: #6d6e70;}
.homeslider-revolution .tp-bullets .tp-bullet.selected{background: #ddb308;}
/* Revolution Slider CSS End */

.improvement-team-member-section .comman-detaildiv{padding: 0;}
.improvement-innerwrap{margin: 0 -15px;}
.single-member-div{width: 33.33%; float: left; padding: 0 15px;}
.improvement-innerwrap .single-member-div:nth-child(3n + 1){clear: both;}
.single-member-boxdiv{margin-bottom: 40px;}
.single-member-boxdiv .member-image{ background-color: #ddd;   padding-bottom: 100%;  background-size: cover;   background-position: center;   background-repeat: no-repeat;}
.single-member-boxdiv h4{ text-align: center;  font-family: 'Noto Sans KR', sans-serif;  margin: 20px 0 10px; font-size: 20px; font-weight: 700;  color: #2e2925;   line-height: 1.2;}
.single-member-boxdiv p{ text-align: center; }

.thank-you-section{}
.thank-you-section .comman-detaildiv{padding: 50px; background: #f0f0f2; border-radius: 60px; }
.thank-you-section .comman-detaildiv h1:before{display: none !important;}
.thank-you-section .comman-detaildiv h1{padding-top: 0 !important; text-align: center; margin-top: 0px !important;}
.thank-you-section .comman-detaildiv h4{text-align: center;}
.page-not-found-section .comman-detaildiv p{text-align: center;}

.helpfixed-foot{ padding: 0px;  position: fixed;  bottom: 20px;  right: 20px; overflow: visible;opacity: 1;  z-index: 2;  transition-duration: 250ms;  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    transition-property: opacity, top, bottom; }
.helpfixed-foot.active{bottom: -50px;}
.helpbtn-a { background-color: #ddb307; max-width: 120px; text-align: center;  color: #fff;  fill: #fff; display: block; padding: 12px 25px;  border-radius: 999rem;  letter-spacing: 0.6px;   font-size: 16px;   font-weight: 700;  border: none;}
.helpbtn-a svg{vertical-align: middle;    position: relative;  top: -2px;  margin-right: 5px;}
.helpbtn-a:hover{background: #2b2a25; color: #fff;}
.helpfixed-formdiv{width: 400px; background: #fff; border-radius: 10px;  height: auto; position: fixed;  opacity: 1;  border: 0px;  transition-duration: 250ms;  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);  transition-property: opacity, top, bottom;  z-index: 2;  max-height: calc(100vh - 32px);  right: 20px;   box-shadow: 0 0 12px rgba(0,0,0,0.3); bottom: -100%; }
.helpfixed-formdiv.active{bottom: 20px;}
.helpfixed-title{color: #fff; position: relative; padding: 9px 30px 12px; background: #ddb307; border-radius: 10px 10px 0 0;}
.help-tile { font-size: 16px; fill: #fff; font-weight: 700;  letter-spacing: 0.6px; text-align: center;}
.help-tile svg{vertical-align: middle;    position: relative;  top: -2px;  margin-right: 5px;}
.helpfixed-title a{position: absolute; height: 24px; width: 24px; right: 30px; top: 50%; margin-top: -12px; text-align: center; display: block;}
.helpfixed-title a svg{fill:#fff; color: #fff;}
.helpfixed-form{padding: 30px;}
.helpfixed-form .fui-btn-container .fui-btn{padding: 11px 15px;  font-size: 14px;  min-width: 100px;  border: 2px solid #dfdfdf;  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);  text-transform: capitalize;}

.helpfixed-thnakudiv{text-align: center;}
.helpfixed-thnakudiv img{ margin-bottom: 25px; }
.helpfixed-thnakudiv p:nth-child(2){ margin-bottom: 0px; }
.helpfixed-thnakudiv p strong{ color: #2e2925;}

.student-voice-specing, .student-voice-specing .student-voice-bg{min-height: 349px;}
.student-voice-specing .student-voice-content { padding-top: 80px; padding-bottom: 80px;}
.student-voice-specing .student-voice-slider h4 {  margin-top: 19px;}
.student-voice-specing .student-voice-slider:before{ top: -50px;}
.student-voice-specing .student-voice-slider:after{  bottom: -50px;}

/* 30-7-2021 CSS */
.site-header.innerpage-header .quicklink-div{box-shadow: none;}
.quicklink-div ul li.search-li{position: relative;}
.quicklink-div ul li.search-li .icondiv-box {line-height: normal; cursor: pointer; height: 20px; width: 20px; text-align: center; position: relative; overflow: hidden; -webkit-transition: width 0.2s ease-in-out; -moz-transition: width 0.2s ease-in-out;-o-transition: width 0.2s ease-in-out; transition: width 0.2s ease-in-out;}
.quicklink-div ul li.search-li .icondiv-box span { font-size: 14px; line-height: 16px; color: #fff; display: inline-block;  margin-left: 8px; vertical-align: middle; opacity: 0; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s;   transition: opacity 0.2s; position: relative; top: -7px;}
.quicklink-div ul li.search-li .form-control { position: absolute; top:0; left: 30px; display: inline-block;  border: none; border-radius: 0px;  padding-left: 0;  padding-right: 0;  background: transparent; color: #fff; font-size: 13px;  line-height: 19px; width: 145px; padding: 0; border-bottom: 1px solid #ddb308;}
.quicklink-div ul li.search-li:hover .icondiv-box { width: 175px;  text-align: left;}
.quicklink-div ul li.search-li:hover .icondiv-box span { opacity: 1;}
.quicklink-div ul li.search-li .form-control::-webkit-input-placeholder { color: #ddb308;}
.quicklink-div ul li.search-li .form-control::-moz-placeholder { color: #ddb308;}
.quicklink-div ul li.search-li .form-control:-ms-input-placeholder { color: #ddb308;}
.quicklink-div ul li.search-li .form-control:-moz-placeholder { color: #ddb308;}
.quicklink-div ul li.g-translate-click button{background: transparent; cursor: pointer; border: none;}
.quicklink-div ul li.g-translate-click .dropdown-menu {  left: auto;  right: 0;}
.quicklink-div ul li.g-translate-click button:hover svg path{fill: #fff;}

.navigation-open .quicklink-div ul li.search-li, .navigation-open .quicklink-div ul li.g-translate-click{/* display: none; */}
.navigation-open .quicklink-div ul li:nth-child(3){/* margin-right: 0px; */}
.navigation-open .quicklink-div ul li.search-li svg path, .navigation-open .quicklink-div ul li.g-translate-click svg path{fill: #2b2a25;}
.navigation-open .quicklink-div ul li.search-li .form-control{border-color: #2b2a25;}
.navigation-open .g-translate-div, .navigation-open .search-navdiv{display: none;}
.site-header.innerpage-header .humberger-div {  margin-right: 35px;}
/* 30-7-2021 CSS End */

.download-module .comman-detaildiv{padding: 0px;}
.download-module .comman-detaildiv .file-dwonload-a:last-child a{margin-bottom: 0px;}

.scrolltobottom{
  position: fixed;
  z-index: 9;
  cursor: pointer;
}
.scrolltobottom span{
  animation: sdb05 1s infinite;
  display: inline-block;
}
body.navigation-open footer{
  z-index: 1;
}
@keyframes sdb05{
  0% {
    transform: rotate(0) translate(0, -6px);
    opacity: 0;
  }
  50% {
      opacity: 1;
  }
  100% {
      transform: rotate(0) translate(0px, 7px);
      opacity: 0;
  }
}
@-webkit-keyframes sdb05{
  0% {
    transform: rotate(0) translate(0, -6px);
    opacity: 0;
  }
  50% {
      opacity: 1;
  }
  100% {
      transform: rotate(0) translate(0px, 7px);
      opacity: 0;
  }
}
@-moz-keyframes sdb05{
  0% {
    transform: rotate(0) translate(0, -6px);
    opacity: 0;
  }
  50% {
      opacity: 1;
  }
  100% {
      transform: rotate(0) translate(0px, 7px);
      opacity: 0;
  }
}


/* Media Query CSS */
@media (min-width: 992px){
  .drop-down:hover>ul {visibility: visible;opacity: 1; }
  .drop-down ul li:hover>ul {visibility: visible; opacity: 1; display: block !important;}
  .nav-link-div ul > li:hover > a{color: #fff;}
  .drop-down ul li a:hover{ color: #ddb307;  border-left: none;  padding-left: 0;}
}
@media (max-width: 4500px) and (min-width: 2801px){
    .home-container {  max-width: 70%;}
    .north-star-slider, .twilight-slider{max-height: 1200px; min-height: 1200px;}
    .north-star-bg{min-height: 1200px; max-height: 1200px;}
    .north-slide-wrap .overlay-content, .twilight-slide-wrap .overlay-content { top: 50%; transform: translateY(-50%);}
    .twilight-slide-line:after{top: 200px;}
    .north-star-content{bottom: 9%;}
    .north-star-thumbg{top: 18%; left: -180px;}
    .north-slide-wrap .overlay-content .north-content-p p, .twilight-slide-wrap .overlay-content .twilight-content-p p { max-width: 640px;  font-size: 34px;}
    .north-star-content p, .north-star-authorcontent p { font-size: 18px;  line-height: 30px;}
    .north-star-content{max-width: 500px;}
    .student-voice-slider .slick-dots{left: -1143px;}
    .north-slide-line:after{height: 215px;}
    @keyframes northline { from { height: 0px; opacity: 0; } to { height: 215px; opacity: 1; } }
    .enrol-now-div, .school-trours-div {  min-height: 365px;   padding-bottom: 0;   max-width: 100%;}
    .enrol-now-line, .school-trours-line{height: 376px; width: auto;}
    .enrol-now-line{left: auto; right: -5px;}
    .school-trours-line{right: auto; left: -5px;}
    .navigation-content-wrap, .portal-content-wrap, .quicklinks-content-wrap { max-width: 1440px;}
    .nav-link-div{max-width: 690px;}
    .drop-down ul{max-width: 710px;}
    .nav-link-div ul > li{margin-bottom: 20px;}
    .drop-down ul li{margin-top: 25px;}
    .also-this-sectioninner, .also-this-section{border-radius: 500px 0 0 0; }
    .also-this-section .also-title{margin-bottom: 70px;}
    .also-bantl-inner {  margin-bottom: 140px;}
    .also-this-section ul li a {  font-size: 24px; line-height: 32px;}
    .also-this-section ul li{margin-bottom: 25px;}
    .also-banner-subtitle { font-size: 18px;}
    .also-banner-title{font-size: 46px;}
    .alsotiledi-hlf{width: 25%;}
    .also-neewslist {  width: 75%;  padding-left: 120px;}
    .also-close svg {  height: 24px;  width: 25px;}
    .homeslider-revolution .greypary-right{width: 22%;}
    .homeslider-revolution .thumbimage-slider{  width: 980px; height: 980px; border-radius: 0 0 0 360px;}
    .homeslider-revolution .rev_slider li.tp-revslider-slidesli .tp-parallax-wrap:nth-child(4) {width: 980px; height: 980px; margin: -490px 0 0 0 !important;}    
    .homeslider-revolution .tp-dottedoverlay{width: 78%;}
    .homeslider-revolution .tp-bullets{bottom: 19% !important; width: 22% !important;}
}
@media (max-width: 2800px) and (min-width: 2121px){
    .home-container {  max-width: 80%;}
    .north-star-slider, .twilight-slider{ max-height: 1100px; min-height: 1100px;}
    .north-star-bg{min-height: 1100px; max-height: 1100px;}
    .north-slide-wrap .overlay-content, .twilight-slide-wrap .overlay-content { top: 50%; transform: translateY(-50%);}
    .twilight-slide-line:after{top: 200px;}
    .north-star-content{bottom: 5%;}
    .north-star-thumbg{top: 16%; left: -180px;}
    .north-slide-wrap .overlay-content .north-content-p p, .twilight-slide-wrap .overlay-content .twilight-content-p p { max-width: 640px;  font-size: 34px;}
    .north-star-content p, .north-star-authorcontent p { font-size: 18px;  line-height: 30px;}
    .north-star-content{max-width: 500px;}
    .student-voice-slider .slick-dots{left: -828px;}
    .north-slide-line:after{height: 215px;}
    @keyframes northline { from { height: 0px; opacity: 0; } to { height: 215px; opacity: 1; } }
    .enrol-now-div, .school-trours-div {  min-height: 365px;   padding-bottom: 0;   max-width: 100%;}
    .enrol-now-line, .school-trours-line{height: 376px; width: auto;}
    .enrol-now-line{left: auto; right: -5px;}
    .school-trours-line{right: auto; left: -5px;}
    .navigation-content-wrap, .portal-content-wrap, .quicklinks-content-wrap { max-width: 1440px;}
    .nav-link-div{max-width: 690px;}
    .drop-down ul{max-width: 710px;}
    .nav-link-div ul > li{margin-bottom: 20px;}
    .drop-down ul li{margin-top: 25px;}    
    .also-this-sectioninner, .also-this-section{border-radius: 420px 0 0 0; }
    .also-this-section .also-title{margin-bottom: 60px;}
    .also-bantl-inner {  margin-bottom: 120px;}
    .also-this-section ul li a {  font-size: 22px; line-height: 30px;}
    .also-this-section ul li{margin-bottom: 25px;}
    .also-banner-subtitle { font-size: 16px;}
    .also-banner-title{font-size: 44px;}
    .alsotiledi-hlf{width: 30%;}
    .also-neewslist {  width: 70%;  padding-left: 120px;}
    .also-close svg {  height: 24px;  width: 25px;}
    .homeslider-revolution .greypary-right{width: 22%;}
    .homeslider-revolution .thumbimage-slider{  width: 660px; height: 660px; border-radius: 0 0 0 230px;}
    .homeslider-revolution .rev_slider li.tp-revslider-slidesli .tp-parallax-wrap:nth-child(4) {width: 660px; height: 660px; margin: -330px 0 0 0 !important;}    
    .homeslider-revolution .tp-dottedoverlay{width: 78%;}
    .homeslider-revolution .tp-bullets{bottom: 19% !important; width: 22% !important;}
}
@media (max-width: 1680px) {
    .home-container {  max-width: 1370px;}
    .enrol-now-line, .school-trours-line{width: 101%;}
    .ensc-tile{font-size: 48px;}
    .padua-portal-div .ensc-tile {font-size: 44px;max-width: 200px;  bottom: 70px;}
    .padua-portal-div{max-width: 300px;}
    .padua-portal-line{max-width: 290px; top: -175px;}
    .ensc-tile svg { height: 30px;}
    .pp-icon-div {  margin-top: -5px;  margin-left: 45px;}
    .north-title, .twilight-title{font-size: 5rem;}
    .twilight-title{max-width: 500px;}
    .north-slide-line:after{left: 36px; height: 150px;}
    @keyframes northline { from { height: 0px;opacity: 0;} to { height: 150px; opacity: 1; } }
    .north-slide-wrap .overlay-content .north-content-p p{font-size: 30px; max-width: 500px;}
    .twilight-slide-wrap .overlay-content .twilight-content-p p{font-size: 30px; max-width: 720px;}
    .slide-bullet-ul li{font-size: 30px;}
    .north-slide-wrap .overlay-content{top: 80px;}
    .north-slide-wrap .overlay-content .north-content-p{margin-top: 35px;}
    .slide-bullet-ul, .north-slide-wrap .overlay-content .button-arrow{margin-top: 2.8rem;}
    .north-star-thumbg{height: 360px; top: 75px; left: -200px;}
    .north-star-slider .slick-active .north-star-thumbg, .northsart-outter .north-star-thumbg{width: 580px; }
    .north-star-content p{margin-bottom: 20px;}
    .north-star-authorcontent p:nth-child(2){margin-bottom: 2.2rem !important;}
    .twilight-slide-wrap .overlay-content .twilight-content-p, .twilight-slide-wrap .button-arrow {   margin-top: 70px;}
    .twilight-slide-wrap .overlay-content{top: 120px;}
    .twilight-slide-line:after{top: 95px;}
    .student-voice-slider .slick-dots{/* left: -513px; */ left: -506px;}
    .follow-title, .upevent-title{font-size: 70px;}
    .follow-title-div, .upevent-title-div{width: 330px;}
    .follow-title-div{margin-top: 4%;}
    .follow-title-div:after, .upevent-title-div:after { top: -220px;  height: 200px;}
    @keyframes ftlline { from { height: 0px; opacity: 0; } to { height: 200px; opacity: 1; } }
    @keyframes upftlline { from { height: 0px; opacity: 0; } to { height: 200px;  opacity: 1; } }
    .follow-slider .follow-overlay{padding: 20px}
    .follow-facebook{margin-bottom: 25px;}
    .follow-slider .follow-overlay p{margin-bottom: 1.5rem;}
    .upevent-title{padding-top: 40px;}
    .upevent-box{padding: 55px 20px;}
    .event-list-date .event-date{font-size: 100px;}
    .upevent-slider .slick-arrow{bottom: 45%;}
    .upcoming-event-section {  padding: 155px 0 140px;}
    .north-star-slider, .twilight-slider{max-height: 760px; min-height: 760px;}
    .north-star-bg{max-height: 760px; min-height: 760px;}
    .nav-logo-social { bottom: 60px;  left: 60px;}
    .navigation-content-wrap, .portal-content-wrap, .quicklinks-content-wrap{max-width: 960px;}
    .nav-link-div{max-width: 400px;}
    .drop-down ul{ width: 560px;  max-width: 560px; padding-top: 20px;}
    .nav-link-div ul > li{margin-bottom: 12px;}
    .nav-link-div ul > li > a { font-size: 32px;}
    .drop-down ul li a{font-size: 22px;}
    .drop-down ul li{margin-top: 15px; margin-bottom: 0;}
    .site-header.sticky .logo-div, .site-header.innerpage-header .logo-div {  padding-left: 70px;}
    .banner-content-div .container {  max-width: 1140px;}
    .banner-content-div .banner-title{font-size: 84px; letter-spacing: 0;}
    .banner-content-div .banner-subtitle { font-size: 30px; letter-spacing: 0; margin-bottom: 20px;}
    .imagetext-module-section, .imgDivider-module-section .imgDivider-container, .video-module .container{max-width: 1380px;}
    .imagetext-title-div { padding: 75px 100px;}
    .imagetext-title-div h2 { font-size: 60px;}
    .imgDivider-container .imgDivider-title{font-size: 74px; margin-bottom: 5rem;}
    .imgDivider-container .button-arrow {  margin-top: 2.8rem;}
    .photogallery{max-width: 1210px;}
    .photogallery:before{left: -370px;}
    .video-module-content p, .video-module-content .button-arrow {margin-left: 140px;}
    .video-module.rightside .video-module-content p {   margin-right: 140px;}
    .video-module-content .button-arrow{/* margin-top: 7rem; */}
    .head-predition-link{/* margin-right: 100px; */ margin-right: 50px;}
    .newsletter-left-overlay { width: 460px;  padding: 50px 50px 100px 50px;  left: 70px;}
    .newsletter-pagetitle{font-size: 86px;}
    .newsletterlist-issues{left: 70px;}
    .feature-eventbox{max-width: 700px; }
    .feanewcls-rightsvg{right: -130px;}
    .feanewcls-lftsvg{left: -160px;}
    .newslatter-controller .next-side {  right: 25px;}
    .newslatter-controller .prev-side {  left: 25px;}
    .also-this-sectioninner {  padding: 70px 120px;}
    .student-title-div{margin-left: 0px;}
    .student-voice-content{width: calc(100% - 355px);}
    .video-divbox.vimeo-box .youtube-background iframe{ width: 138%;}
    .comman-detaildiv h2{margin-top: 40px;}
    .video-wrapdiv:before{left: 705px; }
    .video-module.rightside .video-wrapdiv:before {  left: 455px;}
    .alsotiledi-hlf{width: 45%;}
    .also-neewslist{width: 55%;}

    .homeslider-revolution .thumbimage-slider{  width: 440px; height: 440px; border-radius: 0 0 0 150px;}
    .homeslider-revolution .rev_slider li.tp-revslider-slidesli .tp-parallax-wrap:nth-child(4) {width: 440px; height: 440px; margin: -220px 0 0 0 !important;}
    .homeslider-revolution .rehslider-caption .whitetext-slide, .homeslider-revolution .rehslider-caption .yellowtext-slide {font-size: 4.8rem;}
    .homeslider-revolution .rev_slider li.tp-revslider-slidesli .tp-parallax-wrap:nth-child(3) { width: 66%; height: 185px; left: 70px !important; bottom: 85px !important; }
    .homeslider-revolution .greypary-right{width: 26%;}
    .homeslider-revolution .tp-dottedoverlay{width: 74%;}
    .homeslider-revolution .tp-bullets{bottom: 18% !important; width: 26% !important;}
    .homeslider-revolution .tp-bullets .tp-bullet{width: 80px;}
    homeslider-revolution .tp-parallax-wrap:nth-child(3):before{  top: -20px; left: -70px;}
    @keyframes SlideContentLine { from { width: 0; } to { width: 190px; } }
}
@media (max-width: 1440px) {
    .site-header.sticky .logo-div {  padding-left: 50px;}
    .site-header.sticky .logo-div, .site-header.innerpage-header .logo-div {  padding-left: 50px;}
    .home-container {  max-width: 1300px;}
  	.enrol-school-portal{padding: 60px 0;}
    .ensc-tile {  font-size: 46px;}
    .padua-portal-div .ensc-tile {  font-size: 42px;  max-width: 190px;  bottom: 55px;}
    .ensc-tile svg {  height: 28px;}
    .north-star-thumbg{left: -220px;}
    .student-voice-section, .in-respect-section {margin: 70px 0;}
    .follow-title, .upevent-title {  font-size: 66px;}
    .follow-title-div, .upevent-title-div{width: 310px;}
    .follow-us-section { padding: 80px 0 130px;}
    .follow-title-div:after, .upevent-title-div:after {  top: -185px;  height: 170px;}
    @keyframes ftlline { from { height: 0px; opacity: 0; } to { height: 170px; opacity: 1; } }
    @keyframes upftlline { from { height: 0px; opacity: 0; } to { height: 170px;  opacity: 1; } }
    .follow-slider .follow-overlay{padding: 15px}
    .upevent-slider .slick-arrow{bottom: 49%;}
    .follow-slider .slick-arrow{bottom: -76px;}
    .site-footer .container {  max-width: 1140px;}
    .site-footer {  border-radius: 300px 0 0 0;}
    .nav-logo-social { bottom: 50px;  left: 50px;}
    .navigation-content-wrap, .portal-content-wrap, .quicklinks-content-wrap{max-width: 880px;}
    .nav-link-div{max-width: 390px;}
    .drop-down ul{ width: 490px;  max-width: 490px; padding-top: 20px;}
    .nav-link-div ul > li{margin-bottom: 12px;}
    .drop-down ul li{margin-top: 15px; margin-bottom: 0;}
    .g-translate-div{left: 85px;}
    .imagetext-module-section, .imgDivider-module-section .imgDivider-container, .video-module .container { max-width: 1320px;}
    .photogallery{max-width: 1170px;}
    .imagetext-title-div { top: 120px; padding: 65px 80px;}
    .imagetext-title-div h2 {  font-size: 56px; margin-bottom: 2.6rem;}
    .imagetext-title-div h3{font-size: 30px; margin-bottom: 2.6rem;}
    .imagetextimg-div{min-height: 780px;}
    .imagetext-module-section .button-arrow{margin-top: 4rem;}
    .imgDivider-container .imgDivider-title { font-size: 72px;  margin-bottom: 4rem;}
    .imgDivider-container .button-arrow {  margin-top: 2.5rem;}
    .imgDivider-module-section { padding: 8rem 0 5rem;  min-height: 620px;}
    .video-module-content{padding: 60px;}
    .video-module-content p{margin-top: 60px;}
    .video-module-content .button-arrow {  margin-top: 4rem;}
    .enrol-now-div, .school-trours-div{padding-bottom: 55.2%; }
    .head-predition-link{margin-right: 30px;}
    .newsletter-left-overlay { width: 440px;  padding: 40px 50px 100px 50px;  left: 60px;}
    .newsletter-pagetitle{font-size: 80px; line-height: 1; padding-bottom: 25px;}
    .newsletterlist-issues{left: 60px;}
    .feature-eventbox {  max-width: 650px; min-height: 330px;}
    .feanewcls-lftsvg {  left: -140px;  height: 338px;}
    .feanewcls-rightsvg { right: -112px;  height: 338px;}
    .feaure-texttitle h2 {font-size: 48px; max-width: 330px;}
    .feaure-texttitle svg { height: 36px;  bottom: 8px;}
    .also-this-section ul li a { font-size: 18px;   line-height: 22px;}
    .also-this-section .also-title{font-size: 48px;}
    .also-this-section,  .also-this-sectioninner { border-radius: 220px 0 0 0;}
    .video-divbox.vimeo-box .youtube-background iframe{ width: 140%;}
    .video-wrapdiv:before {  left: 670px;  top: 135px;}
    .video-module.rightside .video-wrapdiv:before {  left: 435px;}
    .imagetext-overlay { padding: 34px 100px 34px 45px;}
    .imagetext-module-section.leftSide .imagetext-overlay{padding: 34px 45px 35px 100px;}
    .imagetextimg-div:before{left: 50px;}
    .imagetext-module-section.rightside .imagetextimg-div:before { right: 50px;}
    .site-header.innerpage-header .humberger-div {  margin-right: 25px;}
    .quicklink-div ul li.search-li:hover .icondiv-box {  width: 155px;}
    .quicklink-div ul li.search-li .form-control{width: 125px;}
}
@media (max-width: 1366px) {
    .home-container {  max-width: 1190px;}
    .site-header{padding-top: 40px;}
    .menu-quicklink-inner {  margin-top: -10px;}
    .twilight-section{margin-top: 70px;}
  	.student-voice-section, .in-respect-section {margin: 70px 0;}
    .ensc-tile {  font-size: 42px;  max-width: 170px; bottom: 40px;}
    .padua-portal-div .ensc-tile {  font-size: 40px;  max-width: 170px;  bottom: 55px;}
    .padua-portal-line {  max-width: 255px;  top: -154px;}
    .ensc-tile svg {  height: 26px;}
    .north-star-section {  margin-top: 60px;}
    .north-slide-line:after {  left: 34px;  height: 120px;  top: -60px;}
    @keyframes northline { from { height: 0px;opacity: 0;} to { height: 120px; opacity: 1; } }
    .north-title, .twilight-title {  font-size: 4rem;}
    .twilight-title {  max-width: 420px;}
    .north-slide-wrap .overlay-content .north-content-p p {  font-size: 28px;  max-width: 470px;}
    .twilight-slide-wrap .overlay-content .twilight-content-p p{font-size: 28px; max-width: 660px;}
    .slide-bullet-ul li{font-size: 28px;}
    .north-star-slider, .twilight-slider{max-height: 640px; min-height: 640px;}
    .north-star-bg{max-height: 640px; min-height: 640px;}
    .north-star-thumbg{height: 310px; top: 55px; left: -190px;}
    .north-star-slider .slick-active .north-star-thumbg, .northsart-outter .north-star-thumbg{width: 520px; }
    .north-slide-wrap .overlay-content{top: 70px;}
    .north-star-content p {  margin-bottom: 20px;  font-size: 14px; line-height: 20px;}
    .north-star-authorcontent p{font-size: 14px;  line-height: 22px;}
    .north-slide-wrap .overlay-content .north-content-p {  margin-top: 30px;}
    .slide-bullet-ul, .north-slide-wrap .overlay-content .button-arrow {  margin-top: 2rem;}
    .north-star-authorcontent p:nth-child(2){margin-bottom: 1.5rem !important;}
    .north-star-content{max-width: 380px; bottom: 0;}
    .twilight-slide-wrap .overlay-content{top: 90px;}
    .twilight-slide-line:after {  top: 80px;}
    .twilight-slide-wrap .overlay-content .twilight-content-p, .twilight-slide-wrap .button-arrow {  margin-top: 50px;}
    .follow-title, .upevent-title {  font-size: 62px;}
    .event-list-date{margin-bottom: 30px;}
    .follow-title-div:after {  top: -170px;  height: 160px;   left: 20px;}
    .upevent-title-div:after {  top: -155px;   height: 170px;   left: 20px;}
    @keyframes ftlline { from { height: 0px; opacity: 0; } to { height: 160px; opacity: 1; } }
    @keyframes upftlline { from { height: 0px; opacity: 0; } to { height: 170px;  opacity: 1; } }
    .upcoming-event-section {  padding: 100px 0 80px;}
    .upevent-slider .slick-arrow{bottom: 52%;}
    .site-footer .container {  max-width: 1000px;}
    .foot-logo-div{margin-bottom: 50px;}
    .site-footer {  border-radius: 270px 0 0 0; padding-bottom: 50px;}
    .copyright-text{margin-top: 30px;}
    .footer-bg{max-width: 600px;}
    .student-title-div, .respect-title-div{width: 330px;}
    .student-voice-content {  width: calc(100% - 330px);  padding-left: 100px;  padding-top: 91px;  padding-bottom: 91px;}
    .student-title-div .st-title, .respect-title-div .rt-title{font-size: 46px;}
    .student-title-div .stuvic-svg{top: -134px;}
    .student-voice-slider .slick-dots {     left: -400px; width: 330px;}
    .in-respect-content{ width: calc(100% - 332px); padding-top: 90px; padding-right: 50px; padding-bottom: 90px;}
    .respect-title-div .respe-svg{top: -133px;}
    .nav-logo-social { bottom: 40px;  left: 40px;}
    .nav-logo-div { max-width: 128px;  margin: 0 auto 35px;}
    .nav-social li{margin: 0 5px;}
    .navigation-content-wrap, .portal-content-wrap, .quicklinks-content-wrap{max-width: 840px;}
    .nav-link-div{max-width: 340px;}
    .drop-down ul{ width: 500px;  max-width: 500px; padding-top: 20px;}
    .nav-link-div ul > li{margin-bottom: 10px;}
    .nav-link-div ul > li > a { font-size: 28px;}
    .drop-down ul li a{font-size: 20px;}
    .drop-down ul li{margin-top: 15px; margin-bottom: 0;}
    .banner-content-div .banner-title { font-size: 76px;}
    .banner-content-div .banner-subtitle{font-size: 28px;}
    .imagetext-module-section, .imgDivider-module-section .imgDivider-container, .video-module .container { max-width: 1230px;}
    .imagetext-title-div h2{font-size: 50px;}
    .imagetext-title-div {  top: 80px;  padding: 50px 60px;}
    .imagetextimg-div {  min-height: 640px;}
    .imgDivider-container .imgDivider-title { font-size: 66px;  margin-bottom: 3.5rem;}
    .imgDivider-container .button-arrow{margin-top: 2rem;}
    .imgDivider-module-section {  padding: 7rem 0 5rem;  min-height: 520px;}
    .imgDivider-line .imgDivider-container:before { top: -60px;  left: 18px;  height: 160px;}
    .imgDivider-line .imgDivider-container:after { bottom: -120px;  left: 18px;   height: 160px;}
    @keyframes imgdividerline { from { height: 0px; opacity: 0; } to { height: 160px; opacity: 1; } }
    @keyframes imgdividerlinebtm { from { height: 0px; opacity: 0; } to { height: 160px; opacity: 1; } }
    .imagetext-overlay { padding: 25px 80px 25px 40px;  font-size: 28px;}
    .imagetext-module-section.leftSide .imagetext-overlay{padding: 25px 40px 25px 80px;}
    .imagetextimg-div:before{left: 40px; bottom: -85px; height: 150px;}
    .imagetext-module-section.rightside .imagetextimg-div:before { right: 40px;}
    .imagetext-module-section {  margin: 40px auto 130px;}
    .photogallery {  max-width: 1150px;}
    .video-module-content p{font-size: 26px; margin-top: 50px;}
    .video-module-content{padding: 50px;}
    .video-module-content .button-arrow {  margin-top: 3.5rem;}
    .photogallery .slick-slide {  padding: 15px;}
    .photogallery-box img {  height: 520px;}
    .head-predition-link{margin-right: 30px;}
    .newsletter-left-overlay { width: 400px;  padding: 30px 30px 100px 30px;  left: 50px;}
    .newsletter-pagetitle{font-size: 66px; margin-bottom: 20px;}
    .newsletterlist-issues{left: 50px; bottom: 85px;}
    .newsletterlist-issues:before { bottom: -85px;  height: calc(100% + 85px);}
    .newsletterlist-issues ul li {  margin-bottom: 20px;  font-size: 16px;}
    .edition-title { font-size: 28px;  margin-bottom: 15px;}
    .newsletterlist-issues-title{margin-bottom: 35px;}
    .newsletter-slide-banner .banner-content-div .container, .college-tour-banner .banner-content-div .container {  max-width: 1140px;}
    .news-paduan-text{font-size: 36px;}
    .also-this-section { right: -76%;  width: 75%;}
    .newslatter-controller .next-side {  right: 28px;}
    .newslatter-controller .prev-side {  left: 28px;}
    .feature-eventbox { max-width: 620px;}
    .feanewcls-lftsvg{left: -170px;}
    .feanewcls-rightsvg{right: -142px;}
    .also-this-section {  right: -81%;  width: 80%;}
    .search-navdiv{left: 150px; /* right: 10%; */}
    .video-wrapdiv:before {  left: 615px;  top: 125px;}
    .video-module.rightside .video-wrapdiv:before {  left: 395px;}

    .homeslider-revolution .thumbimage-slider{  width: 410px; height: 410px; border-radius: 0 0 0 150px; }
    .homeslider-revolution .rev_slider li.tp-revslider-slidesli .tp-parallax-wrap:nth-child(4) {width: 410px; height: 410px; margin: -205px 0 0 0 !important;}
    .homeslider-revolution .rev_slider li.tp-revslider-slidesli .tp-parallax-wrap:nth-child(3){left: 60px !important; bottom: 65px !important;     height: 165px;}
    .homeslider-revolution .rehslider-caption .whitetext-slide, .homeslider-revolution .rehslider-caption .yellowtext-slide{font-size: 4.2rem;}
    .homeslider-revolution .tp-bullets{bottom: 14% !important;}
    .homeslider-revolution .tp-bullets .tp-bullet{width: 70px;}
    .homeslider-revolution .tp-parallax-wrap:nth-child(3):before{  top: -15px;   left: -60px;}
    @keyframes SlideContentLine { from { width: 0; } to { width: 170px; } }

    .student-voice-specing .student-voice-content {     padding-left: 70px; padding-top: 80px; padding-bottom: 80px;}
    .student-voice-specing .student-voice-slider p{ font-size: 16px; line-height: 30px;}
    .student-voice-specing .student-voice-slider h4 { margin-top: 15px;}
    .student-voice-specing, .student-voice-specing .student-voice-bg { min-height: 324px;}

    .quicklink-div ul li.search-li:hover .icondiv-box { width: 150px;}
    .quicklink-div ul li{margin: 0 10px;}
}
@media (max-width: 1280px) and (min-width: 1025px){
  .quicklink-div ul li.search-li:hover .icondiv-box { width: 140px;}
  .quicklink-div {  padding: 22px 25px;}
}
@media (max-width: 1280px) {
    .home-container {  max-width: 1120px;}
    .site-footer .container {  max-width: 960px;}
    .padua-portal-line {  max-width: 240px;  top: -145px;}
    .padua-portal-div {  max-width: 240px;}
    .follow-title, .upevent-title { font-size: 60px;}
    .event-list-date .event-date {  font-size: 92px;}
    .event-list-date .event-month, .event-list-date .endateTxt{font-size: 24px;}
	.upevent-box{height:500px;}
	.event-list-date .endateTxt strong{font-size:28px;}
    .pp-icon-div {  margin-top: -5px;  margin-left: 35px;  height: 66px;   width: 66px;}
    .padua-portal-div .ensc-tile{font-size: 38px;}
    .padua-portal-div .ensc-tile svg {  margin-left: 15px;}
    .pp-icon-div svg, .pp-icon-div img {  height: 35px;   margin: 9px auto;}
    .navigation-content-wrap, .portal-content-wrap, .quicklinks-content-wrap{max-width: 800px;}
    .drop-down ul{ width: 460px;  max-width: 460px; }
    .calendar-event-section .container {  max-width: 1140px;}
    .newsletter-editionlist .container {  max-width: 1170px;}
    .imagetext-module-section, .imgDivider-module-section .imgDivider-container, .video-module .container { max-width: 1180px;}
    .tiles-module .container {  max-width: 1180px;}
    .imagetext-title-div h3 p{font-size: 30px;}
    .imagetext-title-div {  padding: 50px;}
    .photogallery{max-width: 90%;}
    .slider__counter { bottom: 65px;  left: 15px;}
    .photogallery .slick-arrow{left: 15px; bottom: 0;}
    .photogallery .slick-arrow.slick-next { left: 80px;}
    .photogallery.slick-slider .slick-list{padding-bottom: 210px;}
    .tiles-content{padding: 35px 50px;}
    .tiles-content .tiles-line-span, .tiles-content:after{left: 55px;}
    .video-module-content{top: 60px;}
    .feature-eventbox { max-width: 580px;}
    .feanewcls-lftsvg{ left: -211px;}
    .feanewcls-rightsvg{right: -182px;}
    .also-this-section {  right: -85%;  width: 84%;}
    .newsauthor-container {  max-width: 1160px;}
    .search-navdiv{/* right: 40px; */}
    .video-wrapdiv:before { left: 590px;  top: 110px;}
    .video-module.rightside .video-wrapdiv:before {  left: 375px;}
    .newsedition-content{width: 85%;}

    .homeslider-revolution .rehslider-caption .whitetext-slide, .homeslider-revolution .rehslider-caption .yellowtext-slide{font-size: 4rem;}

	.event-list-content h2{min-height:auto;}
  .site-header.innerpage-header .humberger-div {  margin-right: 20px;}
  .head-predition-link { margin-right: 20px;}
}
@media (max-width: 1199px) {
    .home-container { max-width: 960px;}
    .padua-portal-line {  max-width: 210px;  top: -125px;}
    .ensc-tile {  font-size: 36px;  max-width: 160px;  bottom: 30px;}
    .padua-portal-div .ensc-tile { font-size: 34px;}
    .padua-portal-div .ensc-tile { max-width: 145px;  bottom: 30px;}
    .north-star-thumbg{height: 280px; top: 55px; left: -190px;}
    .north-star-slider .slick-active .north-star-thumbg, .northsart-outter .north-star-thumbg{width: 450px;  border-radius: 0 0 0 140px;}
    .site-footer .container {  max-width: 810px;}
    .site-footer {  border-radius: 230px 0 0 0;  padding-bottom: 50px;}
    .site-footer .col-md-3 { -webkit-box-flex: 0;  -ms-flex: 0 0 30%;  flex: 0 0 30%;  max-width: 30%;}
    .upevent-box{padding: 55px 30px;}
    .follow-slider .follow-overlay {  padding: 20px;}
    .navigation-content-wrap, .portal-content-wrap, .quicklinks-content-wrap{max-width: 640px;}
    .drop-down ul{ width: 300px;  max-width: 300px; }
    .calendar-event-section .container {  max-width: 960px;}
    .calender-date-wrapper {  width: 350px;}
    .calevent-listrow {  margin: 0 -15px;}
    .event-listview{padding: 0 15px;}
    .calevent-listwrap { width: calc(100% - 350px);  padding-left: 40px;}
    .calevent-listwrap .event-list-content h2{font-size: 20px;}
    .calevent-listwrap .event-listview .upevent-box { margin-bottom: 40px;  padding: 55px 18px;}
    .newsletter-editionlist .container{padding: 0 30px;}
    .keep-update-div{width: 100%;}
    .banner-content-div .container{padding: 0 45px;}
    .banner-content-div .banner-title {  font-size: 72px;}
    .banner-content-div .banner-subtitle {  font-size: 26px;}
    .banner-content-div .bantl-inner:after, .banner-content-div .bantl-inner:before{left: 20px;}
    .imagetext-title-div h2 { font-size: 44px;}
    .imagetext-title-div h3 p { font-size: 28px;}
    .imagetext-title-div {  padding: 40px;}
    .video-module-content p{font-size: 24px; margin-top: 40px;}
    .video-module-content{padding: 40px;}
    .video-module-content p, .video-module-content .button-arrow {  margin-left: 120px;}
    .video-module.rightside .video-module-content p {   margin-right: 120px;}
    .tiles-title{font-size: 35px;}
    .newsletterlist-issues-title{font-size: 36px;}
    .news-paduan-text{display: none;}
    .previous-editionlist .container {  max-width: 780px;}
    .previous-editionlist .col-md-4 {  -webkit-box-flex: 0;  -ms-flex: 0 0 50%;  flex: 0 0 50%;  max-width: 50%;}
    .college-tour-box{padding: 35px 30px 35px 70px;}
    .booked-btn, .more-btn, .place-avb-btn, .reserv-btn {font-size: 14px; letter-spacing: 0.3px; line-height: 20px; padding: 15px 20px; min-width: 160px;}
    .eventdate-content {  padding-left: 70px;}
    .newsletter-detailpage {  padding: 100px 0;}
    .newsauthor-container { max-width: 1160px;}
    .newsauthor-content{width: 100%; float: none; padding-right: 0;}
    .author-picdiv {  width: 100%;  float: none;  margin-top: 30px;}
    .newsauthor-content:after{display: none !important;}
    .newsauthor-container {  max-width: 100%;}
    .newsauthor-wrap { padding-left: 55px; margin-bottom: 70px;}
    .feature-eventbox {  max-width: 490px;}
    .feanewcls-lftsvg {  left: -301px;}
    .feanewcls-rightsvg {  right: -272px;}
    .also-this-sectioninner { padding: 70px 100px;}
    .video-wrapdiv:before {  left: 50%;  top: 100px;}
    .video-module.rightside .video-wrapdiv:before {  left: 32%;}
    .newsedition-content .newsedition-title{font-size: 18px;}
    .feaure-texttitle h2 {  font-size: 36px;  max-width: 250px;}
    .feaure-texttitle svg{height: 30px;}
    .alsotiledi-hlf{width: 50%;}
    .also-neewslist{width: 50%; padding-left: 60px;}
    .in-respect-content{padding-top: 76px; padding-bottom: 76px;}

    .homeslider-revolution .thumbimage-slider{  width: 360px; height: 360px; border-radius: 0 0 0 130px; }
    .homeslider-revolution .rev_slider li.tp-revslider-slidesli .tp-parallax-wrap:nth-child(4) {width: 360px; height: 360px; margin: -180px 0 0 0 !important;}
    .homeslider-revolution .rehslider-caption .whitetext-slide, .homeslider-revolution .rehslider-caption .yellowtext-slide{font-size: 3.8rem;}
    .homeslider-revolution .rev_slider li.tp-revslider-slidesli .tp-parallax-wrap:nth-child(3){left: 60px !important; bottom: 70px !important;     height: 150px;}
    .homeslider-revolution .tp-parallax-wrap:nth-child(3):before{    left: -60px;}
    @keyframes SlideContentLine { from { width: 0; } to { width: 160px; } }
    .homeslider-revolution .tp-bullets .tp-bullet{width: 60px;}

    .student-voice-specing .student-voice-slider p { font-size: 14px; line-height: 24px;}
    .student-voice-specing .student-voice-content { padding-left: 50px;  padding-top: 80px;  padding-bottom: 80px;}
    .student-voice-specing .student-voice-slider h4 {  margin-top: 20px;}
    .student-voice-specing .student-voice-slider .slick-dots { left: -380px;}
	
	.event-list-content h2{min-height:auto;}
}
@media (max-width: 1024px) {
    .home-container { max-width: 940px;}
	  .ensc-tile {  font-size: 36px;  max-width: 150px;  bottom: 30px;}
    .padua-portal-div .ensc-tile {  font-size: 32px;  max-width: 130px;  bottom: 50px;}
    .padua-portal-div .ensc-tile svg { margin-left: 10px;}
    .padua-portal-line {  max-width: 200px;  top: -120px;}
    .enrol-now-line, .school-trours-line{top: -3px;}
    .pp-icon-div svg, .pp-icon-div img {  height: 26px;  margin: 8px auto;}
    .pp-icon-div {  margin-left: 55px;  height: 50px;  width: 50px; border: 4px solid #dfdfdf;}
    .north-star-bg{width: 65%;}
    .right-part-slide{width: 35%;}
    .north-star-thumbg{left: -160px;}
    .north-slide-wrap .overlay-content .north-content-p p {  font-size: 26px;  max-width: 430px;}
    .twilight-slide-wrap .overlay-content .twilight-content-p p {  font-size: 26px;  max-width: 620px;}
    .north-star-content{bottom: 12px;}
    .student-title-div, .respect-title-div {  width: 300px;}
    .student-voice-content {  width: calc(100% - 300px);  padding-left: 40px;  padding-top: 80px;  padding-bottom: 80px;}
    .student-title-div .st-title, .respect-title-div .rt-title { max-width: 180px; padding-top: 70px; font-size: 44px;}
    .student-voice-slider .slick-dots { bottom: 0; left: -340px;  width: 300px;}
    .student-title-div .stuvic-svg {  top: -122px;}
    .student-voice-slider:before{top: -50px;}
    .student-voice-slider:after{bottom: -50px;}
    .in-respect-content{ width: calc(100% - 300px); padding-top: 58px; padding-right: 40px; padding-bottom: 58px;}
    .respect-title-div .respe-svg {  top: -120px;}
    .follow-title, .upevent-title {  font-size: 56px;}
    .follow-title-div {  margin-top: 5%;}
    .event-list-date .event-date { font-size: 100px;}
    .enrol-school-portal {  padding: 50px 0;}
    .navigation-content-wrap, .portal-content-wrap, .quicklinks-content-wrap{margin: 15% auto 0;}
    .newsedition-content{padding: 30px 25px 15px; width: 88%;}
    .keep-update-title {  font-size: 34px;  margin-bottom: 35px;}
    .banner-content-div .banner-title {  font-size: 66px;}
    .banner-content-div .banner-subtitle {  font-size: 24px;}
    .comman-detail-container{max-width: 100%;}
    .comman-detaildiv { max-width: 75%; padding: 40px 0; }
    .banner-content-div .container {  padding: 0 50px;}
    .innerpage-slider-wrapper .home-slider {/* height: 65vh; */}
    .innerpage-slider-wrapper .home-slider .banner-bg-div { /* height: 65vh !important;  height: calc((var(--vh, 1vh) * 65));*/}
    .newsletter-slide-banner .home-slider, .newsletter-slider-wrapper .home-slider, .college-tour-banner .home-slider { height: 65vh;}
    .newsletter-slide-banner .home-slider .banner-bg-div, .newsletter-slider-wrapper .home-slider .banner-bg-div, .college-tour-banner .home-slider .banner-bg-div {height: 65vh !important;}
    .imagetext-divwrap{width: 55%;}
    .imagetext-module-section{padding: 0;}
    .imagetext-title-div{right: 0;}
    .imagetext-module-section.rightside .imagetext-title-div{left: 0;}
    .imagetext-title-div h3, .imagetext-title-div h2 {  margin-bottom: 2.2rem;}
    .imagetext-title-div p{margin-bottom: 20px;}
    .imagetext-title-div{top: 70px;}
    .imgDivider-module-section .imgDivider-container{padding: 0 60px;}
    .imgDivider-line .imgDivider-container:before, .imgDivider-line .imgDivider-container:after { left: 68px;}
    .imgDivider-module-section.rightside .imgDivider-line .imgDivider-container:before, .imgDivider-module-section.rightside .imgDivider-line .imgDivider-container:after {right: 68px;}
    .video-module .container{padding: 0;}
    .video-module .row{margin: 0;}
    .video-module .col-md-12{padding: 0;}
    .video-divbox .video-background-controls button i{height: 100px; width: 100px;}
    .video-divbox .video-background-controls button i:before {  border-top: 20px solid transparent;  border-left: 35px solid #ddb307;    border-bottom: 20px solid transparent;}
    .newsletterlist-issues{display: none;}
    .site-header.newspage-header .logo-div{width: 40%;}
    .site-header.newspage-header .menu-quicklink-div{width: 60%;}
    .head-predition-link {  margin-right: 40px;}
    .newsletter-left-overlay {/*  width: 100%;  padding: 30px 60px;  left: 0;  height: auto;  top: 120px;*/ padding: 60px 40px 100px 40px; overflow: inherit;}
    .newsletter-pagetitle:after{width: 15%;}
    .msg-principle-section .container, .newsletter-list-section .container{padding: 0 25px;} 
    .college-tour-detaildiv{max-width: 100%; padding: 40px 15px;}
    .feature-event-div{/* width: 100%; float: none;  -webkit-box-flex: 0;  -ms-flex: 0 0 100%;  flex: 0 0 100%;  max-width: 100%; */}
    .feature-eventbox {  /* max-width: 760px; */ max-width: 481px; min-height: 300px;}
    .feature-event-div.rightevent{/* margin-top: 50px; */}
    .feanewcls-lftsvg, .feanewcls-rightsvg{height: 308px;}
    .feature-eventbox .overlay-bg:after{display: none;}
    .feanewcls-rightsvg {  right: -215px;}
    .feaure-texttitle h2 { max-width: 300px;}
    .feanewcls-lftsvg {  left: -240px;}
    .also-close {  right: 50px;  top: 50px;}
    .newslatter-controller .next-side {  right: 31px;}
    .newslatter-controller .prev-side {  left: 31px;}
    .search-navdiv {/* bottom: 15%; */ /* right: auto;  left: 85px;  bottom: auto;  top: 90px; */}
    .video-wrapdiv:before { left: 53%;  top: 100px;  width: 110px;}
    .video-module.rightside .video-wrapdiv:before {  left: 35.5%;}
    .also-this-sectioninner {  padding: 70px 90px;}

    .homeslider-revolution .rehslider-caption .whitetext-slide, .homeslider-revolution .rehslider-caption .yellowtext-slide {font-size: 3.4rem;}
    .homeslider-revolution .rev_slider li.tp-revslider-slidesli .tp-parallax-wrap:nth-child(3) { width: 62%;left: 50px !important; bottom: 70px !important;     height: 135px;}
    .homeslider-revolution .greypary-right{width: 30%;}
    .homeslider-revolution .tp-dottedoverlay{width: 70%;}
    .homeslider-revolution .tp-bullets{bottom: 14.5% !important; width: 30% !important;}
    .homeslider-revolution .tp-parallax-wrap:nth-child(3):before{    left: -50px;}
    @keyframes SlideContentLine { from { width: 0; } to { width: 130px; } }
    .improvement-team-member-section .container{max-width: 100%;}
    .author-btm-list .author-bottomdiv { width: 50%;}
    .author-btm-list .author-bottomdiv:nth-child(3n + 1) { clear: inherit;}
    .author-btm-list .author-bottomdiv:nth-child(2n + 1) {  clear: both;}

    .student-voice-specing .student-voice-slider p {font-size: 15px;  line-height: 26px;}
    .student-voice-specing .student-voice-slider h4 { margin-top: 15px;}
    .student-voice-specing .student-voice-content {  padding-left: 40px;  padding-top: 62px;  padding-bottom: 62px;}
    .student-voice-specing .student-voice-slider:before {  top: -40px;}
    .student-voice-specing .student-voice-slider:after { bottom: -40px;}
    .student-voice-specing, .student-voice-specing .student-voice-bg { min-height: 295px;}
	
	.upevent-box{height:450px}

  .menu-quicklink-div { width: 50%;}
  .quicklink-div ul li a svg, .quicklink-div ul li svg { height: 14px;}
  .site-header .quicklink-div ul{position: relative;top: -2px;}
  .quicklink-div { padding: 15px 25px;}
  .site-header.sticky .logo-div, .site-header.innerpage-header .logo-div, .site-header.sticky .menu-quicklink-div{width: 50%;}
  .site-header.sticky .menu-quicklink-div, .site-header.innerpage-header .menu-quicklink-div { padding: 16px 0;}
  .humberger-div .humberger-line { width: 26px;}
  .humberger-div .humberger-close { height: 20px;}
  .humberger-div { margin-right: 25px;  margin-top: 16px;}
  .site-header.innerpage-header.newspage-header .logo-div{width: 35%;}
  .head-predition-link{margin-top: 8px;}
  .site-header.innerpage-header.newspage-header .menu-quicklink-div, .site-header.innerpage-header.newspage-header.sticky .menu-quicklink-div{width: 65%;}
}
@media (max-width: 991px) {
    .home-container {  max-width: 730px;}
    .site-header.sticky .logo-div {  padding-left: 30px;}
    .header-social {  padding-left: 30px;}
    .quicklink-div ul li{margin: 0 10px; }
    .humberger-div{margin-right: 30px;}
    .enrol-school-portal { padding: 35px 0;}
    .enrol-now-line, .school-trours-line{top: -2px;}
    .school-trours-line{width: 101.1%;}
    .padua-portal-line { max-width: 152px; top: -90px;}
    .pp-icon-div svg, .pp-icon-div img { height: 22px;  margin: 7px auto;}
    .pp-icon-div { margin-top: -5px; margin-left: 70px;  height: 40px; width: 40px;  border: 2px solid #dfdfdf;}
    .padua-portal-div .ensc-tile svg { margin-left: 6px;}
    .padua-portal-div .ensc-tile {  font-size: 24px; max-width: 94px; bottom: 30px;}
    .ensc-tile svg {  height: 16px;}
    .school-trours-div .ensc-tile svg { margin-left: 15px;}
    .ensc-tile { font-size: 26px; max-width: 102px;  bottom: 20px;}
    .north-title, .twilight-title {  font-size: 4.25rem;}
    .twilight-title{max-width: 410px;}
    .north-slide-wrap .overlay-content .north-content-p p { font-size: 24px;  max-width: 400px;}
    .twilight-slide-wrap .overlay-content .twilight-content-p p{font-size: 24px; max-width: 560px;}
    .slide-bullet-ul li {  font-size: 24px;}
    .north-star-section {  margin-top: 0px;}
    .north-slide-wrap .overlay-content .button-arrow, .north-star-authorcontent .button-arrow {font-size: 12px; }
    .north-slide-wrap .overlay-content .button-arrow .round-arrow, .north-star-authorcontent .button-arrow .round-arrow {height: 30px; width: 30px;}
    .north-slide-wrap .overlay-content .button-arrow .round-arrow svg, .north-star-authorcontent .button-arrow .round-arrow svg {height: 16px; margin: 6px auto;}
    .north-star-authorcontent p:nth-child(2){margin-bottom: 50px !important;}
    .north-slide-wrap .overlay-content {  top: 100px;}
    .north-slide-line:after { left: 36px; height: 110px;  top: -15px;}
    @keyframes northline { from { height: 0px;opacity: 0;} to { height: 110px; opacity: 1; } }
    .north-slide-wrap .overlay-content .north-content-p{margin-top: 40px;}
    .slide-bullet-ul{float: right; margin-right: 13%;}
    .slide-bullet-ul, .north-slide-wrap .overlay-content .button-arrow{margin-top: 50px;}
    .north-star-content p{font-size: 12px; line-height: 18px;}
    .north-star-authorcontent p{font-size: 12px;}
    .north-star-slider{height: 1150px; max-height: 100%; min-height: inherit;}
    .north-star-section.without-right-slide .north-star-slider{height: 570px;}
    .twilight-slider {  max-height: 580px;}
    .right-part-slide .right-bgdiv{width: 46%; left: auto;}
    .north-star-bg {  width: 100%; /* height: 50vh; */ height: 570px;     max-height: 100%; min-height: inherit;}
    .north-star-thumbg{height: 340px; top: 45px; left: 210px;}
    .north-star-slider .slick-active .north-star-thumbg, .northsart-outter .north-star-thumbg{width: 510px;  border-radius: 0 0 0 140px;}
    .north-star-slider .slick-dots{display: none !important;}
    .north-star-content {   bottom: 0px; max-width: 100%; width: 100%;}
    .north-star-authorcontent {   width: 45%;   float: right;  padding-left: 30px;}
    .north-star-partcontent {   max-width: 270px; float: left; margin-left: 9%;}
    .right-part-slide:before{width: 1px; height: 73%; left: 6.2%; background: #ddb307; content: ""; position: absolute; top: -20px;}
    .right-part-slide { width: 100%;  position: relative; background: #fff; /* height: 50vh; */ height: 580px;}
	  .student-title-div, .respect-title-div {  width: 250px;}
    .student-voice-section, .in-respect-section { margin: 35px 0;}
    .student-voice-slider p{font-size: 12px; line-height: 23px;}
    .student-title-div .st-title, .respect-title-div .rt-title {  max-width: 150px;  padding-top: 90px;  font-size: 34px;}
    .student-voice-slider h4 { margin-top: 30px;}
    .student-voice-slider h4 p{font-size: 13px;}
    .student-voice-slider:before { top: -55px;  margin-left: -11px;  height: 18px;   width: 23px;}
    .student-voice-slider:after { bottom: -55px;  margin-left: -11px;  height: 18px;   width: 23px;}
    .student-voice-content { width: calc(100% - 250px); padding-left: 70px; padding-right: 30px; padding-top: 92px; padding-bottom: 92px;}
    .student-voice-bg{ border-radius: 120px 0 0 120px;}
    .student-voice-slider .slick-dots {  /* bottom: -35px; */ bottom: 0px; left: -320px;  width: 250px;}
    .student-title-div .stuvic-svg { top: -65px;}
    .in-respect-slider p { font-size: 13px; line-height: 23px;}
    .in-respect-content {width: calc(100% - 250px); padding-top: 64px; padding-right: 55px; padding-bottom: 64px; padding-left: 20px;}
    .respect-title-div .respe-svg { top: -80px;}
    .twilight-section{margin-top: 35px;}
    .twilight-slide-wrap .overlay-content {  top: 100px;}
    .twilight-slide-line:after { top: 85px; right: 92%;}
    .twilight-slide-wrap .button-arrow{margin-top: 50px; font-size: 12px;}
    .twilight-slide-wrap .button-arrow .round-arrow svg{height: 28px;}
    .follow-title-div, .upevent-title-div { width: 260px;}
    .follow-title, .upevent-title {  font-size: 52px; max-width: 240px;}
    .follow-slider .follow-overlay{padding: 15px;}
    .follow-slider .slick-arrow, .upevent-slider .slick-arrow{height: 32px; width: 32px;}
    .follow-slider .slick-arrow svg, .upevent-slider .slick-arrow svg{left: 1px; top: 0; height: 15px;}
    .follow-slider .slick-prev svg, .upevent-slider .slick-prev svg {  left: -1px;}
    .follow-slider .slick-arrow.slick-next {  left: 62px;}
    .follow-slider .slick-arrow {  bottom: -45px;}
    .upevent-slider .slick-arrow{left: -115px;}
    .upevent-slider .slick-arrow {  bottom: 48%;}
    .title-rotate{margin-left: 0;}
    .follow-us-section {  padding: 50px 0 100px;}
    .follow-content-p{height: 80px; overflow: hidden;}
    .follow-slider .follow-overlay p { margin-bottom: 1.2rem;}
    .follow-title-div:after {  top: -165px;  height: 150px;   left: 20px;}
    @keyframes ftlline { from { height: 0px; opacity: 0; } to { height: 150px; opacity: 1; } }
    .upcoming-event-section {  padding: 60px 0 70px;}
    .upevent-box { padding: 55px 25px;}
    .event-list-content h2 { font-size: 15px; min-height: 60px; margin-bottom: 25px;  line-height: 20px;}
    .event-list-content .event-time, .event-list-content .event-address{font-size: 10px; line-height: 15px;}
    .event-list-content .event-address{min-height: 30px;}
    .event-list-date{margin-bottom: 30px;}
    .defult-btn {padding: 10px 15px; min-width: 90px; font-size: 12px;}
    .upevent-title-div .defult-btn svg{height: 22px; left: 18px; top: 5px;}
    .upevent-title-div .defult-btn{padding-left: 52px;}
    .event-list-content .defult-btn {  margin-top: 25px;}
    .event-list-date .event-day{font-size: 10px;}
    .event-list-date .event-date { font-size: 78px; top: -5px;}
    .event-list-date .event-month, .event-list-date .endateTxt {  font-size: 18px;}
	.event-list-date .endateTxt strong{font-size:22px;}
    .upevent-title-div:after {  top: -105px;  height: 120px; left: 20px;}
    @keyframes upftlline { from { height: 0px; opacity: 0; } to { height: 120px;  opacity: 1; } }
    .foot-logo-div{max-width: 100px; margin-bottom: 45px;}
    .site-footer .container {  max-width: 555px;}
    .footcontent-row:before{top: 28px;}
    .footer-content h5{font-size: 9px; line-height: 18px; margin-bottom: 10px;  padding-bottom: 10px;}
    .footer-content ul li{line-height: 1;}
    .footer-content ul li a{font-size: 8px; line-height: 14px;}
    .site-footer { padding: 85px 0 30px;     border-radius: 220px 0 0 0;}
    .site-footer .col-md-3 { -webkit-box-flex: 0;  -ms-flex: 0 0 33.33%;  flex: 0 0 33.33%;  max-width: 33.33%;}
    .footer-bg {  max-width: 484px; left: auto; top: auto;  bottom: 0px;  right: -60px;  transform: inherit;  margin: 0 0 auto 0;}
    .copyright-text { margin-top: 40px; font-size: 8px; line-height: 14px;}
    .abn-text{margin-top: 20px; line-height: 14px; font-size: 7px;}
    .scroll-top{top: -18px; font-size: 9px; line-height: 18px;}
    .scroll-top svg{margin-left: 0;}
    .navigation-content-wrap, .portal-content-wrap, .quicklinks-content-wrap{margin: 20% auto 0;}
    .nav-link-div {  max-width: 100%;}
    .drop-down ul {position: relative; display: none; width: 100%;  max-width: 100%; height: auto;  left: 0;  visibility: hidden; top: 100%; padding: 15px 0; opacity: 0;}
    .nav-link-div ul > li{position: relative;}
    .nav-logo-div{display: none;}
    .nav-link-div ul > li.drop-down.active>ul {visibility: visible;opacity: 1; display: block; position: relative; }
    .navigation-content-wrap.active .nav-link-div ul > li > ul.sub-menu > li > a{opacity: 1; animation-name: inherit;}
    .quicklinks-content-wrap .nav-link-div ul > li.drop-down>ul, .portal-content-wrap .nav-link-div ul > li.drop-down>ul { visibility: visible; opacity: 1; display: block; position: relative; }
    .g-translate-div, .nav-logo-social {  left: 65px;}
    .drop-down ul li {  margin-top: 19px;}
    .nav-link-div ul > li {  margin-bottom: 12px;}
    .navigation-content-wrap:before, .portal-content-wrap:before, .quicklinks-content-wrap:before {left: -1475px;}
    .drop-down ul li a{ color: rgba(255,255,255,0.55);}
    .eventpopup .modal-dialog {  max-width: 690px;}
    .calevent-listwrap { width: 100%; float: none; margin-bottom: 50px;  padding-left: 0px;}
    .calender-date-wrapper{width: 390px; float: none; margin: 0 auto;}
    .calevent-listwrap .event-listview .upevent-box {  padding: 55px 30px;}
    .calevent-listwrap .event-list-content h2 {  font-size: 21px; min-height: 84px;  line-height: 28px;  margin-bottom: 35px;}
    .calevent-listwrap .event-list-content .event-time, .calevent-listwrap .event-list-content .event-address {  font-size: 14px;line-height: 21px;}
    .calevent-listwrap .event-list-content .event-address {  min-height: 42px;}
    .calevent-listwrap .event-list-content .defult-btn {  margin-top: 25px;   padding: 16px 22px 16px 22px;  min-width: 130px;  font-size: 16px;}
    .calevent-listwrap .event-list-date {  margin-bottom: 40px;}
    .calevent-listwrap .event-list-date .event-day {   font-size: 13px;}
    .calevent-listwrap .event-list-date .event-date {   font-size: 107px;  top: -6px;}
    .calevent-listwrap .event-list-date .event-month, .event-list-date .endateTxt {  font-size: 26px;}
	.event-list-date .endateTxt strong{font-size:30px;}
    .newsedition-list-row .col-md-4 {  -webkit-box-flex: 0; -ms-flex: 0 0 50%;  flex: 0 0 50%;  max-width: 50%;}
    .newsletter-list-section .container{padding: 0 25px;}
    .newslist-content {  padding: 30px 40px;}
    .newslist-title{font-size: 36px;}
    .newsletter-list-row .col-md-6.right-radius .newslist-boxdiv { border-radius: 0 100px 0 0;}
    .newsletter-list-row .col-md-6.bottom-radius .newslist-boxdiv { border-radius: 0 0 0 100px;}
    .newslist-content-line { bottom: 55px;}
    .newslist-content:before {  left: 45px;  height: calc(100% - 120px);}
    .newslist-content:after { left: 45px;   height: 45px;}
    .banner-content-div .banner-title {  font-size: 60px;}
    .banner-content-div .banner-subtitle {  font-size: 22px;}

    .banner-content-div{bottom: 80px;}
    .banner-content-div .bantl-inner:after {height: 90px;    bottom: -115px;}
    .comman-detaildiv{padding: 30px 0;}
    .comman-detaildiv h2, .comman-detaildiv h4, .imagetext-title-div h3 p {font-size: 26px; line-height: 1.1;}
    .comman-detaildiv h2{margin-top: 30px;   margin-bottom: 40px;}
    .comman-detaildiv h3 {  padding-top: 30px;  margin-bottom: 35px;  margin-top: 60px;}
    .comman-detaildiv h3:before { width: 130px;  left: -60px;}
    @keyframes hthreeline { from { width: 0px; opacity: 0; } to { width: 130px; opacity: 1; } }
    .comman-detaildiv h4 {  margin-bottom: 25px;  margin-top: 45px;}
    .comman-detaildiv h5{font-size: 23px; line-height: 1.2;}
    .comman-detaildiv h3{font-size: 30px; line-height: 1.2;}
    .comman-detaildiv h1{font-size: 50px;  margin-bottom: 45px; margin-top: 80px;  padding-top: 30px;}
    .comman-detaildiv h5{margin-bottom: 35px;}
    .comman-detaildiv p{font-size: 13px;}
    .file-dwonload-a a{font-size: 14px; padding: 15px 15px 15px 70px; max-width: 365px;}
    .file-dwonload-a a span:after{min-width: 200px;}
    .file-dwonload-a a:after{width: 50px;}
    .file-dwonload-a a:before { height: 24px; width: 24px; background-size: cover; margin-top: -12px;   left: 12px; }
    .table {  margin-bottom: 5rem;  margin-top: 5rem;}
    .imagetext-module-section { margin: 40px auto 130px;}
    .imagetext-title-div h2 {  font-size: 36px;}
    .imagetext-title-div h3, .imagetext-title-div h2 { margin-bottom: 1.8rem;}
    .imagetextimg-div {  min-height: 480px;     border-radius: 100px 0 0 0;}
    .imagetext-module-section.rightside .imagetextimg-div {  border-radius: 0 100px 0 0;}
    .imgDivider-container .imgDivider-title {  font-size: 44px;  margin-bottom: 3.5rem;}
    .imgDivider-container h2 p{font-size: 24px;}
    .imgDivider-container .button-arrow { margin-top: 2rem;  font-size: 12px;}
    .imgDivider-container .button-arrow svg{top: 2px;}
    .imgDivider-line .imgDivider-container:before { top: -40px;  height: 130px;}
    .imgDivider-line .imgDivider-container:after {  bottom: -50px; left: auto; right: 68px; height: 100px;}
    @keyframes imgdividerline { from { height: 0px; opacity: 0; } to { height: 130px; opacity: 1; } }
    @keyframes imgdividerlinebtm { from { height: 0px; opacity: 0; } to { height: 100px; opacity: 1; } }
    .imgDivider-module-section {  padding: 6rem 0 4.5rem;  min-height: 500px;}
    .imagetext-overlay { padding: 20px 85px 20px 30px; padding-left: calc(12% + 30px); width: 100%;  font-size: 20px; }
    .imagetext-module-section.leftSide .imagetext-overlay{padding: 20px 30px 20px 85px;  padding-right: calc(12% + 30px);}
    .imagetextimg-div:before{left: 68px;     bottom: -70px; height: 120px;}
    .imagetext-module-section.rightside .imagetextimg-div:before { right: 68px;}
    .imagetext-module-section .button-arrow{display: none;}
    .imgDivider-module-section.rightside .imgDivider-line .imgDivider-container:after {   left: 68px;  right: auto;}
    .accordion-box > a{font-size: 16px; min-height: 80px; padding: 30px 0;}
    .accordion-sign {  /* margin-top: -15px; */ top: 24px;  height: 30px;  width: 30px;}
    .accordion-box .accordion-titlediv { width: calc(100% - 40px);}
    .accordion-sign:after { height: 30px;  width: 30px;  margin-top: -15px;}
    .accordion-sign .vertical { width: 16px;  height: 10px;  margin-left: -8px;  margin-top: -5px;}
    .accordion-sign .vertical svg { width: 16px;  top: -6px;}
    .accordion-sign .horizontal { width: 16px;  height: 2px;  margin-left: -8px;}
    .photogallery-box img {  /* height: 320px; */ height: 290px;}
    .photogallery .slick-slide{padding: 12px;}
    .slider__counter{font-size: 26px;}
    .photogallery .slick-arrow{height: 30px; width: 30px;}
    .photogallery .slick-arrow svg {  height: 15px;  top: 0px;  left: 1px;}
    .photogallery .slick-prev svg {   left: -1px;}
    .photogallery .slick-arrow.slick-next{left: 60px;}
    .slider__counter {  bottom: 45px;  left: 15px;}
    .photogallery.slick-slider .slick-list {/*  padding-bottom: 190px; */ padding-bottom: 180px;}
    .video-outerdiv {  max-width: 66%;  border-radius: 100px 0 0; }
    .video-module.rightside .video-outerdiv {  margin-left: 33.85%;   border-radius: 0 100px 0 0;}
    .video-divbox.vimeo-box .youtube-background iframe {  width: 152%;}
    .video-module-content{width: 50%;}
    .video-module-content p, .video-module-content .button-arrow {  margin-left: 120px;}
    .video-module.rightside .video-module-content p {   margin-right: 120px;}
    .video-module-content p {margin-top: 30px;  font-size: 23px;}
    .video-module-content {  top: 40px;}
    .video-module-content {  padding: 30px;}
    .video-module-content .button-arrow {  margin-top: 10px; font-size: 10px;}
    .video-module-content .button-arrow .round-arrow {  height: 24px;  width: 24px;   margin-right: 15px;}
    .video-module-content .button-arrow .round-arrow svg {  margin: 6px auto;  left: 1px;  height: 10px;}
    .tiles-module{padding: 0 30px;}
    .tiles-grid-sizer, .tiles-grid-item{width: 50%;}
    .tiles-grid-item.tiles-half, .tiles-grid-item.content-whitebox {width: 100%;}
    .tiles-grid-item.col2-height.content-whitebox .tiles-boxdiv{height: 280px;}
    .tiles-grid-item.content-whitebox .tiles-content-line {  }
    .tiles-grid-item.content-whitebox .tiles-content p{max-width: 470px;}
    .tiles-grid-item.col2-height .tiles-boxdiv {  height: 394px;}
    .tiles-boxdiv{height: 190px;}
    .tiles-title {  font-size: 34px;}
    .tiles-subtitle{font-size: 16px;}
    .photogallery:before {  width: 390px;   z-index: 1; left: -290px;    top: 40px;}
    @keyframes pohotgaline { from { width: 0px; opacity: 0; } to { width: 390px; opacity: 1; } }
    .msg-principle-conetent .msg-principle-title {  font-size: 36px;  left: 40px;}
    .newspage-header.sticky .head-predition-link { margin-right: 30px;}
    .newsletter-list-section { padding: 50px 0;}
    .previous-editionlist .container {  padding: 0 25px;}
    .prevedition-intitle{margin-top: 65px;}
    .college-tour-detaildiv{max-width: 100%; padding: 40px 15px;}
    .eventdate-content h3 { font-size: 25px;  padding-top: 0;  margin-top: 0;  color: #231f20;  letter-spacing: 0.3px; line-height: 29px;  margin-bottom: 35px;}
    .eventdate-div .event-date{font-size: 90px;}
    .eventdate-div .event-month{font-size: 24px;}
    .eventdate-content { padding-left: 40px;}
    .college-tour-box {  padding: 35px 0px 35px 50px;}
    .booked-btn, .more-btn, .place-avb-btn, .reserv-btn{min-width: 110px; font-size: 13px; padding: 13px 18px;}
    .place-avb-btn { margin-right: 3px;}
    .reserv-btn{margin-left: 3px;}
    .eventdate-div{width: 120px;}
    .eventdate-content{width: calc(100% - 120px);}
    .modal .modal-dialog {  max-width: 720px;}
    .event-info-modal {  width: 100%; padding: 60px 40px 60px;}
    .event-info-modal .event-info-content {  padding-left: 60px;}
    .modal .close {  right: 30px; top: 25px;}
    .modal-dialog .modal-content { border-radius: 0 0 0 200px;}
    .newsauthor-container { /* max-width: 720px; */}
    .newsauthor-wrap {  padding-left: 58px;}
    .newsletter-detailpage {  padding: 80px 0;}
    .feature-eventbox { max-width: 370px; min-height: 250px;}
    .feanewcls-lftsvg {  left: -237px;}
    .feanewcls-lftsvg, .feanewcls-rightsvg {  height: 258px;}
    .feanewcls-rightsvg { right: -215px;}
    .feaure-texttitle h2 {  max-width: 230px;  font-size: 34px;}
    .feaure-texttitle svg{height: 26px;}
    .also-this-sectioninner { padding: 50px 60px;}
    .also-this-section ul li a { font-size: 16px;  line-height: 20px;}
    .also-this-section .also-title {  font-size: 44px;}
    .also-banner-title { font-size: 36px;}
    .also-this-section {  right: -91%;  width: 90%;}
    .newsauthor-content h2 { font-size: 30px;}
    .search-navdiv { right: auto;  bottom: auto; left: 65px;   top: 90px; }
    .comman-page-section {  padding: 40px 0;}
    .video-wrapdiv:before { left: 59%;  top: 70px;}
    .video-module.rightside .video-wrapdiv:before {  left: 26.5%;}
    .newsedition-content .newsedition-title{font-size: 20px;}
    .newsletter-pagetitle {font-size: 60px;}
    .newsletter-left-overlay{width: 320px;}
    .alsotiledi-hlf{padding-right: 30px;}
    .also-neewslist{ padding-left: 50px;}

    .homeslider-revolution .thumbimage-slider{  width: 300px; height: 300px;border-radius: 0 0 0 100px; }
    .homeslider-revolution .rev_slider li.tp-revslider-slidesli .tp-parallax-wrap:nth-child(4) {width: 300px; height: 300px; margin: -150px 0 0 0 !important;}
    .homeslider-revolution .rehslider-caption .whitetext-slide, .homeslider-revolution .rehslider-caption .yellowtext-slide {font-size: 3rem;}
    .homeslider-revolution .rev_slider li.tp-revslider-slidesli .tp-parallax-wrap:nth-child(3) { left: 40px !important; height: 120px;}
    @keyframes SlideContentLine { from { width: 0; } to { width: 120px; } }  
    .homeslider-revolution .tp-bullets .tp-bullet{width: 45px;} 
    .single-member-boxdiv h4{font-size: 20px;    margin: 20px 0 10px;}
    .single-member-boxdiv p{line-height: 20px;}
    .northsart-outter .north-star-slider {  height: 570px;}
    .student-voice-specing .student-voice-slider p { font-size: 12px;  line-height: 20px;}
    .student-voice-specing .student-voice-content{padding-right: 0;}
    .student-voice-specing, .student-voice-specing .student-voice-bg {  min-height: 282px;}
    .student-voice-specing .student-voice-slider .slick-dots {  left: -290px;}

    .nav-link-div ul > li.active > a{color: #fff;}

    .site-header .quicklink-div ul li.search-li:hover .icondiv-box { width: 19px; overflow: inherit; position: inherit;}
  .quicklink-div ul li.search-li .form-control {right: -5px;  background: #2b2a25; left: auto; opacity: 0;  width: 125px;}
  .site-header .quicklink-div ul li.search-li:hover .form-control{opacity: 1;}
  .humberger-div .humberger-line .humicon { stroke: #ddb308;}
  .site-header.innerpage-header.newspage-header .quicklink-div{right: 100px;}
  .site-header.innerpage-header.newspage-header.sticky .quicklink-div{right: 115px;}
  .site-header.innerpage-header.newspage-header .head-predition-link .previous-editions-a svg path{fill: #ddb308;}
  .site-header.innerpage-header.newspage-header.sticky .previous-editions-a svg path{fill: #ddb308;}
  .site-header.innerpage-header.newspage-header .head-predition-link .previous-editions-a {  font-size: 0;  display: inline-block; letter-spacing: 0;}
  .site-header.innerpage-header .humberger-div {  margin-right: 30px;}
  body .scrolltobottom{bottom: 10px;}
}
@media (max-width: 767px) {
    .defult-btn {  padding: 16px 22px;  min-width: 130px;  font-size: 16px;}
    .home-container, .container{max-width: 100%; padding: 0 30px;}
    .header-social{display: none;}
    .site-header, .site-header.innerpage-header { padding-top: 10px;}
    .site-header.sticky.innerpage-header{padding-top: 0;}
    .site-header.innerpage-header{background: transparent;}
    .site-header.sticky.innerpage-header{background: #fff;}
    .site-header.innerpage-header .menu-quicklink-div{padding: 0;}
    .logo-div .logo-img{display: none;}
    .site-header.innerpage-header .logo-div .sticky-logo-img{display: none;}
    .site-header.sticky.innerpage-header .logo-div .sticky-logo-img{display: inline-block;}
    .site-header.sticky .logo-div {  padding-left: 20px;}
    .logo-div .mobile-logo-img{display: block; max-width: 120px;}
    .site-header.sticky .logo-div .sticky-logo-img{max-width: 120px;}
    .site-header.sticky .logo-div .mobile-logo-img{display: none;}
    .logo-div { padding-top: 12px; width: 60%; padding-bottom: 12px;}
    .humberger-div .humberger-line { width: 30px;}
    .menu-quicklink-inner { margin-top: 0px;}
    .humberger-div {  margin-right: 0px; }
    .menu-quicklink-div{width: 40%;}
    .site-header.sticky .logo-div{width: 60%;}
    .site-header.innerpage-header .logo-div{width: 60%; padding-left: 0;}
    .site-header.sticky.innerpage-header .logo-div{padding-left: 20px;}
    .site-header.sticky .menu-quicklink-div{width: 40%;}
    .site-header.sticky .humberger-div {  margin-right: 20px; margin-top: 19px;}
    .site-header.sticky .menu-quicklink-div {  padding: 0;}
    .site-header .quicklink-div{display: none;}
    .site-header .header-inner { padding: 0 20px; box-shadow: 0 0 10px 1px rgba(0,0,0,0.5); background: #2b2a25;  float: right;  border-radius: 40px 0 0 40px; width: 94%;}
    .site-header.sticky .header-inner { padding: 0; box-shadow: none; background: transparent; float: none; border-radius: 0; width: 100%;}
    .enrol-school-portal .row{display: block;}
	  .enrol-school-portal .row:after{content: ""; display: table; clear: both;}
    .enrol-school-portal .col-md-5 {  padding: 0;  -webkit-box-flex: 0;  -ms-flex: 0 0 75%;  flex: 0 0 75%;  max-width: 75%;}
    .enrol-school-portal .col-md-5.portal-col{float: right;}
    .enrol-now-div .overlay-bg:before, .school-trours-div .overlay-bg:before{background: rgba(34, 31, 31, 0.5);}
    .navigation-content-wrap:before, .portal-content-wrap:before, .quicklinks-content-wrap:before { left: -1435px;}
    .mobile-quicklink-div{display: block; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 4; background: #2d2926;}
    .mobile-quicklink-div ul{ width: 100%; padding: 12px 0;    display: flex;  align-items: center; justify-content: space-around;}
    .mobile-quicklink-div ul li { height: 20px; line-height: inherit;}
    .mobile-quicklink-div ul li:last-child{margin-right: 0;}
    .mobile-quicklink-div ul li:first-child{margin-left: 0;}
    .mobile-quicklink-div ul li a {line-height: inherit;}
    .mobile-quicklink-div ul li a svg{height: 20px;}
    .mobile-quicklink-div ul li:hover a svg path{fill: #fff;}
    .enrol-school-portal {  padding: 25px 0;}
    .ensc-tile{font-size: 28px; left: 30px; max-width: 110px;}
    .ensc-tile svg {  height: 22px;}
    .school-trours-div .ensc-tile{ left: auto; right: 30px; text-align: right;}
    .school-trours-div .ensc-tile svg {  margin-left: 0px;   position: absolute; left: 8px; transform: rotate(180deg);  bottom: 0;}
    .school-trours-line{top: -3px;}
    .enrol-school-portal .col-md-2 {  padding: 0;  -webkit-box-flex: 0;  -ms-flex: 0 0 100%;  flex: 0 0 100%;  max-width: 100%;}
    .padua-col .padua-portal-div{min-height: 235px;}
    .padua-portal-div .ensc-tile {  font-size: 28px;  max-width: 110px;  bottom: 64px;}
    .padua-portal-line {display: none;}
    .mob-padua-portal-line {position: absolute; display: block; z-index: 1; left: 0;  right: 0;  margin: 0 auto; max-width: 190px;  top: -50px;}
    .padua-portal-div { max-width: 190px;}
    .pp-icon-div { margin-top: 0px; margin-left: 35px; position: relative; top: 30px;}
    .enrol-now-line, .school-trours-line{z-index: 2;}
    .north-slide-wrap .overlay-content .north-content-p{display: none;}
    .north-star-bg, .right-part-slide {height: 645px;}
    .north-star-slider { height: 1290px;}
    .north-star-section.without-right-slide .north-star-slider{height: 645px;}
    .north-star-slider .slick-dots{display: block !important; width: 60%;}
    .northsart-outter .north-star-slider {  height: 645px;}
    .right-part-slide .right-bgdiv{width: 70%;}
    .right-part-slide:before{display: none;}
    .north-title, .twilight-title { font-size: 3.4rem;}
    .twilight-title{max-width: 350px;}
    .slide-bullet-ul { float: none; margin-right: 0;}
    .slide-bullet-ul li {  font-size: 23px;}
    .north-star-slider .slick-dots{top: 590px; bottom: auto; margin: 0 0 0 30px; text-align: left;}
    .slide-bullet-ul, .north-slide-wrap .overlay-content .button-arrow { margin-top: 45px;}
    .north-title{max-width: 210px;}
    .north-star-thumbg{height: 275px; top: 32px; left: auto; right: 0;}
    .north-slide-wrap .overlay-content {  top: 280px;}
    .north-slide-line:after {  height: 310px;  top: -45px;  left: 31px;}
    @keyframes northline { from { height: 0px;opacity: 0;} to { height: 310px; opacity: 1; } }
    .north-star-slider .slick-active .north-star-thumbg, .northsart-outter .north-star-thumbg{width: 75%;  border-radius: 0 0 0 100px;}
    .north-star-content{width: 70%; right: 0; padding: 25px 30px;}
    .north-star-partcontent {  max-width: 100%;  float: none;  margin-left: 0;}
    .north-star-authorcontent { width: 100%;  float: none;  padding-left: 0;}
    .north-star-content p{margin-bottom: 25px; font-size: 16px; line-height: 26px;}
    .north-star-authorcontent p { font-size: 14px;  line-height: 24px;}
    .north-star-authorcontent p:nth-child(2) {  margin-bottom: 28px !important; }
    .button-arrow .round-arrow { margin-right: 10px; height: 32px;  width: 32px;}
    .button-arrow{font-size: 14px;}
    .button-arrow .round-arrow svg { margin: 6px auto;  height: 17px;  left: 1px;}
    .student-voice-bg, .in-respect-bg { max-width: 100% !important;  border-radius: 120px 0 0 0;}
    .student-title-div, .respect-title-div {  width: 190px; float: none; margin: 0 auto; min-height: 205px;}
    .student-voice-content { float: none; width: 100%; padding-left: 0px; padding-right: 0px; padding-top: 100px; padding-bottom: 70px;}
    .student-title-div .stuvic-svg { display: none; }
    .student-title-div .mob-stuvic-svg{position: absolute;  top: -36px; left: 0; display: block;}
    .student-title-div .st-title, .respect-title-div .rt-title { max-width: 130px;  padding-top: 60px;  font-size: 32px;}
    .student-voice-slider p {  font-size: 16px; line-height: 32px;}
    .student-voice-slider h4 { margin-top: 90px;}
    .student-voice-slider h4 p{font-size: 14px;  line-height: 32px;}
    .student-voice-slider:before { top: -50px; left: 20px; margin-left: 0px;  height: 26px;   width: 32px;}
    .student-voice-slider:after { bottom: 60px;  margin-left: 0px; left: auto; right: 20px; height: 26px;   width: 32px;}
    .student-voice-slider {  max-width: 560px;  padding: 0 30px;}
    .student-voice-slider .slick-dots { bottom: auto; left: 0;  right: 0;  top: -178px;  width: 190px; margin: 0 auto;}
    .twilight-slide-wrap .overlay-content .twilight-content-p p{font-size: 28px; /* padding-right: 30px; */ max-width: 100%;}
    .twilight-section .twilight-slider.text-align-right .twilight-slide-wrap .overlay-content .twilight-content-p p{padding-right: 0px; padding-left: 30px;}
    .twilight-slide-line:after { top: -75px;  right: auto;  left: 31px; height: 150px;  width: 1px;}
    .do-animation .twilight-slide-line:after { animation-name: twiline; animation-duration: 0.8s; animation-direction: alternate; animation-fill-mode : forwards;} 
     @keyframes twiline { from { height: 0px; opacity: 0; } to { height: 150px;  opacity: 1; } }
    .twilight-slide-wrap .overlay-content {  top: 90px;}
    .twilight-slide-wrap .button-arrow{margin-top: 40px;}
    .twilight-slider { max-height: 690px;}
    .in-respect-content{float: none;  width: 100%; padding-top: 70px; padding-right: 0px; padding-bottom: 70px; padding-left: 0px;}
    .in-respect-slider{max-width: 560px; padding: 0 35px;}
    .in-respect-slider p{font-size: 16px; line-height: 32px;}
    .respect-title-div .respe-svg{ display: none; }
    .respect-title-div .mob-respe-svg{position: absolute;  top: -35px; left: 0; display: block;}
    .follow-title-div, .upevent-title-div{float: none; width: 100%;}
    .follow-title-wrap, .upevent-title-wrap{padding: 0 30px !important;}
    .follow-content-div, .upevent-content-div{width: calc(100% + 30px) !important; margin: 20px -15px; float: none; }
    .title-rotate {  writing-mode: inherit;  transform: inherit;  margin-left: 0;}
    .follow-slider .slick-arrow, .upevent-slider .slick-arrow {  height: 46px;  width: 46px;}
    .follow-slider .slick-arrow svg, .upevent-slider .slick-arrow svg { left: 2px;  top: 2px;  height: 20px;}
    .follow-slider .slick-prev svg, .upevent-slider .slick-prev svg {  left: -2px;}
    .follow-slider .slick-arrow, .upevent-slider .slick-arrow {  bottom: -55px; left: calc(50% - 55px);}
    .follow-slider .slick-arrow.slick-next, .upevent-slider .slick-arrow.slick-next {  left: auto;  right: calc(50% - 55px);}
    .follow-title-div:after {  top: -130px;  height: 110px;  left: 16px;}
    @keyframes ftlline { from { height: 0px; opacity: 0; } to { height: 110px; opacity: 1; } }
    .follow-title, .upevent-title { font-size: 54px; line-height: 1; max-width: 240px;}
    .event-list-date .event-day { font-size: 13px;}
    .event-list-date .event-date { font-size: 106px;  top: -5px;}
    .event-list-date .event-month , .event-list-date .endateTxt{ font-size: 26px;}
	.event-list-date .endateTxt strong{font-size:30px;}
    .event-list-content h2 {  font-size: 21px;  min-height: auto;  margin-bottom: 25px;  line-height: 28px;}
    .upevent-box{height:470px;}
	.event-list-content .event-time, .event-list-content .event-address {  font-size: 14px;  line-height: 22px;}
    .event-list-content .event-address { min-height: 44px;}
    .upevent-title-div .calendar{display: none;}
    .calendar.mobile-clender-btn{display: block; text-align: center;}
    .calendar.mobile-clender-btn .defult-btn{padding-left: 70px; margin-top: 85px;}
    .calendar.mobile-clender-btn .defult-btn svg{height: 32px; margin-right: 15px; display: inline-block;  vertical-align: middle; position: absolute; top: 8px; left: 22px;}
    .calendar.mobile-clender-btn .defult-btn:hover svg path{fill: #fff;}
    .upcoming-event-section {  padding: 60px 0 50px;}
    .foot-logo-div {  margin: 0 auto 45px;}
    .site-footer {  padding: 55px 0 60px;   border-radius: 130px 0 0 0;}
    .footcontent-row:before{display: none;}
    .footer-content h5{font-size: 14px;  line-height: 20px;  margin-bottom: 25px;  padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,0.2); }
    .footer-content ul li a {  font-size: 13px;  line-height: 28px;}
    .footer-content {  margin-bottom: 50px; max-width: 220px;}
    .site-footer .col-md-3 {  -webkit-box-flex: 0;  -ms-flex: 0 0 100%;  flex: 0 0 100%;  max-width: 100%; padding: 0 53px;}
    .scroll-top { top: -5px;  text-align: center; font-size: 10px}
    .scroll-top svg{margin-left: 2px;}
    .footer-bg {  max-width: 80%;  left: 0;  top: auto;  bottom: 90px;  right: 0;  transform: inherit;  margin: 0 auto;}
    .abn-text {  font-size: 13px;  line-height: 20px; margin-top: 0px;  padding: 0 40px;}
    .copyright-text { font-size: 13px; line-height: 20px; margin-top: 58%; padding: 0px; text-align: center;}
    .navigation-open .site-header.sticky{ background: transparent; }
    .navigation-open .site-header .header-inner { box-shadow: none; padding: 0 20px;  background: transparent;  border-radius: 0px;  width: 100%;}
    .navigation-open .humberger-div.open {  margin-right: 20px; margin-top: 32px;}
    .humberger-div .humberger-close{height: 20px;}
    .g-translate-div, .nav-logo-social{left: 45px;}
    .nav-logo-social{bottom: 30px;}
    .navigation-content-wrap, .portal-content-wrap, .quicklinks-content-wrap { height: calc(100vh - 230px); height: calc(100% - 250px); max-width: 100%;  padding: 0 45px; margin: 140px auto 0; overflow: auto;}
    .nav-link-div ul > li > a { font-size: 26px;}
    .drop-down ul li a{font-size: 13px;}
    .eventpopup .modal-dialog {  max-width: 94%; margin: 25px auto;}
    .modal-dialog .modal-content{border-radius: 0 0 0 140px;}
    .event-info-modal .eventdate-div {  float: none;  margin: 0 auto;}
    .event-info-modal .event-info-content { width: 100%;  max-width: 90%;  padding-left: 0px;  float: none;  margin: 35px auto 0;}
    .modal .close {  right: 30px; top: 20px;}
    .calevent-listwrap .event-listview{width: 100%; float: none;}
    .calevent-listwrap .event-listview .upevent-box {  max-width: 360px;   margin: 0 auto 30px;}
    .fc-calendar .fc-row, .fc-calendar .fc-head > div{margin-bottom: 6px;}
    .newsletter-editionlist .container {  padding: 0 25px;}
    .newsedition-content {  width: 92%;   padding: 30px 20px 15px; max-height: 121px;}
    .newsedition-content p{display: none;}
    .newsedition-content .newsedition-title { height: 42px; font-size: 18px; margin-bottom: 8px; line-height: 21px; }
    .newsedition-boxdiv.fullcontent-box .newsedition-content p{opacity: 1; display: block;}
    .newsedition-content .button-arrow .round-arrow { height: auto;  width: auto;  border: none;  position: relative;  top: -2px;  margin-right: 10px;}
    .newsedition-content:before{width: 50px;}
    .newsletter-foot-row .keepnews-col{order: inherit;}
    .keep-update-div{margin-bottom: 110px;}
    .keep-update-div .defult-btn { padding: 18px 22px;}
    .newsletter-footer{padding-top: 120px;}
    .newsletter-footer .scroll-top{display: none;}
    .site-footer.newsletter-footer .container{padding: 0 40px;}
    .newsletter-footer .copyright-text{margin-top: 70px; padding: 0; text-align: center;}
    .newsletter-footer .foot-logo-div{margin-left: auto;}
    .newslogo-col{text-align: center;}
    .newslist-content:after, .newslist-content:before {   left: 40px;}
    .newsletter-list-row .col-md-6.right-radius .newslist-boxdiv, .newsletter-list-row .col-md-6.bottom-radius .newslist-boxdiv{border-radius: 0;}
    .newsletter-list-row .col-md-6:first-child .newslist-boxdiv{border-radius: 0 80px 0 0; }
    .newsletter-list-row .col-md-6:last-child .newslist-boxdiv{border-radius: 0 0 0 80px; }
    .banner-content-div .container {  padding: 0 30px;}
    .banner-content-div {  bottom: 90px;}
    .banner-content-div .bantl-inner:after {  height: 110px;  bottom: -125px;}
    .banner-content-div .bantl-inner:after, .banner-content-div .bantl-inner:before { left: 10px;}
    .banner-content-div .bantl-inner:before {  top: -29vh;  height: 28vh;}
    .banner-content-div .banner-subtitle {  font-size: 22px;  margin-bottom: 15px;   padding-left: 5px;}
    .comman-detaildiv {  max-width: 100%; padding: 0;}
    .comman-detaildiv p {  font-size: 14px; margin-bottom: 20px;}
    .comman-detaildiv figure {  margin-top: 40px;  }
    .comman-detaildiv figure.with-caption{padding-bottom: 80px;  margin-bottom: 90px;}
    .file-dwonload-a a{margin: 20px 0;}
    .comman-detaildiv h5 {  font-size: 24px;  margin-top: 30px;   margin-bottom: 30px;}
    .comman-detaildiv h2 {  margin-top: 30px;   margin-bottom: 30px;}
    .table {  margin-bottom: 4rem;  margin-top: 4rem;}
    .form-control{padding: 9px 20px;}
    .file-dwonload-a a span:after{display: none;}
    .innerpage-slider-wrapper .home-slider { height: 70vh;}
    .innerpage-slider-wrapper .home-slider .banner-bg-div {  height: 70vh !important; /* height: calc((var(--vh, 1vh) * 70)); */}
    .imagetext-divwrap, .imagetextimg-div {  width: 100%;}
    .imagetext-title-div { padding: 40px 25px; box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.2); top: auto;  width: 88%; margin: -35px auto 0;   position: relative;}
    .imagetextimg-div { min-height: 500px;}
    .imagetext-title-div h2 {  font-size: 40px;}
    .imagetext-title-div h3, .imagetext-title-div h2 {  margin-bottom: 1.5rem;}
    .imgDivider-module-section .imgDivider-container { padding: 0 30px;}
    .imgDivider-container .imgDivider-title {   font-size: 40px;  margin-bottom: 2.5rem;}
    .imgDivider-line .imgDivider-container:before {  top: -50px;  height: 100px;}
    .imgDivider-line .imgDivider-container:before, .imgDivider-line .imgDivider-container:after {   left: 34px;}
    .imgDivider-module-section.rightside .imgDivider-line .imgDivider-container:before, .imgDivider-module-section.rightside .imgDivider-line .imgDivider-container:after {   right: 34px;}
    .imgDivider-module-section.rightside .imgDivider-line .imgDivider-container:after {  left: 34px;  right: auto;}
    .imgDivider-line .imgDivider-container:after { bottom: -40px;  left: auto;  right: 34px;  height: 80px;}
    @keyframes imgdividerline { from { height: 0px; opacity: 0; } to { height: 100px; opacity: 1; } }
    @keyframes imgdividerlinebtm { from { height: 0px; opacity: 0; } to { height: 80px; opacity: 1; } }
    .imgDivider-module-section {  padding: 4.5rem 0;  margin: 50px 0;  min-height: 500px;}
    .imagetext-module-section {  margin: 40px auto;}
    .imagetext-module-section.rightside .imagetext-divwrap{float: none;}
    .imagetext-overlay, .imagetext-module-section.leftSide .imagetext-overlay { padding: 20px 30px 55px; width: 100%;}
    .imagetextimg-div:before{display: none;}
    .imagetext-title-div p, .imagetext-title-div h3 p{max-width: 100%;}
    .accordion-box > a { font-size: 15px;}
    .accordion-titledropdown p{font-size: 13px;}
    .photogallery {  max-width: 100%;  }
    .photogallery:before {   left: -30px;   z-index: 1;   width: 110px;    top: 40px;}
    @keyframes pohotgaline { from { width: 0px; opacity: 0; } to { width: 110px; opacity: 1; } }
    .photogallery-box img {  height: 280px;}
    .photogallery-caption:before {  top: -30px; left: 0px;  height: 110px;}
    .photogallery-caption {bottom: -95px;  padding: 15px 0px 0px 15px;}
    .photogallery.slick-slider .slick-list {  padding-bottom: 160px;}
    .photogallery .slick-arrow, .slider__counter{left: 30px;}
    .photogallery .slick-arrow.slick-next {  left: 80px;}
    .video-outerdiv{max-width: 100%;}
    .video-module {  margin: 40px 0;}
    .video-module.rightside .video-outerdiv{max-width: 100%; margin-left: 0;}
    .video-module-content { padding: 40px; min-height: auto !important;  top: 0; float: right;  width: calc(100% - 30px);  position: relative;}
    .video-module-content p, .video-module-content .button-arrow {  margin-left: 0px;}
    .video-module.rightside .video-module-content p {   margin-right: 0px;}
    .imgDivider-container h2 p, .video-module-content p {  font-size: 26px;}
    .video-divbox.vimeo-box .youtube-background iframe { width: 165%;  height: 165%;}
    .tiles-module{padding: 0;}
    .tiles-content {  padding: 35px;}
    .tiles-grid-item.tiles-half.col2-height .tiles-boxdiv {  border-radius: 0 80px 0 0;}
    .tiles-grid-item.col2-height .tiles-boxdiv { border-radius: 80px 0 0 0;}
    .tiles-content .tiles-line-span, .tiles-content:after {  left: 40px;}
    .tiles-content .tiles-line-span{height: calc(100% - 100px);}
    .tiles-grid-item.content-whitebox .tiles-content h2 {  font-size: 25px;   margin-bottom: 30px;   padding-top: 30px;}
    .tiles-grid-item.col2-height.content-whitebox .tiles-boxdiv { height: 200px;  padding: 0;     overflow: initial;}
    .tiles-grid-item.col2-height.content-whitebox .tiles-boxdiv .tiles-content{padding: 0;}
    .head-predition-link .previous-editions-a {font-size: 0; display: inline-block; letter-spacing: 0;}
    .head-predition-link .tbl-previous-editions-a{display: inline-block; margin-right: 10px;}
    .site-header.newspage-header .menu-quicklink-div{width: 40%;}
    .head-predition-link a svg {  height: 20px;  margin-right: 0;  position: relative;   top: 0;}
    .head-predition-link .previous-editions-a svg path{fill: #D1D2D3;}
    .head-predition-link {    margin-top: 22px;  margin-right: 25px;}
    .newsletter-left-overlay{top: auto; bottom: 0; padding: 15px 30px 20px; width: 100%;  left: 0;  height: auto;  }
    .newsletter-pagetitle {  font-size: 60px;  margin-bottom: 15px;  padding-bottom: 20px;}
    .edition-date { font-size: 12px; letter-spacing: 1px;}
    .edition-title{margin-bottom: 8px;}
    .newsletter-pagetitle:after {  width: 25%;}
    .newspage-header.sticky .head-predition-link{margin-top: 20px; margin-right: 25px;}
    .newspage-header.sticky .head-predition-link a svg path {  fill: #231f20;}
    .navigation-open .head-predition-link{display: none;}
    .msgpricls-line{display: none;}
    .tbl-msgpricls-line{display: block; left: 0; top: -63px; width: 271px; right: 0; margin: 0 auto;}
    .msg-principle-image{min-height: 380px;}
    .msg-principle-inner{margin-top: 0px; width: 265px; margin: 0 auto; border-radius: 0 0 150px 150px;}
    .msg-principle-imagewrp{width: 265px; float: none; position: relative;}
    .msg-principle-conetent{display: none;}
    .msg-principle-inner .msg-principle-imagewrp .msg-principle-title{ display: block; bottom: auto; font-size: 35px; top: 35px; left: 25px;}
    .msg-principle-inner .msg-principle-title svg {  height: 26px;  margin-left: 12px;}
    .msg-principle-inner .msg-principle-title small{font-size: 49%;}
    .msg-principle-image:before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3);content: "";}
    .newsletter-list-section, .newsletter-editionlist {  padding: 35px 0;}
    .newsletter-slide-banner .banner-content-div {  bottom: 90px;}
    .newsletter-slide-banner .banner-content-div .bantl-inner:after{display: none;}
    .previous-edition-banner .banner-content-div {  bottom: 60px;}  
    .previous-editionlist {  padding: 70px 0;} 
    .prevedition-boxdiv{min-height: 343px;}
    .prevedition-content .prevedition-title{font-size: 36px;}
    .prevedition-content{padding: 35px;}
    .prevedition-content .button-arrow {  left: 40px;}
    .prevedition-intitle {  margin-top: 80px;}
    .prevedition-intitle:after { height: calc(100% - 5px);}
    .college-tour-detaildiv {  max-width: 100%;  padding: 60px 0px;}
    .mob-collegetour-title{display: block;}
    .eventdate-content h3{display: none;}
    .eventdate-div{float: none; width: 100%; margin-bottom: 30px;}
    .eventdate-content{float: none; width: 100%; padding: 0;}
    .eventdate-div .event-date {font-size: 107px;}
    .eventdate-div .event-month {  font-size: 26px;}
    .mob-collegetour-title h3 {font-size: 25px; padding-top: 0; margin-top: 0; color: #231f20; letter-spacing: 0.3px; line-height: 29px;   margin-bottom: 30px; text-align: center;}
    .college-tour-box { max-width: 420px; margin: 0 auto 30px; padding: 55px 40px;  box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.15);  border-radius: 0 0 210px 210px;}
    .college-tour-detaildiv .college-tour-box:nth-child(even) {  box-shadow: -10px -10px 15px 0px rgba(0,0,0,0.15);  border-radius: 210px 210px 0 0;}
    .cloack-pin-div .clock-p{width: 100%;}
    .cloack-pin-div .marker-p { width: 100%;}
    .cast-event {float: none; width: 100%; display: block; margin-bottom: 10px;}
    .cloack-pin-div {  margin-bottom: 35px;}
    .eventdate-button {  text-align: center;}
    .place-avb-btn{display: none;}
    .eventdate-button .right-bnt{float: none; text-align: center;}
    .reserv-btn{margin-left: 0; margin-top: 20px;}
    .cloack-pin-div .clock-p svg{height: 22px;}
    .cloack-pin-div .marker-p svg{height: 24px; left:3px;}
    .cloack-pin-div .marker-p{ line-height: 24px;   padding-left: 40px;}
    .cloack-pin-div .clock-p{margin-bottom: 18px; padding-left: 40px;}
    .modal .modal-dialog {  max-width: 90%; margin: 20px auto;}
    .event-info-modal {  width: 100%; padding: 80px 40px;}
    .event-info-modal .event-info-content {  padding-left: 0px;}
    .modal-dialog .modal-content { border-radius: 0 0 0 150px;}
    .event-info-modal .event-info-content h3{display: none;}
    .craftcms-formdiv button[type="submit"], .craftcms-formdiv input[type="submit"] {padding: 14px 20px; font-size: 12px; }
    .also-section-click{margin-left: -180px;}
    .newslatter-controller .next-side {  right: 20px;}
    .newslatter-controller .prev-side {  left: 20px;}
    .newsletterdetail-container .comman-detaildiv h1 { font-size: 36px;  margin-bottom: 40px;}
    .twofeature-secrtion {  padding: 50px 0;}
    .newsletter-detailpage {  padding: 50px 0;}
    .author-picdiv .author-text, .author-picdiv .author-cat, .author-picdiv .author-coatsub{letter-spacing: 1px;}
    .feature-eventbox {  max-width: 560px;  min-height: 300px;}
    .feature-event-div{ width: 100%; float: none;  -webkit-box-flex: 0;  -ms-flex: 0 0 100%;  flex: 0 0 100%;  max-width: 100%;}
    .feature-event-div.rightevent { margin-top: 50px;}
    .feature-event-div.rightevent .feaure-texttitle svg{right: -25px;}
    .feanewcls-lftsvg {  left: -160px;  height: 308px;}
    .feanewcls-rightsvg {  right: -135px;  height: 308px;}
    .alsotiledi-hlf{float: none; width: 100%; padding: 0;}
    .alsotiledi-hlf:before{display: none;}
    .also-neewslist{float: none; width: 100%; padding: 0; margin-top: 30px;}
    .also-this-sectioninner { display: block; padding: 80px 20px 30px 50px;}
    .also-this-section,  .also-this-sectioninner {  border-radius: 100px 0 0;}
    .also-bantl-inner {  margin-bottom: 40px;}
    .also-this-section ul {    height: calc(88vh - 310px);  overflow: auto; margin-top: 0px;}
    .also-close {  right: 20px;  top: 20px;}
    .follow-us-section { padding: 50px 0 60px;}
    .search-navdiv { width: 290px; left: 45px;   top: 85px;}
    .navigation-open .site-header.sticky .search-navdiv {  top: 75px;}
    .search-navdiv .form-group { transition: all 0.2s;  opacity: 0;  visibility: hidden;}
    .search-navdiv .form-group.active {  opacity: 1;  visibility: visible;}
    .video-wrapdiv:before {display: none;}
    .video-wrapdiv .videoline-white { position: absolute; z-index: 2; background: #fff; left: 72px;  width: 1px;  height: 110px;  top: 50%; display: block;}
    .accordion-sign .vertical{margin-top: -4px;}
    .mobile-calender-monthdiv{display: block; text-align: center;}
    .mobile-calender-monthdiv .custom-month, .mobile-calender-monthdiv .custom-year {  font-size: 22px;  line-height: 30px;}
    .mobile-calender-monthdiv .custom-month{display: block;}
    .mobile-calender-monthdiv .calendar-arrow { position: absolute; left: 0;  top: 0; text-align: left; margin-top: 0; margin-bottom: 0;}
    .mobile-calender-monthdiv .calendar-arrow .custom-prev, .mobile-calender-monthdiv .calendar-arrow .custom-next{border: none; border-radius: 0; position: absolute; z-index: 1; margin: 0;}
    .mobile-calender-monthdiv .calendar-arrow .custom-prev{left: 0;}
    .mobile-calender-monthdiv .calendar-arrow .custom-next{right: 0;}
    .cal-previous-next{display: none;}
    .nav-link-div ul > .drop-down .drop-down > a:after {opacity: 0.5; height: 7px;  width: 12px;}
    .newsauthor-wrap {  padding-left: 0;}
    .also-section-click {  top: auto; /*  bottom: 215px; */  bottom: 260px; }
    .newslatter-controller .prev-side, .newslatter-controller .next-side{/* bottom: 65px; */ bottom: 110px; margin-top: 0; top: auto;}
    .do-animation .feanewcls-r { stroke-dasharray: 1525; stroke-dashoffset: 1525;}
    .do-animation .stlcls3, .do-animation .leftst0 {stroke-dasharray: 1315;stroke-dashoffset: 1315; }
    .comman-detaildiv figure iframe{width: 100% !important; height: auto; }
    .do-animation .tblmsgpricls { stroke-dasharray: 1087; stroke-dashoffset: 1087;}

    .homeslider-revolution .thumbimage-slider{  width: 410px; height: 410px; border-radius: 0 0 0 150px; }
    .homeslider-revolution .rev_slider li.tp-revslider-slidesli .tp-parallax-wrap:nth-child(4) {width: 410px; height: 410px; margin: -205px 0 0 0 !important;}
    .homeslider-revolution .greypary-right{display: none;}
    .homeslider-revolution .tp-dottedoverlay{width: 100%;}
    .homeslider-revolution .tp-bullets{display: none !important}
    .homeslider-revolution .rehslider-caption .whitetext-slide, .homeslider-revolution .rehslider-caption .yellowtext-slide {font-size: 3.2rem;}
    .homeslider-revolution .rev_slider li.tp-revslider-slidesli .tp-parallax-wrap:nth-child(3) {  width: 85%; left: 40px !important;   bottom: 50px !important;  height: 120px;}
    .homeslider-revolution .rehslider-caption .whitetext-slide, .homeslider-revolution .rehslider-caption .yellowtext-slide { font-size: 3rem;}
    .scrollicon-slide{display: none;}
    .single-member-div {  width: 50%; }
    .improvement-innerwrap .single-member-div:nth-child(3n + 1) {  clear: inherit;}
    .improvement-innerwrap .single-member-div:nth-child(2n + 1) {  clear: both;}
    .student-voice-slider .slick-dots li, .north-star-slider .slick-dots li{    margin: 0 4px;}
    .student-voice-slider .slick-dots li button {  width: 20px;}
    .north-star-slider .slick-dots li button {  width: 22px;}
    .thank-you-section .comman-detaildiv{padding: 50px 30px;}
    .helpfixed-foot, .helpfixed-formdiv.active{bottom: 55px;}
    .helpfixed-foot, .helpfixed-formdiv {right: 15px;}
    .twilight-bg{background-attachment: inherit;}

    .student-voice-specing .student-voice-slider p {  font-size: 16px;  line-height: 32px;}
    .student-voice-specing .student-voice-slider .slick-dots {  left: 0;}
    .student-voice-specing .student-voice-content {  padding-left: 0px;  padding-right: 0px;  padding-top: 100px; padding-bottom: 70px;}
    .student-voice-specing, .student-voice-specing .student-voice-bg { min-height: inherit;}

    .site-header { padding-top: 10px;}
  .site-header .quicklink-div{display: block; position: absolute; box-shadow: none; background: transparent; padding: 0; top: 50%;  margin-top: -4px; right: 55px;}
  .site-header.sticky .quicklink-div { margin-top: -4px; right: 70px;}
  .site-header .quicklink-div ul{top: 0;}
  .site-header .quicklink-div ul li{display: none;}
  .site-header .quicklink-div ul li.search-li, .quicklink-div ul li.g-translate-click{display: block;}
  .navigation-open .quicklink-div ul li.search-li, .navigation-open .quicklink-div ul li.g-translate-click{display: none;}
  .site-header .quicklink-div ul li.search-li:hover .icondiv-box { width: 20px; overflow: inherit; position: inherit;}
  .quicklink-div ul li.search-li .form-control {right: 0;  background: #2b2a25; left: auto; opacity: 0;  width: 130px;}
  .site-header .quicklink-div ul li.search-li:hover .form-control{opacity: 1;}
  .site-header .quicklink-div ul li a svg, .site-header .quicklink-div ul li svg{height: 20px;}
  .logo-div { padding-top: 12px; width: 60%;}
  .site-header.sticky .logo-div, .site-header.innerpage-header .logo-div { padding-top: 12px;}
  .site-header.sticky .menu-quicklink-div{padding: 0;}
  .menu-quicklink-div { width: 40%; position: relative;}
  .humberger-div{margin-top: 20px;}
  .humberger-div .humberger-line { width: 30px;}
  .site-header.innerpage-header .humberger-div{  margin-right: 0px;}
  .site-header.innerpage-header.sticky .humberger-div{margin-right: 20px;}
  .site-header.innerpage-header.newspage-header .logo-div{width: 40%;}
  .site-header.innerpage-header.newspage-header .menu-quicklink-div, .site-header.innerpage-header.newspage-header.sticky .menu-quicklink-div{width: 60%;}
  .comman-detaildiv .parent figure{margin-bottom: 18px;}
}
@media (max-width : 580px){
    .newsedition-list-row .col-md-4 {  -webkit-box-flex: 0; -ms-flex: 0 0 100%;  flex: 0 0 100%;  max-width: 100%;}
    .newsedition-boxdiv{margin-bottom: 25px;}
    .tiles-grid-sizer, .tiles-grid-item { width: 100%;}
    .tiles-boxdiv {  height: 225px;}
    .tiles-grid-item.col2-height .tiles-boxdiv {  height: 260px;}
    .previous-editionlist {  padding: 50px 0;}
    .previous-editionlist .col-md-4 {  -webkit-box-flex: 0; -ms-flex: 0 0 100%;  flex: 0 0 100%;  max-width: 100%;}
    .prevedition-intitle {  margin-top: 37%;}
    .prevedition-intitle:before {  height: calc( 100% + 60px);  top: calc(-100% - 70px);}
    .event-info-modal {  padding: 60px 30px;}
    .reserve-place .ml-0{display: none;}
    .reserve-place .mr-0.red{display: block; text-align: center; float: none;}
    .reserve-place{margin-top: 30px;}
    .fc-calendar .content_wrap{top: -32px;}
    .fc-calendar .fc-row > div:first-child .content_wrap, .fc-calendar .fc-row > div:nth-child(2) .content_wrap{margin-left: 0px; left: -7px;}   
    .fc-calendar .fc-row > div:first-child .content_wrap:after, .fc-calendar .fc-row > div:nth-child(2) .content_wrap:after { left: 25px; margin-left: 0px;}
    .fc-calendar .fc-row > div:last-child .content_wrap, .fc-calendar .fc-row > div:nth-child(6) .content_wrap { margin-left: 0px;   left: auto; right: -7px;}
    .fc-calendar .fc-row > div:last-child .content_wrap:after, .fc-calendar .fc-row > div:nth-child(6) .content_wrap:after {left: auto;  right: 25px;  margin-left: 0;}
    .author-btm-list .author-bottomdiv { width: 100%; float: none;}
    .craftcms-formdiv .fui-field {  flex: none; width: 100%; margin-bottom: 20px;}
    .craftcms-formdiv .fui-row:not(:last-child) {  margin-bottom: 0;}
    .craftcms-formdiv button[type="submit"], .craftcms-formdiv input[type="submit"]{margin-top: 0; font-size: 14px;}
	.upevent-box {height: 540px;}
}
@media (max-width : 480px) {
    .ensc-tile { font-size: 32px;}
    .padua-portal-div .ensc-tile { font-size: 30px;  max-width: 120px;}
    .ensc-tile svg { height: 24px;}
    .school-trours-div .ensc-tile svg{left: -8px;}
	  .enrol-school-portal .col-md-5 {  padding: 0;  -webkit-box-flex: 0;  -ms-flex: 0 0 86%;  flex: 0 0 86%;  max-width: 86%;}
    .north-star-slider .slick-active .north-star-thumbg, .northsart-outter .north-star-thumbg{width: 92%; }
    .right-part-slide .right-bgdiv{width: 85%;}
    .north-star-content{width: 85%;}
    .foot-logo-div {  max-width: 85px;  margin: 0 auto 45px;}
    .site-footer {  border-radius: 90px 0 0 0;}
    .eventpopup .modal-dialog {  max-width: 90%;}
    .modal-dialog .modal-content{border-radius: 0 0 0 100px;}
    .event-info-modal .event-info-content { max-width: 100%; }
    .eventpopup .event-info-modal { padding: 60px 40px;}
    .eventpopup .event-info-content h3 {  font-size: 21px;  font-weight: 900;   line-height: 25px;}
    .eventpopup .calendar .defult-btn { padding-left: 60px;  margin-top: 25px;}
    .calender-date-wrapper {  width: calc(100% + 30px);  margin: 0 -15px;}
    .custom-month, .custom-year {  font-size: 19px; line-height: 23px;}
    .fc-calendar .fc-head > div > span.fc-week, .fc-calendar .fc-row > div > span.fc-date { font-size: 13px; width: 32px;  height: 32px;   margin: -16px 0 0 -16px;line-height: 29px;}
    .calendar-arrow-month {  margin: 20px auto;}
    .calendar-arrow .custom-prev, .calendar-arrow .custom-next {  height: 32px;  width: 32px;}
    .calendar-arrow .custom-prev svg, .calendar-arrow .custom-next svg {  height: 14px; margin: -7px 0 0 -6px;}
    .calendar-arrow .custom-next svg {  margin-left: -2px;}
    .newslist-title {  font-size: 35px;}
    .newslist-subtitle{font-size: 17px;}
    .newslist-content:after, .newslist-content:before {   left: 45px;}
    .newslist-content {  padding: 30px 40px;}
    .banner-content-div .banner-title { line-height: 1; font-size: 38px;}
    .comman-detaildiv h3{font-size: 28px; /* padding-top: 30px; */ padding-top: 25px;  margin-bottom: 30px;   margin-top: 40px;}
    .comman-detaildiv h4 {  margin-top: 40px;}
    .comman-detaildiv h1 { font-size: 44px; margin-bottom: 45px;  margin-top: 60px;  padding-top: 30px;}
    .comman-detaildiv figcaption{left: 30px;}
    .table thead th, .table td {padding: 10px; font-size: 14px;}
    .photogallery-box img {  height: 220px;}
    .newslist-boxdiv{margin-bottom: 15px;}
    .prevedition-boxdiv{min-height: auto;}
    .mob-collegetour-title h3 {font-size: 25px; padding-top: 0; margin-top: 0; color: #231f20; letter-spacing: 0.3px; line-height: 29px;   margin-bottom: 30px; text-align: center;}
    .booked-btn{width: 110px; min-width: auto; line-height: 1.1; padding: 10px 15px;}
    .college-tour-box { padding: 55px 30px;}
    .newsauthor-title {  font-size: 32px;}
    .newsauthor-content h2 {  font-size: 26px; margin-top: 30px;}
    .feature-eventbox {  max-width: 350px;   min-height: 243px;}
    .feanewcls-lftsvg {  left: -230px;  height: 248px;   top: -2px;}
    .feanewcls-rightsvg {  right: -212px;  height: 248px;  top: -2px;}
    .feaure-texttitle h2 {  font-size: 36px;}
    .feaure-texttitle {  bottom: 30px;  right: 20%;}
    .feature-eventbox .overlay-bg:after{width: 45%;}
    .feaure-texttitle svg {  height: 30px;  bottom: 8px;}
    .also-this-section .also-title {  font-size: 36px; margin-bottom: 30px;}
    .also-banner-title {  font-size: 30px;}
    .also-this-section .also-title small{font-size: 48%;}
    .also-bantl-inner {  margin-bottom: 30px;}
    .also-this-section ul li{margin-bottom: 15px;}
    .tiles-grid-item.tiles-half.col2-height .tiles-boxdiv {  border-radius: 0 60px 0 0;}
    .tiles-grid-item.col2-height .tiles-boxdiv {  border-radius: 60px 0 0 0;}
    .also-section-click {  margin-left: -170px;line-height: 40px; /* bottom: 210px; */ bottom: 260px;}
    .newslatter-controller .prev-side, .newslatter-controller .next-side { height: 40px;  width: 40px;}
    .newslatter-controller .next-side {  right: 16px;}
    .newslatter-controller .prev-side {  left: 16px;}
    .newslatter-controller .prev-side svg, .newslatter-controller .next-side svg {  height: 20px;  margin: 10px 0; left: 1px;}
    .fc-calendar .content_wrap{top: -32px;}
    .newslatter-controller .prev-side svg{left: -1px;}
    .fc-calendar .fc-row > div:first-child .content_wrap, .fc-calendar .fc-row > div:nth-child(2) .content_wrap{margin-left: 0px; left: -7px;}   
    .fc-calendar .fc-row > div:first-child .content_wrap:after, .fc-calendar .fc-row > div:nth-child(2) .content_wrap:after { left: 25px; margin-left: 0px;}
    .fc-calendar .fc-row > div:last-child .content_wrap, .fc-calendar .fc-row > div:nth-child(6) .content_wrap { margin-left: 0px;   left: auto; right: -7px;}
    .fc-calendar .fc-row > div:last-child .content_wrap:after, .fc-calendar .fc-row > div:nth-child(6) .content_wrap:after {left: auto;  right: 25px;  margin-left: 0;}
    .feaure-texttitle h2{max-width: 220px;}
    .student-voice-bg, .in-respect-bg {  border-radius: 95px 0 0 0;}

    .homeslider-revolution .thumbimage-slider{  width: 340px; height: 340px;border-radius: 0 0 0 110px; }
    .homeslider-revolution .rev_slider li.tp-revslider-slidesli .tp-parallax-wrap:nth-child(4) {width: 340px; top: 110px !important; height: 340px;  margin: 0px !important;}
    .homeslider-revolution .rehslider-caption .whitetext-slide, .homeslider-revolution .rehslider-caption .yellowtext-slide { font-size: 2.4rem;}
    .homeslider-revolution .rev_slider li.tp-revslider-slidesli .tp-parallax-wrap:nth-child(3){left: 30px !important; /* bottom: 90px !important; */ bottom: 60px !important;     height: 100px;}
    .homeslider-revolution .tp-parallax-wrap:nth-child(3):before{    left: -30px; top: -10px;}
    @keyframes SlideContentLine { from { width: 0; } to { width: 80px; } } 
    .single-member-div {  width: 100%; float: none; } 
    .single-member-boxdiv h4 {  font-size: 20px;  margin: 20px 0 10px;}
    .helpfixed-formdiv { width: calc(100% - 30px);}
    .helpfixed-form {  padding: 20px;}
    .helpbtn-a{padding: 8px 18px;}
    .twilight-slide-wrap .overlay-content .twilight-content-p p{font-size: 26px;}
    .twilight-section .twilight-slider.text-align-right .twilight-slide-wrap .overlay-content .twilight-content-p p{padding-left: 0px;}

    .student-voice-specing .student-voice-slider{padding: 0 10px;}
	.upevent-box{height:auto;}
	.event-list-content h2{min-height:auto;}
	.event-list-content .defult-btn {
		margin-top: 25px;
		position: relative;
		display: block;
		bottom: auto;
	}

  .quicklink-div ul li { margin: 0 5px;}
  .site-header .quicklink-div{right: 47px;}
  .site-header.sticky .quicklink-div{right: 65px;}
  .site-header.innerpage-header.newspage-header .quicklink-div{right: 90px;}
  .site-header.innerpage-header.newspage-header.sticky .quicklink-div{right: 110px;}
}
@media (max-width : 375px) and (min-width : 361px) {
    .prevedition-intitle:after { height: 55%;}
}
@media (max-width : 360px) {
    .g-translate-div, .nav-logo-social { left: 30px;}
    .g-translate-div{top: 30px;}
    .navigation-open .humberger-div.open{margin-right: 10px; margin-top: 22px;}
    .navigation-open .site-header.sticky .g-translate-div {  top: 16px;}
  	.navigation-content-wrap, .portal-content-wrap, .quicklinks-content-wrap {  padding: 0 30px;}
    .nav-link-div ul > li > a {  font-size: 24px;}
    .drop-down ul li a{font-size: 13px;}
    .site-footer.newsletter-footer .container{padding: 0 30px;}
    .newslist-title { font-size: 32px;}
    .newslist-subtitle{font-size: 16px;}
    .newslist-content {  padding: 30px 30px;}
    .newslist-content:after, .newslist-content:before {   left: 35px;}
    .comman-detaildiv figcaption {  left: 20px;}
    .comman-detaildiv figcaption:before { top: -50px; height: 150px;}
    .tiles-title {  font-size: 30px;}
    .tiles-subtitle {  font-size: 14px;}
    .tiles-content {  padding: 25px;}
    .tiles-content .tiles-line-span, .tiles-content:after {  left: 28px;}
    .tiles-grid-item.content-whitebox .tiles-content h2 {  font-size: 24px;   margin-bottom: 20px;  padding-top: 20px;}
    .tiles-grid-item.col2-height.content-whitebox .tiles-boxdiv{height: 210px;}
    .video-module-content{padding: 30px;}
    .imagetext-title-div h2, .imgDivider-container .imgDivider-title { font-size: 36px;}
    .head-predition-link, .newspage-header.sticky .head-predition-link {margin-right: 15px;}
    .prevedition-intitle {  margin-top: 22%;}
    .prevedition-intitle:after { height: 48%;}
    .prevedition-boxdiv{min-height: 270px;}
    .feature-eventbox { max-width: 305px;}
    .feanewcls-lftsvg { left: -275px;}
    .feanewcls-rightsvg { right: -255px;}
    .in-respect-slider{padding: 0;}
    .search-navdiv { left: 30px;  top: 75px; width: 260px;}
    .comman-detaildiv h1{font-size: 38px;}
    .comman-detaildiv figcaption { left: 25px;}
    .table thead th, .table td {  padding: 6px;  font-size: 13px;}
    .video-wrapdiv .videoline-white{left: 62px;}
    .eventpopup .calendar .defult-btn {  margin-top: 20px; letter-spacing: 0;  padding-left: 65px;  padding-right: 15px}
    .eventpopup .event-info-modal {  padding: 60px 30px; }
    .north-star-content p {  font-size: 14px;  line-height: 24px;}
    .fc-calendar .fc-row > div:first-child .content_wrap:after, .fc-calendar .fc-row > div:nth-child(2) .content_wrap:after{ left: 20px;}
    .fc-calendar .fc-row > div:last-child .content_wrap:after, .fc-calendar .fc-row > div:nth-child(6) .content_wrap:after { right: 20px; }
    .imgDivider-container h2 p, .video-module-content p {  font-size: 24px;}
    .newsedition-content .newsedition-title{font-size: 16px;}
    .feaure-texttitle h2 {  font-size: 34px;}
    .newsletter-pagetitle {  font-size: 56px;}
    .video-wrapdiv .videoline-white {height: 100px; }

    .homeslider-revolution .thumbimage-slider{  width: 300px; height: 300px;border-radius: 0 0 0 100px; }
    .homeslider-revolution .rev_slider li.tp-revslider-slidesli .tp-parallax-wrap:nth-child(4) {width: 300px; height: 300px; top: 100px !important;}
    .homeslider-revolution .rehslider-caption .whitetext-slide, .homeslider-revolution .rehslider-caption .yellowtext-slide { font-size: 2rem;}
    .homeslider-revolution .rev_slider li.tp-revslider-slidesli .tp-parallax-wrap:nth-child(3){ bottom: 55px !important; height: 80px;}
    .slide-bullet-ul li{font-size: 20px;}
    .slide-bullet-ul li + li::before{padding-right: 10px; padding-left: 10px;}
    .twilight-slide-wrap .overlay-content .twilight-content-p p {  font-size: 26px;  padding-right: 0;}
    .twilight-slide-wrap .overlay-content .twilight-content-p{margin-top: 40px;}
    .north-title, .twilight-title {  font-size: 3.2rem;}

    .student-voice-specing .student-voice-slider p {  font-size: 15px;  line-height: 26px;}

    .site-header.innerpage-header.newspage-header .quicklink-div{right: 80px;}
  .site-header.innerpage-header.newspage-header.sticky .quicklink-div{right: 100px;}

}