body{background-color:#f2f2f2;height:5000px}
.wrapper{width:100%;overflow:hidden;position:absolute;top:765px}
p{font-size:16px;line-height:30px}
ul{padding:0}
ul li{list-style:none}
@font-face {
  font-family: 'OpenSans-Regular';
  src: url('../fonts/OpenSans-Regular.ttf');
}
*{font-family:'OpenSans-Regular'}
.div-padding{padding-top:25px;padding-bottom:25px}
/* start title */
@font-face {
  font-family: 'Lato-Light';
  src: url('../fonts/Lato-Light.ttf');
}
h1,h2,h3,h4,h5,h6,.navbar-inverse .navbar-nav > li > a{
  font-family: 'Lato-Light'
}
h2{color:#0075ba;text-transform:uppercase;font-family: 'Lato-Light';text-align:center}
h2 span{color:#544a64}
.title {
  position: relative;
  display: block;
  margin:-10px auto 30px;
  width:100%;
  text-align:center;
  font-weight:bold;
}
.title span {
  display:inline-block;
  position:relative;
  font-weight:700;
  font-style:italic;
  font-size:1.5em;
}

.title span::before{
  content: "";
  width:3vw;
  border-top:2px solid #544a64;
  position:absolute;
  height:0;
  top:.8em;
  right:100%;
  margin-right:.5em;
  opacity:.7;
}

.title span::after{
  content: "";
  position:absolute;
  width:3vw;
  border-top:2px solid #544a64;
  top:.8em;
  margin-left:.5em;
  opacity:.7;
}
.title img{margin-top:10px}
/* end title */
/* start header */
.navbar-inverse {
  background-color: rgba(79, 79, 79, 0.8);
  border-color: rgba(79, 79, 79, 0.8);
}
.navbar-inverse .navbar-nav > li > a::first-letter{font-size:150%}
.navbar-inverse .navbar-nav > li > a{color:#fff;text-transform:uppercase;padding-top:30px;padding:30px 25px;font-size:14px;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus,.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  color: #80cefd;background-color:rgba(8, 8, 8, 0)
}
header .overlay{background-color:rgba(0, 0, 0, 0.4);padding-top:15px}
header{
  width:100%;position:relative;
  background: url(../img/header1.jpg) no-repeat center center fixed;
  min-height:810px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover
}
.header-text1{text-align:center;margin:20px auto}
.header-text1 p{font-size:25px;color:#a7a7a7;text-transform:uppercase;font-size:44px;line-height:50px}
.header-text1 span{color:#fdd57e}
.school-video:hover{opacity:.8}
.header-text2{background-color:rgba(0, 0, 0, 0.65);padding:15px;margin:20px auto;overflow:hidden}
.header-text2 p{
  color: #77787b;
  font-size: 14px;
  line-height: 23px;
  margin-bottom: 0;}
  .header-text2 span{color:#544a64;float:right}
  header .school-img{border:10px solid rgba(212, 212, 212, 0.7)}
  h3.h4{color:#c6c6c6;margin-bottom:20px}
  .school-div:hover{text-decoration:none;opacity:.8;}
  .school-div:hover h3.h4{text-decoration:none;color:#fdd57e}
  .school-div{display:inline-block}
  .news-link,.events-link{position:absolute;right:0;top:140px;width:100px;height:100px;background-color:#544a64;border-radius:5px 0 0 5px;text-align:center;color:#fff;text-transform:uppercase}
  .news-link img,.events-link img{display:block;margin:10px auto}
  .news-link:hover,.events-link:hover{color:#fff;opacity:.8;text-decoration:none}
  .events-link{top:260px}
  /* end header */
  /* start message */
  .message{width:100%;background-color:#e1e1e1;margin:0}
  .img-border{border-radius: 50%;border: 10px solid rgba(0, 0, 0, 0.07);max-width:100%}
  .message p{color:#747474}
  .signature {
    text-align: right;
    width: 100%;
    padding-top: 25px;
  }
  /* end message */
  /* start about */
  .background1{
    width:100%;position:relative;
    background: url(img/about.jpg) no-repeat center center fixed;
    min-height:475px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
  }
  .overlay{position:absolute;width:100%;height:100%;background-color:rgba(84, 74, 100, 0.7);top:0;right:0}
  .background1 p,.background1 li{color:#e0e0e0}
  .background1 li{line-height:30px}
  .background1 h2 span,.background1 .fa{color:#efca7a}
  .background1 h2{color:#fff}
  .background1 .fa{margin-right:10px;font-size:18px}
  .title2 span::before,.title2 span::after{border-top:2px solid #efca7a}
  /* start button */
  .button-div{padding-top:20px;padding-bottom:20px}
  .web-btn{    
    background-color: #fdd57e;
    padding: 12px 30px;
    color: #3e374b;
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 48px;
    overflow:hidden
  }
  .web-btn:hover{ text-decoration:none}
  /* Shutter Out Vertical */
  .hvr-shutter-out-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: ##fdd57e;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .hvr-shutter-out-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #0075ba;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    
  }
  .hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
    color: #fdd57e;
  }
  .hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  /* end button */
  /* end about */
  /* start three schools */
  .title3 span::before,.title3 span::after{border-top:2px solid #0075ba}
  .school{border:1px solid #d4d4d4;min-height:598px}
  .school h2{font-size:18px}
  .school-img{
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background-color: #fff;
    overflow: hidden;
    margin:0 auto 20px;
    padding-top: 22px;
    text-align: center;
    border:1px solid #d4d4d4
  }
  .school-img2{background-color:#efedde;padding-top:40px}
  .school-img img{max-width:90%;max-height:100%}
  .school li{ color: #a8a8a8; text-align: center; line-height: 30px;}
  ul.nav.nav-pills li {width: 33.33%;margin-left:0}
  .nav-pills > li > a{background-color:#b9b9b9;padding:11px;border-radius:0}
  .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {background-color: #8c8c8c;}
  .nav > li > a > img{height:20px}
  .nav > li > a:hover, .nav > li > a:focus { background-color: #cbcbcb}
  .tab-pane ul li span{color:#0075ba;text-transform:uppercase}
  .tab-pane ul{margin-top:10px}
  .tab-content{padding-left:5px;padding-right:5px}
  /* end three schools */
  /* start Best Curriculums */
  .background2{
    background: url(../img/Curriculums.png) no-repeat center center fixed;min-height:560px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  .owl-carousel .owl-item img{height:266px}
  .Curriculums{overflow:hidden;padding-left:15px;padding-right:15px}
  .Curriculums h4{margin-top:0;margin-bottom:5px;text-transform:uppercase}
  .Curriculums .Curriculums-details{background-color:#fff;text-align:center;padding-top:10px;padding-bottom:10px}
  .Curriculums p{color:#696969}
  .Curriculums a:hover{text-decoration:none;}
  .Curriculums a{display:block;}
  .Curriculums-img{width:100%;position:relative;height:266px}
  .overlay2{position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.65);top:0;right:0;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
  .Curriculums:hover .overlay2{background-color:rgba(0, 0, 0, 0.3)}
  .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color:#fdd57e}
  .owl-theme .owl-nav.disabled + .owl-dots{margin-top:30px}
  .owl-theme .owl-nav{margin-top:-17%;text-align:initial;position:relative}
  .owl-prev{position:absolute;left:-50px}
  .owl-next{position:absolute;right:-50px}
  .owl-theme .owl-nav [class*='owl-']{
    position:absolute;
    background: rgba(149, 149, 149, 0);
    border: 1px solid #959595;text-align:center;
    width: 40px;height:40px;border-radius:50%
  }
  .owl-nav .fa{margin-right:0;color:#efedde;line-height:30px}
  .owl-theme .owl-dots{margin-top:19.5%}
  /* end Best Curriculums */
  /* start gallery */
  .gallery-text{color:#bcbcbc;width:65%;margin:auto;text-align:center;margin-bottom:30px}
  #lightgallery li {
    overflow: hidden;
    height: 250px;
    margin-bottom: 25px;
  }
  #lightgallery img{min-height:100%;min-width:100%;border:1px solid #eeeeee;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
  #lightgallery img:hover{opacity:.8}
  .mix{display:none}
  .shuffle{text-align:center}
  .shuffle li.selected:hover {
    cursor: default;
  }
  .shuffle li:hover {
    cursor: pointer;
  }
  .shuffle li.selected {
    background-color: #0075ba;
    color: #fff;
  }
  .shuffle li {
    display: inline-block;
    margin-left: 4px;
    margin-right: 4px;
    color: #6f6f6f;
    padding: 6px 18px;
    margin-bottom: 18px;
    text-transform: uppercase;
    font-size: 16px;
  }
  #lightgallery .mix a {
    width: 100%;
    height: 100%;
    display: inherit;
    overflow: hidden;
  }
  /* end gallery */
  /* start achievement */
  .background3{
    background: url(img/achievement.jpg) no-repeat center center fixed;min-height:580px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  .background3 .overlay{background-color:rgba(255, 255, 255, 0.3)}
  .achieve{
    text-align: center;
    background-color: rgba(84, 74, 100, 0.5);
    border-radius: 3px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .achieve p {
    font-size: 26px;
    margin-top: 10px;
  }
  h5{color:#efca7a}
  .achieve-div img{max-height:100%;max-width:100%}
  .achieve-div { width: 100%;overflow: hidden;background-color:rgba(255, 255, 255, 0.48);border-bottom:6px solid rgba(24, 110, 169, 0.75);margin-top:40px}
  .achieve-div h4 {
    color: #544a64;
    line-height: 25px;
    text-transform: uppercase;
    font-weight: bold;
  }
  .achieve-div p {
    font-size: 15px;
    line-height: 21px;
  }
  .background3 .achieve-div div{padding-left:0}
  /* end achievement */
  /* start events */
  .background5{
    background: url(img/events.jpg) no-repeat center center fixed;min-height:465px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
  }
  .background5 .overlay{background-color:rgba(0, 117, 186, 0.4)}
  .background5 h2{color:#efca7a}
  .background5 h2 span{color:#fff}
  .background5 .title span::before,.background5 .title span::after{border-top:2px solid #fff}
  .owl-carousel .owl-item .events li img{width:auto;height:auto;display:inline-block;}
  .events span {
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;margin-right:7px
  }
  .events .achieve-div h4{color:#fdd57e;margin-top:0}
  .events .achieve-div p{color:#9d9d9d}
  .events .achieve-div {
    background-color: rgba(255, 255, 255, 0);
    border-bottom: 6px solid rgba(24, 110, 169, 0);
    margin-top: 0;
  }
  .background1 .events li{line-height:40px}
  .event-img{height:215px;overflow:hidden;position:relative}
  .event-img span{position:absolute;top:0;left:15px;background-color:rgba(84, 74, 100, 0.88); width: 45px;
    height: 45px;
    color: #dcdcdc;
    text-transform: uppercase;display:table}
    .events:hover{opacity:.8}
    /* end events */
    /* start news */
    .news-img{width:100%;height:230px;overflow:hidden}
    .news-img img { max-width: none; max-height: 100%;border-top:1px solid #e4e4e4;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;width:auto !important;min-width:100%}
    .news-details {width: 100%; overflow: hidden;}
    .news-date{width:30%;float:left;background-color:#fdd57e;height:50px;color:#fff;text-align: center;
      font-size: 16px;
      line-height: 10px;padding-top:9px}
      .news-title{width:70%;float:left;background-color:rgba(0, 0, 0, 0.54);height:50px;color:#fff;    padding-left: 7px;
        padding-top: 3px;}
        .news-text:hover a{text-decoration:none;opacity:.8}
        .news:hover a {text-decoration: none;}
        .news-title a{color:#fff}
        .news-text{color:#102133;margin-top:7px}
        .news-text a{color:#0075ba;font-weight: bold;}
        .news{width:90%;margin:auto}
        .news:hover .news-title a{color:#efca7a}
        .news:hover img{opacity:.8}
        #slider2 .owl-nav .fa{color:#0075ba}
        .news-container{background-color:#efedde;width:100%}
        .news-container .owl-theme .owl-dots .owl-dot.active span,.news-container .owl-theme .owl-dots .owl-dot:hover span {
          background-color: #242424;
        }
        /* end news */
        /* start footer */
        footer{width:100%}
        .background4{
          background: url(../img/footer.png) no-repeat center center;min-height:240px;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
        }
        footer ul li{display:inline-block;margin:0 20px}
        footer ul li a{color:#fff;text-transform:uppercase;font-size:16px}
        footer .logo{max-width:130px}
        footer ul{margin-top:30px;margin-bottom:30px}
        footer ul li a:hover{color:#efca7a;text-decoration:none;opacity:.85}
        /* end footer */
        /* start copyrights */
        .copyrights{width:100%;background-color:#544a64;color:#fff;text-align:center;padding:15px}
        /* end copyrights */
        /* start responsive */
        @media screen and (max-width:1200px) {
          img.logo-header{max-width:100%}
          .navbar-inverse .navbar-nav > li > a{padding:15px 10px;font-size:12px}
          .header-text1 p{font-size:30px;line-height:35px}
          .school-img{width:120px;height:120px;padding-top:15px}
          .school-img2{padding-top:20px}
          .school li{line-height:21px}
          .school{min-height:540px}
          header{min-height:730px}
          .wrapper{top:685px}
          .shuffle li{padding:6px 15px;font-size:15px}
          .achieve p{font-size:18px}
          .background3{min-height:850px}
          .background2 .owl-theme .owl-nav{margin-top:-28%}
          .background2 .owl-theme .owl-dots { margin-top: 32.5%;}
          .background5{min-height:620px}
          .background5 .owl-theme .owl-nav{margin-top:-32%}
          .background5 .owl-theme .owl-dots{margin-top:34.5%}
          .news-container .owl-theme .owl-nav{margin-top:-33%}
          .news-container .owl-theme .owl-dots {margin-top: 36.5%;}
          .news-container{min-height:600px}
        }
        @media screen and (max-width:979px) {
          .news-link, .events-link{top:100px}
          .events-link{top:190px}
          .news-link, .events-link{width:75px;height:75px}
          .news-link img, .events-link img{max-height:40%}
          .navbar-inverse .navbar-nav > li > a {
            padding: 15px 14px;
            font-size: 11px;
          }
        }
        @media screen and (max-width:767px) {
          .wrapper{top:1070px}
          header{min-height:1130px}
          h2{font-size:23px}
          .background1{min-height:630px}
          .achieve{margin-bottom:10px}
          .school{min-height:470px}
          .background2{min-height:540px}
          #lightgallery li{height:200px}
          .background3{min-height:940px}
          .background5{min-height:660px}
          .news-container{min-height:500px}
          footer ul li a{font-size:13px}
          footer ul li{margin:0 10px}
          .background4{min-height:250px}
          .web-btn{padding:9px 24px;font-size:17px}
        }
        @media screen and (max-width:480px) {
          .main-header .col-xs-4,.main-header .col-xs-8{width:50%}
          .navbar-inverse .navbar-nav > li > a {
            padding: 6px 4px;
            font-size: 13px;
            text-align: center;
          }
          .news-link, .events-link{width:55px;height:55px;font-size:12px}
          .news-link img, .events-link img{margin:7px auto;max-width:34%}
          .events-link{top:170px}
          .header-text1 p {
            font-size: 17px;
            line-height: 20px;
          }
          .header-text1 {
            text-align: center;
            margin: 20px auto 20px 10px;
            width: 72%;
          }
          .wrapper{top:1190px}
          header{min-height:1215px}
          h2{font-size:16px}
          p {
            font-size: 13px;
            line-height: 25px;
          }
          .background1{min-height:775px}
          .web-btn{padding:8px 19px;font-size:15px}
          .background2{min-height:540px}
          .shuffle li{margin-bottom:9px}
          .shuffle li {
            padding: 6px 4px;
            font-size: 13px;
          }
          #lightgallery li{height:110px}
          .achieve-div h4{font-size:14px;line-height:20px}
          .background3{min-height:1120px}
          .background5{min-height:625px}
          .background4{min-height:270px}
          .copyrights{font-size:12px;padding:8px}
        }
        @media screen and (max-width:320px) {}
/* end responsive */