/*@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

* {
  padding:0;
  margin:0;
  box-sizing:border-box
}
html {
  font-size:62.5%;
  scroll-behavior:smooth
}
@media (prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
}
body {
  font:normal 1.3rem/1.9rem 'Open Sans',sans-serif;
  color:#242424;
  overflow-x:hidden;
  background:#e4f7e3;
  position:relative
}
.clearfix::after {
  content:"";
  clear:both;
  display:table
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display:block
}
ul {
  list-style-type:none;
  padding:0 0 12px
}
ul:last-child {
  padding-bottom:0
}

ul li:last-child {
  margin-bottom:0
}
ol {
  padding:0 0 12px;
  list-style-position:inside
}
ol:last-child {
  padding-bottom:0
}
ol>li {
  padding:0 0 0 7px;
  margin:0 0 7px
}
ol ul,
ul ol {
  margin-left:20px
}
p {
  margin-bottom:20px
}
p:empty {
  display:none!important
}
p:last-child {
  
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight:500;
  font-family:Roboto,sans-serif
}
.h1,
h1 {
  font-size:2.7rem;
  line-height:3.3rem;
  margin:0 0 14px;
  color:#404040
}
.h2,
h2 {
  font-size:2.3rem;
  line-height:2.9rem;
  margin:0 0 10px;
  color:#2751c9
}
.h3,
h3 {
  font-size:1.9rem;
  line-height:2.5rem;
  margin:0 0 8px;
  color:#464646
}
.h4,
h4 {
  font-size:1.5rem;
  line-height:2.1rem;
  margin:0 0 6px;
  padding:0 0 2px;
  color:#424242;
  border-bottom:1px solid #424242
}
.h5,
h5 {
  font-size:1.4rem;
  line-height:2rem;
  text-decoration:none;
  margin:0 0 6px;
  color:#b5a000
}
a {
  color:inherit;
  text-decoration:none;
  -webkit-transition:all .3s;
  -khtml-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  -o-transition:all .3s;
  transition:all .3s
}
a,
img {
  outline:0
}
img {
  border:none;
  max-width:100%;
  height:auto
}
strong {
  font-weight:600
}
sub,
sup {
  font-size:1rem;
  line-height:1rem;
  padding:0;
  color:#525252;
  margin:0
}
label {
  margin-bottom:2px;
  display:inline-block;
  font-size:1.3rem;
  line-height:1.7rem;
  color:#63656b
}


#verify {
  width:84px
}

button {
  border:none;
  font:600 1.4rem/2.4rem 'Open Sans',sans-serif;
  color:#fff;
  background:#ff8400;
  padding:4px 20px;
  display:inline-block;
  border-radius:5px;
  text-align:center;
  cursor:pointer;
  position:relative;
  text-transform:uppercase;
  -webkit-transition:all .4s;
  -khtml-transition:all .4s;
  -moz-transition:all .4s;
  -ms-transition:all .4s;
  -o-transition:all .4s;
  transition:all .4s
}
input[type=radio] {
  width:14px;
  height:14px;
  position:relative;
  top:2px;
  margin-left:4px;
  margin-right:4px
}
input[type=submit].search-submit:hover {
  background-color:transparent
}

::placeholder {
  color:#a1a1a1
}
:-ms-input-placeholder {
  color:#a1a1a1
}
::-ms-input-placeholder {
  color:#a1a1a1
}
.personalEmail-field {
  display:none
}
.element-wrap {
  margin-bottom:8px
}

.error {
  display:none;
  color:#dc3232;
  font-size:1.3rem;
  line-height:1.9rem
}
.error-e .error {
  display:block
}
.error_warning {
  border:1px solid red!important
}
.email-error {
  color:#red;
  font-size:1.3rem;
  line-height:1.6rem;
  text-align:left;
  margin:10px 0;
  display:none
}
.error-message {
  background:red;
  color:#fff;
  font-size:1.3rem;
  line-height:1.6rem;
  padding:10px;
  margin:10px 0;
  text-align:left;
  display:none
}
.success-message {
  background:#569009;
  color:#fff;
  font-size:1.3rem;
  line-height:1.6rem;
  padding:10px;
  margin:10px 0;
  text-align:left;
  display:none
}
.error-message p,
.success-message p {
  margin:0
}
.error-message i,
.success-message i {
  float:left;
  width:15px;
  margin:1px 8px 0 0
}

.wrapper {
  margin:0 auto;
  max-width:2200px;
  padding:0;
  box-shadow:0 0 12px 2px #80a97c;
  background:#fff
}
.container,
.container-md,
.container-sm {
  margin:0 auto;
  padding:0 4%;
  width:100%
}
.sec-wrap {
  padding:20px 0;
  margin:15px 0
}
iframe {
  display:block
}
.bdr-left {
  border-left:1px solid #d8d8d8!important
}
.bdr-right {
  border-right:1px solid #d8d8d8!important
}
.bdr-top {
  border-top:1px solid #d8d8d8!important
}
.bdr-bot {
  border-bottom:1px solid #d8d8d8!important
}
.no-bdr-top {
  border-top:none!important
}
.no-bdr-bot {
  border-bottom:none!important
}
.no-bdr-left {
  border-left:none!important
}
.no-bdr-right {
  border-right:none!important
}
.text-right {
  text-align:right!important
}
.text-left {
  text-align:left!important
}
.text-center {
  text-align:center!important
}
.aligncenter,
.alignleft,
.alignright {
  width:auto;
  height:auto;
  text-align:center;
  display:inline-block;
  text-align:center
}
.alignleft-w-60 {
  margin-bottom:40px
}
.no-mar-pad {
  padding:0!important;
  margin:0!important
}
.no-mar {
  margin:0!important
}
.no-top-mar {
  margin-top:0!important
}
.no-bot-mar {
  margin-bottom:0!important
}
.no-left-mar {
  margin-left:0!important
}
.no-right-mar {
  margin-right:0!important
}
.no-pad {
  padding:0!important
}
.no-top-pad {
  padding-top:0!important
}
.no-bot-pad {
  padding-bottom:0!important
}
.no-left-pad {
  padding-left:0!important
}
.no-right-pad {
  padding-right:0!important
}
.link-btn {
  color:#fff;
  background:#ff8400;
  padding:8px 32px;
  margin:6px 0;
  display:inline-block;
  border-radius:30px;
  font-size:1.4rem;
  line-height:2.4rem;
  text-align:center;
  cursor:pointer;
  position:relative;
  font-weight:600;
  text-transform:uppercase
}
.link-btn::after,
.link-btn::before {
  content:"";
  display:inline-block;
  -webkit-transition:all .3s;
  -khtml-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  -o-transition:all .3s;
  transition:all .3s
}
.link-btn::before {
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
  border:3px solid #ff8400;
  border-radius:34px;
  margin:-6px 0 0 -6px;
  padding:3px
}
.link-btn::after {
  width:8px;
  height:8px;
  border:solid #fff;
  border-width:0 1px 1px 0;
  display:inline-block;
  padding:1px;
  position:relative;
  left:-6px;
  top:0;
  transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg);
  margin-left:14px
}
.link-btn-sm {
  padding:4px 10px;
  font-size:1.3rem;
  line-height:1.7rem
}
.link-btn-sm::before {
  display:none
}
.link-btn-sm::after {
  left:0;
  margin-left:4px
}
.m-w-1000 {
  max-width:1000px;
  margin-left:auto;
  margin-right:auto
}
.slick-s {
  display:none
}
.slick-s-first {
  display:block
}
@media only screen and (min-width:768px) {
  body {
    font-size:1.4rem;
    line-height:2rem
  }
  .h1,
  h1 {
    font-size:2.9rem;
    line-height:3.5rem;
    margin:0 0 16px
  }
  .h2,
  h2 {
    font-size:2.5rem;
    line-height:3.1rem;
    margin:0 0 12px
  }
  .h3,
  h3 {
    font-size:2.1rem;
    line-height:2.7rem;
    margin:0 0 10px
  }
  .h4,
  h4 {
    font-size:1.7rem;
    line-height:2.3rem;
    margin:0 0 8px
  }
  .h5,
  h5 {
    font-size:1.5rem;
    line-height:2.1rem;
    margin:0 0 8px
  }
  ol,
  ul {
    padding:0 0 18px
  }
  ol li,
  ul li {
    margin:0 0 12px
  }
  label {
    font-size:1.4rem;
    line-height:2rem;
    margin-bottom:6px
  }
  label {
    font-size:1.4rem;
    line-height:2rem;
    margin-bottom:6px
  }
 
 
  .alignright {
    float:right;
    margin:0 0 1.5% 3%
  }
  .alignleft {
    float:left;
    margin:0 3% 1.5% 0
  }
  .alignleft-w-60 {
    float:left;
    width:50%;
    margin:0
  }
  .element-wrap {
    margin-bottom:12px
  }
  .container,
  .container-md,
  .container-sm {
    padding:0 3%
  }
  .sec-wrap {
    padding:30px 0;
    margin:25px 0
  }
  .link-btn {
    font-size:1.6rem;
    padding:10px 32px
  }
  .link-btn-sm {
    padding:7px 16px;
    margin:8px 0;
    font-size:1.4rem;
    line-height:1.8rem
  }
}
@media only screen and (min-width:921px) {
 
  .element-wrap {
    margin-bottom:16px
  }
  .sec-wrap {
    padding:40px 0;
    margin:30px 0
  }
}
@media only screen and (min-width:1025px) {
 
  
  a:hover {
    color:inherit;
  }
  .h1,
  h1 {
    font-size:3rem;
    line-height:3.6rem;
    margin:0 0 18px
  }
  .h2,
  h2 {
    font-size:2.6rem;
    line-height:3.2rem;
    margin:0 0 14px
  }
  .h3,
  h3 {
    font-size:2.2rem;
    line-height:2.8rem;
    margin:0 0 2px
  }
  .h4,
  h4 {
    font-size:1.8rem;
    line-height:2.4rem;
    margin:0 0 10px
  }
  .h5,
  h5 {
    font-size:1.6rem;
    line-height:2.2rem;
    margin:0 0 10px
  }
  .container,
  .container-md,
  .container-sm {
    padding:0 1.5%
  }
  .sec-wrap {
    padding:50px 0;
    margin:40px 0
  }
  .link-btn {
    margin:8px 0;
    font-size:1.8rem
  }
  .link-btn::after {
    width:8px;
    height:8px;
    border-width:0 2px 2px 0;
    padding:2px;
    left:-6px;
    top:0
  }
  .link-btn:hover {
    color:#fff;
    background:#e37500
  }
  .link-btn:hover::before {
    border-color:#e37500
  }
  .link-btn:hover::after {
    border-color:#fff;
    left:6px
  }
  .link-btn-sm {
    padding:8px 18px;
    margin:10px 0;
    font-size:1.5rem;
    line-height:1.9rem
  }
  .link-btn-sm::after {
    border-width:0 1px 1px 0;
    padding:1px;
    left:0
  }
}
@media only screen and (min-width:1200px) {
  ol,
  ul {
    padding:0 0 24px
  }
  .alignleft-w-60 {
    width:60%
  }
}
@media only screen and (min-width:1300px) {
  .container-md,
  .container-sm {
    padding:0
  }
  .container {
    max-width:1302px
  }
  .container-md {
    max-width:1000px
  }
  .container-sm {
    max-width:800px
  }
}
@media only screen and (min-width:1360px) {
  .container {
    max-width:82%;
    padding:0
  }
}
.row {
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
  margin-left:-1.5%;
  margin-right:-1.5%;
  margin-bottom:1%
}
.row>* {
  flex-shrink:0;
  width:100%;
  max-width:100%;
  padding:0;
}
.col {
  width:100%
}
.col-auto {
  flex:0 0 auto;
  width:auto!important
}
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9 {
  width:100%
}
.col input[type=email],
.col input[type=password],
.col input[type=tel],
.col input[type=text],
.col select,
.col textarea,
[class*=col-] input[type=email],
[class*=col-] input[type=tel],
[class*=col-] input[type=text],
[class*=col-] select,
[class*=col-] textarea {
  width:100%;
  margin-bottom:0
}
.inline-label input[type=email],
.inline-label input[type=password],
.inline-label input[type=tel],
.inline-label input[type=text],
.inline-label select,
.inline-label textarea {
  width:100%;
  margin-bottom:0
}
@media only screen and (min-width:768px) {
  .col {
    flex:1 0 0%;
    width:100%;
    margin:0
  }

  .inline-label>*,
  .inline-label>div.col>*,
  .inline-label>div[class*=col-]>* {
    margin-left:.5%;
    margin-right:.5%
  }
  .inline-label>:first-child,
  .inline-label>div.col>:first-child,
  .inline-label>div[class*=col-]>:first-child {
    margin-left:0
  }
  .inline-label>:last-child,
  .inline-label>div.col>:last-child,
  .inline-label>div[class*=col-]>:last-child {
    margin-right:0
  }
  .row>* {
    margin:0;
    -webkit-align-items:center;
    align-items:center;
    -webkit-align-self:flex-end;
    align-self:flex-end
  }
  .inline-label,
  .inline-label>div.col,
  .inline-label>div[class*=col-] {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap
  }
  input.col[type=email],
  input.col[type=password],
  input.col[type=tel],
  input.col[type=text],
  input.inline-label[type=email],
  input.inline-label[type=password],
  input.inline-label[type=tel],
  input.inline-label[type=text],
  select.col,
  select.inline-label,
  textarea.col,
  textarea.inline-label {
    margin-bottom:0
  }
  .col-1 {
    flex:0 0 auto;
    width:8.33333333%
  }
  .col-2 {
    width:16.66666667%;
    flex:0 0 auto
  }
  .col-3 {
    width:25%;
    flex:0 0 auto
  }
  .col-4 {
    width:33.33333333%;
    flex:0 0 auto
  }
  .col-5 {
    width:41.66666667%;
    flex:0 0 auto
  }
  .col-6 {
    width:50%;
    flex:0 0 auto
  }
  .col-7 {
    width:58.33333333%;
    flex:0 0 auto
  }
  .col-8 {
    width:66.66666667%;
    flex:0 0 auto
  }
  .col-9 {
    width:75%;
    flex:0 0 auto
  }
  .col-10 {
    width:83.33333333%;
    flex:0 0 auto
  }
  .col-11 {
    width:91.66666667%;
    flex:0 0 auto
  }
  .col-12 {
    width:100%
  }
}
@media only screen and (max-width:767px) {
  .col label,
  .inline-label label,
  [class*=col-] label {
    width:100%;
    margin-bottom:1%
  }
  .col-sm-1 {
    width:8.33333333%
  }
  .col-sm-2 {
    width:16.66666667%
  }
  .col-sm-3 {
    width:25%
  }
  .col-sm-4 {
    width:33.33333333%
  }
  .col-sm-5 {
    width:41.66666667%
  }
  .col-sm-6 {
    width:50%
  }
  .col-sm-7 {
    width:58.33333333%
  }
  .col-sm-8 {
    width:66.66666667%
  }
  .col-sm-9 {
    width:75%
  }
  .col-sm-10 {
    width:83.33333333%
  }
  .col-sm-11 {
    width:91.66666667%
  }
  .col-sm-12 {
    width:100%
  }
}
@media only screen and (min-width:768px) and (max-width:992px) {
  [class*=col-lg-] {
    flex:0 0 auto
  }
  .col-lg-1 {
    width:8.33333333%
  }
  .col-lg-2 {
    width:16.66666667%
  }
  .col-lg-3 {
    width:25%
  }
  .col-lg-4 {
    width:33.33333333%
  }
  .col-lg-5 {
    width:41.66666667%
  }
  .col-lg-6 {
    width:50%
  }
  .col-lg-7 {
    width:58.33333333%
  }
  .col-lg-8 {
    width:66.66666667%
  }
  .col-lg-9 {
    width:75%
  }
  .col-lg-10 {
    width:83.33333333%
  }
  .col-lg-11 {
    width:91.66666667%
  }
  .col-lg-12 {
    width:100%
  }
}
@media only screen and (min-width:993px) and (max-width:1200px) {
  [class*=col-xl-] {
    flex:0 0 auto
  }
  .col-xl-1 {
    width:8.33333333%
  }
  .col-xl-2 {
    width:16.66666667%
  }
  .col-xl-3 {
    width:25%
  }
  .col-xl-4 {
    width:33.33333333%
  }
  .col-xl-5 {
    width:41.66666667%
  }
  .col-xl-6 {
    width:50%
  }
  .col-xl-7 {
    width:58.33333333%
  }
  .col-xl-8 {
    width:66.66666667%
  }
  .col-xl-9 {
    width:75%
  }
  .col-xl-10 {
    width:83.33333333%
  }
  .col-xl-11 {
    width:91.66666667%
  }
  .col-xl-12 {
    width:100%
  }
}
@media only screen and (min-width:1201px) and (max-width:2000px) {
  [class*=col-xxl-] {
    flex:0 0 auto
  }
  .col-xxl-1 {
    width:8.33333333%
  }
  .col-xxl-2 {
    width:16.66666667%
  }
  .col-xxl-3 {
    width:25%
  }
  .col-xxl-4 {
    width:33.33333333%
  }
  .col-xxl-5 {
    width:41.66666667%
  }
  .col-xxl-6 {
    width:50%
  }
  .col-xxl-7 {
    width:58.33333333%
  }
  .col-xxl-8 {
    width:66.66666667%
  }
  .col-xxl-9 {
    width:75%
  }
  .col-xxl-10 {
    width:83.33333333%
  }
  .col-xxl-11 {
    width:91.66666667%
  }
  .col-xxl-12 {
    width:100%
  }
}
.top-info-sec {
  padding:40px 0 36px;
  z-index:1001;
  color:#fff;
  background-color:#ffbd45;
  height:100vh;
  overflow:auto
}
.top-info-sec .container {
  position:relative
}
.top-info-sec.show {
  margin-top:0!important;
  display:block!important
}
.top-info-sec i {
  vertical-align:middle
}
.top-info-sec .row {
  margin:0
}
.top-info-sec .row>* {
  -webkit-align-self:flex-start;
  align-self:flex-start;
  -webkit-align-items:flex-start;
  align-items:flex-start
}
.top-info-sec .h5,
.top-info-sec a,
.top-info-sec h5,
.top-info-sec svg {
  color:#fff;
  fill:#fff
}
.top-info-sec .ph-ico {
  display:block;
  margin:0 0 2px
}
.top-info-sec .ph-ico svg {
  width:13px;
  height:13px
}
.apply-now-sec .h5,
.apply-now-sec h5 {
  text-align:center
}
.top-info-sec h5 {
  text-decoration:none
}
.apply-now-sec .h4,
.apply-now-sec h4 {
  border:none
}
.school-info .h3,
.school-info .h5,
.school-info h3,
.school-info h5 {
  border-bottom:1px solid #fff
}
.top-info-sec .close-btn {
  position:fixed;
  right:12px;
  top:12px;
  color:#fff;
  padding:5px;
  font-weight:600;
  cursor:pointer
}
.apply-now-sec {
  padding-bottom:30px
}
.school-info .row>* {
  margin:11px 0
}
.apply-now-inn {
  padding:10px 14px;
  border:2px dashed #f1a212;
  background:#ffca6b;
  border:2px dashed rgba(255,255,255,.6);
  background:rgba(255,255,255,.25)
}
.apply-now-sec .element-wrap.submit-wrap {
  margin:0;
  text-align:right
}

.top-enquiry-btn {
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  background:#ffbd45;
  z-index:1000;
  font-size:1.3rem;
  line-height:1.9rem;
  font-weight:600;
  text-transform:uppercase;
  padding:0
}
.top-enquiry-btn li {
  display:inline-block;
  margin:0;
  padding:0;
  background-image:none;
  width:100%;
  text-align:center;
  border-right:1px solid #fff
}
.top-enquiry-btn li:last-child {
  border-right:none
}
.top-enquiry-btn li a {
  color:#fff;
  padding:4px 0;
  display:block
}
.header-top {
  background:#00205b
}
.scroll-text {
  padding:5px 0;
  color:#faffaf;
  font-size:1.2rem;
  line-height:1.6rem;
  font-weight:400;
  position:relative;
  max-width:100%;
  text-transform:uppercase
}
.scroll-text p {
  margin:0 40px;
  display:inline
}
.scroll-text a {
  color:#faffaf
}
.scroll-text a:before {
  display:inline-block;
  content:"::";
  line-height:17px;
  font-size:17px;
  margin-right:6px;
  opacity:.6
}
.scroll-text .slick-arrow {
  width:10px;
  height:10px;
  font-size:0;
  line-height:0;
  background:0 0;
  border-radius:0;
  border:none;
  margin:0;
  padding:0;
  border:solid #fff;
  border-width:0 2px 2px 0;
  display:inline-block;
  padding:2px;
  position:absolute;
  top:50%;
  margin-top:-5px
}
.scroll-text .slick-arrow.slick-prev {
  transform:rotate(135deg);
  -webkit-transform:rotate(135deg);
  left:0
}
.scroll-text .slick-arrow.slick-next {
  transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg);
  right:0
}
.header-mid {
  background:#fff;
  border-bottom:1px solid #cdcdcd;
  font-size:1.3rem;
  line-height:1.7rem;
  font-weight:400
}
.header-bot .row,
.header-mid .row {
  margin-bottom:0
}
.header-mid-left {
  font-size:1.3rem;
  line-height:1.7rem;
  font-weight:500;
  text-transform:uppercase
}
.header-mid-left ul {
  padding:4px 0;
 
}
.header-mid-left li {
  padding:0;
  margin:0 4px;
  background-image:none;
  display:inline-block
}
.header-mid-left li:last-child {
  margin-right:0
}
.header-mid-left li a {
  color:#3a3a3a
}
.header-mid-left,
.header-mid-right {
  text-align:center
}
.header-mid-right ul {
  padding:4px 0;
  margin:0;
  display:inline-block
}
.header-mid-right li {
  padding:0;
  margin:0 0 0 6px;
  background-image:none;
  display:inline-block
}
.header-mid-right li a {
  display:block;
  border-radius:50%;
 
  padding:5px;
  width:24px;
  height:24px
}
.header-mid-right li.fb a {
  
}
.header-mid-right li.tw a {
  background-color:#1da1f2
}
.header-mid-right li.yt a {
  
}

.header-mid-right li.map a {
  
}
.header-mid-right li.search-btn a {
  background-color:orange
}
.header-mid-right li svg {
  width:100%;
  height:100%;
  fill:#fff
}
.header-bot {
  position:sticky;
  left:0;
  z-index:50;
  top:0;
  background:#fff;
  padding:6px 0
}
.header-bot .logo a {
  display:inline-block;
  font-size:0;
  line-height:0;
  max-width:226px
}
.header-bot .logo {
  font-size:0;
  line-height:0
}
.header-bot .header-bot-left,
.header-bot .header-bot-right,
.header-mid .header-mid-left,
.header-mid .header-mid-right {
  align-self:center
}
.header-menu {
  font-size:1.4rem;
  line-height:2.2rem;
  font-weight:600;
  text-transform:uppercase
}
.header-menu ul {
  padding:0;
  margin:10
}
.header-menu li {
  padding:0;
  margin:10;
  background-image:none
}
.close-m-btn,
.mob-m-b {
  display:none
}
.top-close-m-btn,
.top-mob-m-b {
  display:none
}
.header-menu {
  text-align:right
}
#menu-item-1745 {
  margin-top:16px;
  margin-left:10px
}
#menu-item-1745 a {
  display:inline-block;
  background:#ff8400;
  color:#fff;
  padding:4px 6px;
  font-size:1.3rem;
  line-height:1.9rem;
  font-weight:600;
  border-radius:4px;
  border:1px solid #d58900
}
.top-main-menu-wrap .cbse-circular-btn a {
  color:#ff8400
}
.header-mid-left li.current_page_item.cbse-circular-btn a,
.header-mid-left li.current_page_item.cbse-circular-btn a:hover {
  color:#ff8400
}
.cbse-circular-btn a {
  animation:aniblink 1s linear infinite
}
@keyframes aniblink {
  0% {
    color:#ff8400
  }
  70% {
    color:#3a3a3a
  }
  90% {
    color:#ff8400
  }
}
.search-popup .screen-reader-text {
  display:none
}
.search-popup label {
  width:100%;
  display:block
}
.search-popup {
  position:fixed;
  top:0;
  background:rgba(255,255,255,.94);
  height:100%;
  width:100%;
  z-index:10000
}
.search-popup-box {
  width:90%;
  margin:-18% auto 0;
  max-width:600px;
  position:relative;
  top:50%
}
.search-popup-box input[type=search] {
  width:100%;
  padding:14px 15px 13px;
  background:0 0!important;
  color:#282828;
  border:1px solid #858585;
  margin:0
}
.search-popup-box input[type=search]::focus {
  border:#dfdfdf solid 1px;
  box-shadow:0 0 8px 2px #bfbfbf;
  color:#767676
}
.search-popup-box input[type=search]::placeholder {
  color:#aaa!important
}
.search-popup-box input[type=submit] {
  display:none
}
.search-popup-box h2 {
  color:#282828;
  font-weight:400;
  font-size:2rem;
  line-height:2.4rem;
  text-align:center;
  margin-top:23px
}
.search-close-btn {
  position:absolute;
  right:0;
  top:-20px;
  margin-top:50px;
  font-size:50px;
  padding:10px;
  color:#1c1c1c;
  cursor:pointer;
  z-index:3
}
.footer-bot .row,
.footer-mid .row,
.footer-top .row {
  margin-bottom:0
}
.footer-top {
  background:#00205b;
  color:#fff;
  padding:6% 0
}
.footer-top .h2,
.footer-top h2 {
  color:#fff;
  font-size:2.4rem;
  line-height:3rem;
  margin:0 0 10px
}
.footer-top .h3,
.footer-top h3 {
  color:#fff;
  font-size:1.5rem;
  line-height:2.1rem;
  font-weight:400
}
.footer-top ul {
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:space-evenly;
  padding:5% 0 1.5%;
  max-width:734px;
  margin:0 auto
}
.footer-top ul li {
  width:10%;
  padding:0;
  margin:0;
  background-image:none;
  border-radius:5px
}
.footer-top ul li a {
  display:block;
  width:100%;
  padding:4px;
  background:#fff;
  border-radius:5px
}
.footer-top ul li a svg {
  display:block;
  width:100%;
  height:100%;
  fill:#00205b;
  -webkit-transition:all .5s;
  -khtml-transition:all .5s;
  -moz-transition:all .5s;
  -ms-transition:all .5s;
  -o-transition:all .5s;
  transition:all .5s
}
.footer-top ul li.fb2 a:hover svg {
  fill:#4267B2
}
.footer-top ul li.tw2 a:hover svg {
  fill:#1DA1F2
}
.footer-top ul li.yt2 a:hover svg {
  fill:#FF0000
}
.footer-top ul li.mail2 a:hover svg {
  fill:#008917
}
.footer-top ul li.map2 a:hover svg {
  fill:#ff5555
}
.footer-link-info .row>* {
  align-self:flex-start
}
.footer-link-info .row>div {
  margin-bottom:20px
}
.footer-link-info .row>div:first-child,
.footer-link-info .row>div:last-child {
  margin-bottom:0
}
.footer-mid .h2,
.footer-mid h2 {
  color:#fff;
  font-weight:500
}
.footer-mid {
  background:#00205b;
  color:#fff;
  padding:10px 0
}
.footer-link-info a {
  color:#fff;
  fill:#fff
}
.footer-link-info p {
  padding:0 0 12px 36px;
  position:relative;
  margin:0;
  color:#e1ebff
}
.footer-link-info p a {
  color:#e1ebff
}
.footer-link-info p i {
  position:absolute;
  left:0;
  top:4px
}
.footer-link-info p i svg {
  fill:#fff
}
.footer-link-info ul li {
  margin-bottom:0;
  background:0 0;
  padding:0
}
.footer-link-info ul li a {
  display:block;
  position:relative;
  padding:12px 20px 12px 25px;
  font-size:1.5rem;
  line-height:2rem;
  border-radius:0;
  position:relative;
  color:#fff
}
.footer-link-info ul li.current-menu-item a {
  color:#7288b1
}
.footer-link-info ul li.current-menu-item a::before {
  color:#7288b1;
  margin-left:4px;
  border-color:#7288b1
}
.footer-link-info ul li a::before {
  display:block;
  width:6px;
  height:6px;
  position:absolute;
  top:20px;
  left:5px;
  content:"";
  border:solid #fff;
  border-width:1px 0 0 1px;
  transform:rotate(135deg);
  -webkit-transform:rotate(135deg);
  -webkit-transition:all .3s;
  -khtml-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  -o-transition:all .3s;
  transition:all .3s
}
.news-img a {
  opacity:.85;
  display:inline-block
}
.landmark-links {
  margin:0;
  padding:0;
  margin-top:2%;
  padding-top:2%;
  border-top:1px solid #1b386c
}
.landmark-links li {
  padding:0;
  margin:5px 10px 5px 13px;
  background-image:none;
  display:inline-block
}
.landmark-links a {
  display:inline-block;
  font-size:0;
  line-height:0
}
.landmark-links img {
  display:inline-block;
  padding:8px 14px;
  background:#fff;
  border-radius:5px
}
.footer-bot {
  background:#011d52;
  color:#435c8d;
  padding:16px 0;
  font-size:1.3rem;
  line-height:1.5rem;
  position:relative;
  text-align:center
}
.footer-bot p {
  display:inline-block;
  margin:5px 7px
}
.footer-bot ul {
  padding:0;
  margin:5px 7px;
  display:inline-block
}
.footer-bot ul li {
  display:inline-block;
  margin:0 4px 0 0;
  padding:8px;
  background-image:none
}
.footer-bot ul li {
  border-right:1px solid #435c8d
}
.footer-bot a {
  color:#435c8d;
  margin:0 6px 0 0
}
.footer-bot ul li:last-child {
  margin-right:0;
  border-right:none
}
.footer-bot ul li:last-child a {
  margin-right:0
}
.back-to-top {
  display:block;
  position:fixed;
  bottom:92px;
  right:24px;
  text-align:center;
  height:30px;
  width:30px;
  border-radius:5px;
  z-index:1;
  -webkit-transition:all .25s ease-out;
  transition:all .25s ease-out;
  background-color:rgba(0,0,0,.3);
  color:#fff;
  fill:#fff
}
.back-to-top svg {
  width:50%;
  height:100%
}
.copyright-txt {
  padding:0;
  margin:0
}
.arrow-down-blue,
.arrow-down-white {
  position:relative
}
.arrow-down-blue::after,
.arrow-down-white::before {
  content:"";
  display:block;
  width:0;
  height:0;
  border-left:10px solid transparent;
  border-right:10px solid transparent;
  border-top:15px solid #1a293d;
  position:absolute;
  left:50%;
  margin-left:-8px;
  z-index:3
}
.arrow-down-blue::after {
  bottom:-14px
}
.arrow-down-white::before {
  border-top:15px solid #fff!important;
  top:-1px
}
.pix-vpop-wrap {
  background:rgba(0,0,0,.7);
  z-index:9999;
  overflow:auto;
  display:none
}
.pix-vpop {
  margin:6% auto 0;
  border:6px solid #fff;
  background:#fff;
  width:90%;
  position:relative;
  width:800px;
  max-width:96%;
  max-height:86%;
  background:#000
}
.pix-vpop-c-btn {
  width:30px;
  height:28px;
  display:block;
  position:absolute;
  right:-6px;
  top:-6px;
  background:#ff0b0b;
  color:#fff;
  cursor:pointer;
  font-size:1.8rem;
  line-height:2.2rem;
  text-align:center;
  cursor:pointer;
  z-index:1;
  border-bottom-left-radius:55%;
  padding-left:4px
}
.vpop-feame-wrap {
  overflow:hidden;
  padding-bottom:56.25%;
  position:relative;
  height:0
}
.vpop-feame-wrap iframe {
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
  margin-bottom:0
}
.vpop-feame-wrap iframe,
.vpop-feame-wrap video {
  argin-bottom:0;
  max-width:100%;
  vertical-align:middle
}
@media only screen and (min-width:768px) {
  .top-info-sec {
    padding:3% 0 2.8%;
    height:auto
  }
  .top-info-sec .close-btn {
    position:absolute;
    right:20px;
    top:-47px
  }
  .top-enquiry-btn {
    position:fixed;
    top:0;
    bottom:auto;
    left:auto;
    width:118px;
    padding:1px 0;
    border-radius:0 0 5px 5px
  }
  .apply-now-sec {
    order:2
  }
  .scroll-text {
    padding:8px 0;
    font-size:1.3rem;
    line-height:1.7rem;
    font-weight:600
  }
  .header-mid-left {
    font-size:1.3rem;
    line-height:2.1rem;
    text-align:left
  }
  .header-mid-left li {
    margin:0 8px 0 0
  }
  .header-mid-left li:last-child {
    margin-right:0
  }
  .header-mid-right {
    text-align:right
  }
  .header-mid-right li {
    margin:0 0 0 8px
  }
  .header-mid-right li:first-child {
    margin-left:0
  }
  .header-bot .logo a {
    max-width:270px
  }
  .footer-top {
    background:url(http://www.dpskolkata.com/wp-content/themes/dpsruby/images/footer-top-bg-tab.jpg) 0 0 no-repeat;
    background:url(http://www.dpskolkata.com/wp-content/themes/dpsruby/images/footer-top-bg-tab.webp) 0 0 no-repeat;
    background-size:100% auto;
    background-attachment:fixed;
    position:relative;
    padding:7% 0
  }
  span.overly-bg {
    display:block!important;
    width:100%!important;
    height:100%!important;
    background:rgba(0,32,91,.82);
    z-index:1
  }
  .footer-top .container,
  .footer-top .container-md,
  .footer-top .container-sm {
    position:relative;
    z-index:2
  }
  .footer-top .h2,
  .footer-top h2 {
    font-size:2.8rem;
    line-height:3.4rem;
    margin:0 0 16px
  }
  .footer-top .h3,
  .footer-top h3 {
    font-size:1.6rem;
    line-height:2.2rem
  }
  .footer-top ul li {
    border-radius:10px
  }
  .footer-top ul li a {
    padding:8px;
    border-radius:10px
  }
  .footer-link-info .row>div {
    margin-bottom:0
  }
  .footer-link-info .row>div:first-child {
    margin-bottom:30px
  }
  .footer-link-info ul li:last-child a {
    border-bottom:none
  }
  .footer-mid {
    padding:30px 0
  }
  .footer-bot a {
    color:#435c8d
  }
  .footer-bot .col-3 {
    text-align:right
  }
  .landmark-links {
    text-align:center
  }
  .landmark-links li {
    margin:5px 10px 5px 13px
  }
  .back-to-top {
    height:36px;
    width:36px;
     bottom:92px;
  right:22px;
  }
  .arrow-down-blue::after,
  .arrow-down-white::before {
    border-left:25px solid transparent;
    border-right:25px solid transparent;
    border-top:20px solid #1a293d;
    border-top:20px solid rgba(0,32,91,.95);
    margin-left:-13px
  }
  .arrow-down-blue::after {
    bottom:-20px
  }
  .arrow-down-white::before {
    border-top:20px solid #fff!important
  }
}
@media only screen and (min-width:921px) {
  .scroll-text {
    padding:12px 0
  }
  .header-mid-left li {
    margin:0 16px 0 0
  }
  .header-mid-right li {
    margin:0 0 0 10px;
    width:28px;
    height:28px
  }

}
@media only screen and (min-width:993px) {
  .footer-link-info .row>div:first-child {
    margin-bottom:0
  }
}
@media only screen and (max-width:1024px) {
  .mob-m-b {
    display:inline-block
  }
  .top-mob-m-b {
    display:inline-block
  }
  .main-menu-wrap {
    padding:34px 10px;
    position:fixed;
    right:-280px;
    top:0;
    width:280px;
    height:100vh;
    z-index:1111;
    font-size:1.4rem;
    line-height:1.8rem;
    text-align:left;
    background:#fff;
    -webkit-transition:all .3s;
    -khtml-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    overflow-x:hidden;
    overflow-y:auto
  }
  .top-main-menu-wrap {
    padding:34px 10px;
    position:fixed;
    left:-240px;
    top:0;
    width:240px;
    height:100vh;
    z-index:1111;
    text-align:left;
    background:#fff;
    -webkit-transition:all .3s;
    -khtml-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    overflow-x:hidden;
    overflow-y:auto
  }
  .pixmenu-active .main-menu-wrap {
    right:0
  }
  .top-pixmenu-active .top-main-menu-wrap {
    left:0
  }
  .menu-overlay {
    background:rgba(0,0,0,.7);
    position:fixed;
    width:100%!important;
    height:100%!important;
    z-index:111;
    top:0;
    right:0;
    font-size:0;
    line-height:0;
    display:none
  }
  .top-menu-overlay {
    background:rgba(0,0,0,.7);
    position:fixed;
    width:100%!important;
    height:100%!important;
    z-index:1111;
    top:0;
    right:0;
    font-size:0;
    line-height:0;
    display:none
  }
  .main-menu-wrap ul li {
    padding:0 0 0 14px
  }
  .main-menu-wrap ul li a {
    border-bottom:1px solid #ccc
  }
  .main-menu-wrap ul li li {
    font-size:1.3rem;
    line-height:1.9rem;
    font-weight:400;
    text-transform:none
  }
  .main-menu-wrap ul li li a {
    border-bottom:1px dashed #ccc
  }
  .main-menu-wrap ul li li li a {
    border-bottom-color:#ddd
  }
  .main-menu-wrap ul li:last-child {
    border-bottom:none
  }
  .main-menu-wrap ul li a {
    padding:8px 1px;
    color:#303030;
    display:block
  }
  .close-m-btn {
    position:absolute;
    right:10px;
    top:10px;
    color:#787878;
    font-size:1.4rem;
    line-height:2.4rem;
    border-radius:50%;
    border:1px solid #787878;
    display:block;
    width:24px;
    height:24px;
    cursor:pointer;
    text-align:center
  }
  .mob-m-b {
    width:28px;
    height:28px
  }
  .mob-m-b svg {
    width:28px;
    height:28px;
    fill:#565656
  }
  .header-mid-left {
    text-transform:none
  }
  .top-main-menu-wrap ul li {
    padding:2px 0;
    display:block;
    border-bottom:1px solid #ccc
  }
  .top-main-menu-wrap ul li a {
    padding:7px 2px;
    display:block
  }
  .top-main-menu-wrap ul li:last-child {
    border-bottom:none;
    padding-bottom:0
  }
  .top-close-m-btn {
    position:absolute;
    right:10px;
    top:10px;
    color:#787878;
    font-size:1.4rem;
    line-height:2.4rem;
    border-radius:50%;
    border:1px solid #787878;
    display:block;
    width:24px;
    height:24px;
    cursor:pointer;
    text-align:center
  }
  .top-mob-m-b {
    width:24px;
    height:24px
  }
  .top-mob-m-b svg {
    width:24px;
    height:24px;
    fill:#565656
  }
  .header-mid .header-mid-left {
    text-align:left
  }
  .header-mid-right {
    text-align:right
  }
}
@media only screen and (min-width:1024px) {
  .search-popup-box {
    margin-top:-8%
  }
  .search-close-btn {
    right:46px
  }
}
@media only screen and (min-width:1025px) {
  .top-main-menu-wrap .cbse-circular-btn a:hover {
    color:#fff
  }
  .header-bot .header-bot-right {
    font-size:1.4rem;
    line-height:2.2rem
  }
  .header-menu ul {
    display:inline-block
  }
  .header-menu li:first-child {
    margin-left:0
  }
  .header-menu li a {
    color:#252525
  }
  .header-menu li a:hover {
    color:#008d42
  }
  .header-mid-left li a:hover,
  .header-mid-left li.current_page_item a {
    color:#ff8400
  }
  .header-mid-left li.current_page_item a,
  .header-mid-left li.current_page_item a:hover {
    color:#00c969
  }
  .header-bot {
    padding:8px 0
  }
  .header-bot .logo a {
    max-width:294px
  }
  .main-menu li.menu-item-has-children>a::after {
    display:inline-block;
    content:"";
    width:1px;
    height:1px;
    margin:0;
    border:solid #252525;
    border-width:0 1px 1px 0;
    padding:2px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    position:absolute;
    right:8px;
    top:12px
  }
  .main-menu li li.menu-item-has-children>a::after {
    border-width:0 1px 1px 0;
    padding:2px;
    margin:0 0 2px 10px;
    transform:rotate(316deg);
    -webkit-transform:rotate(316deg);
    right:4px;
    top:14px
  }
  .main-menu li.menu-item-has-children a {
    padding-right:22px
  }
  .main-menu li {
    position:relative;
    display:block;
    padding-top:6px;
    padding-bottom:6px
  }
  .main-menu>li>a {
    padding:6px 22px 6px 9px;
    border-radius:3px
  }
  .main-menu>li.current-menu-ancestor>a,
  .main-menu>li.current-menu-item>a {
    background:#00c969;
    color:#fff
  }
  .main-menu li.menu-item-has-children.current-menu-ancestor>a::after,
  .main-menu li.menu-item-has-children.current-menu-item>a::after {
    border-color:#fff;
    right:8px
  }
  .main-menu>li ul {
    position:absolute;
    left:0;
    top:0;
    margin-top:32px;
    background:#fff;
    padding:0 10px;
    width:230px;
    text-align:left;
    font-size:1.4rem;
    line-height:2rem;
    font-weight:400;
    box-shadow:0 0 3px #e0e0e0;
    opacity:0;
    visibility:hidden;
    z-index:3;
    -webkit-transition:all .3s;
    -khtml-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
  }
  .main-menu>li:hover>ul {
    visibility:visible;
    top:0;
    opacity:1;
    margin-top:36px
  }
  .main-menu>li>ul li {
    padding:6px 5px;
    margin:0;
    display:block;
    border-bottom:1px dashed #bbb;
    text-transform:none
  }
  .main-menu>li>ul li:last-child {
    border-bottom:none
  }
  .main-menu>li>ul li a:hover,
  .main-menu>li>ul li.current-menu-item a {
    color:#008d42
  }
  .main-menu>li>ul>li>ul {
    position:absolute;
    left:220px;
    top:0;
    visibility:hidden;
    opacity:0
  }
  .main-menu>li>ul>li:hover ul {
    visibility:visible;
    top:0;
    opacity:1
  }
  .header-menu li {
    display:inline-block;
    margin-left:3px
  }
  .header-bot .header-bot-right {
    font-size:1.2rem;
    line-height:2.2rem
  }
  .scroll-text a:hover {
    color:#8ee700
  }
  .search-popup-box {
    margin-top:-8%
  }
  .search-close-btn {
    right:46px
  }
  .footer-top {
    background:url(http://www.dpskolkata.com/wp-content/themes/dpsruby/images/footer-top-bg.jpg) 0 0 no-repeat;
    background:url(http://www.dpskolkata.com/wp-content/themes/dpsruby/images/footer-top-bg.webp) 0 0 no-repeat;
    background-size:100% auto;
    background-attachment:fixed
  }
  .footer-top .h2,
  .footer-top h2 {
    font-size:3.2rem;
    line-height:3.8rem;
    margin:0 0 20px
  }
  .footer-top .h3,
  .footer-top h3 {
    font-size:1.8rem;
    line-height:2.4rem
  }
  .footer-mid {
    padding:50px 0
  }
  .footer-link-info ul li a:hover {
    -webkit-transition:all .6s ease-in;
    transition:all .6s ease-in;
    color:#7288b1
  }
  .footer-link-info ul li.current-menu-item a:hover {
    color:#7288b1
  }
  .footer-link-info ul li a:hover::before {
    color:#7288b1;
    margin-left:4px
  }
  .footer-link-info ul li.current-menu-item a:hover::before {
    color:#666
  }
  .news-img a:hover {
    opacity:.5;
    border:none
  }
  .footer-bot a:hover {
    color:#1f458f
  }
  .back-to-top {
    height:42px;
    width:42px
  }
}
@media only screen and (min-width:1200px) {
  .header-bot .header-bot-right {
    font-size:1.4rem;
    line-height:2.4rem
  }
  .header-bot {
    padding:12px 0
  }
  .header-menu li {
    margin-left:6px
  }
  .header-bot .header-bot-right {
    font-size:1.4rem;
    line-height:2.2rem
  }
  .main-menu>li>a {
    padding:6px 22px 6px 10px;
    border-radius:3px
  }
  .footer-top {
    padding:8% 0
  }
}
@media only screen and (min-width:1600px) {
  .header-bot .header-bot-right {
    font-size:1.4rem;
    line-height:2.2rem
  }
  .header-menu li {
    margin-left:28px
  }
}
.tab-btn-blue,
.tab-btn-green {
  text-align:center;
  cursor:pointer;
  font-size:1.4rem;
  line-height:2.4rem;
  display:inline-block;
  padding:7px 14px;
  margin:3px 6px 3px 0;
  border-radius:5px 5px 5px 5px;
  color:#fff!important;
  border-bottom:none!important
}
.tab-btn-green {
  background:#05a65b
}
.tab-btn-blue {
  background:#00205b
}
@media only screen and (min-width:1025px) {
  .tab-btn-blue,
  .tab-btn-green {
    font-size:1.5rem;
    line-height:2.5rem
  }
  .tab-btn-blue:hover {
    background:#05a65b
  }
}
.featured-media {
  margin:0
}
.featured-media img {
  width:100%;
  height:auto;
  display:block
}
.breadcrumb {
  display:none!important
}