/*Theme Name: Lahore Grammar SchoolAuthor: Xdimensions Team*/@font-face  {
      font-family:  'robotobold';
    ie  src:  url("fonts/Roboto-Bold-webfont.eot");
      src:  url("fonts/Roboto-Bold-webfont.eot?#iefix") format("embedded-opentype"),  url("fonts/Roboto-Bold-webfont.woff") format("woff"),  url("fonts/Roboto-Bold-webfont.ttf") format("truetype"),  url("fonts/Roboto-Bold-webfont.svg#robotobold") format("svg");
      font-weight:  normal;
      font-style:  normal;
 }
@font-face  {
      font-family:  'robotothin';
      src:  url("fonts/Roboto-Thin-webfont.eot");
      src:  url("fonts/Roboto-Thin-webfont.eot?#iefix") format("embedded-opentype"),  url("fonts/Roboto-Thin-webfont.woff") format("woff"),  url("fonts/Roboto-Thin-webfont.ttf") format("truetype"),  url("fonts/Roboto-Thin-webfont.svg#robotothin") format("svg");
      font-weight:  normal;
      font-style:  normal;
 }
@font-face  {
      font-family:  'robotoregular';
      src:  url("fonts/Roboto-Regular-webfont.eot");
      src:  url("fonts/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"),  url("fonts/Roboto-Regular-webfont.woff") format("woff"),  url("fonts/Roboto-Regular-webfont.ttf") format("truetype"),  url("fonts/Roboto-Regular-webfont.svg#robotoregular") format("svg");
      font-weight:  normal;
      font-style:  normal;
 }
@font-face  {
      font-family:  'robotomedium';
      src:  url("fonts/Roboto-Medium-webfont.eot");
      src:  url("fonts/Roboto-Medium-webfont.eot?#iefix") format("embedded-opentype"),  url("fonts/Roboto-Medium-webfont.woff") format("woff"),  url("fonts/Roboto-Medium-webfont.ttf") format("truetype"),  url("fonts/Roboto-Medium-webfont.svg#robotomedium") format("svg");
      font-weight:  normal;
      font-style:  normal;
 }
::-webkit-input-placeholder  {
      color:  #88b6d1;
 }
:-moz-placeholder  {
      /* Firefox 18- */  color:  #88b6d1;
 }
::-moz-placeholder  {
      /* Firefox 19+ */  color:  #88b6d1;
 }
:-ms-input-placeholder  {
      color:  #88b6d1;
 }
/* CSS Document */body  {
      margin:  0;
      min-width:  980px;
      padding:  0;
 }
a  {
      text-decoration:  none;
      color:  #88b6d1;
      font-family:  'robotoregular';
 }
p  {
      font-size:  16px;
 }
p,  ul  {
      font-family:  sans-serif;
      list-style:  outside none none;
      margin:  0;
      padding:  0;
 }
img  {
      border:  0;
 }
h1,  #pixels  {
      font-family:  "Museo 900",  Verdana,  serif;
      font-size-adjust:  0.40;
      font-weight:  700;
      font-style:  normal;
 }
h2  {
      font-family:  "Beau Sans Pro Book",  Verdana,  sans-serif;
      font-size-adjust:  0.531;
      font-weight:  500;
      font-style:  normal;
 }
#header h1,  #pixels  {
      color:  #48941A;
 }
.float-left  {
      float:  left;
      margin:  0 0 0 20px;
 }
.float-right  {
      float:  right;
      margin:  0 20px 0 0;
 }
.center  {
      font-size:  2.5em;
      padding:  80px 0 0 0;
      text-align:  center;
 }
#nav  {
      list-style:  none;
      position:  fixed;
      right:  20px;
 }
#nav li  {
      margin:  0 0 15px 0;
 }
#header,  #intro,  #second  {
      width:  100%;
 }
#intro  {
      color:  white;
      float:  left;
      margin:  0 auto;
      padding:  0;
 }
#second  {
      background:  #076883 none repeat scroll 0 0;
      color:  white;
      float:  left;
      margin:  0 auto;
      overflow:  hidden;
      padding:  0;
 }
.newsEvents  {
      background:  #086983 url("images/newsBg.png") no-repeat scroll left top/100% auto;
      color:  white;
      min-height:  400px;
      width:  100%;
 }
#third  {
      background:  url(images/SectionMain.png) 100% 0 repeat-y fixed;
      color:  white;
      background-size:  100%;
      width:  100%;
      float:  left;
 }
#fifth  {
      background:  url(images/SectionMain2.png) 100% 0 repeat-y fixed;
      color:  white;
      background-size:  100%;
      width:  100%;
      float:  left;
 }
#sixth  {
      background:  #04517e;
      color:  white;
      background-size:  100%;
      width:  100%;
      float:  left;
 }
#seventh  {
      background:  url(images/SectionMain3.png) 100% 0 repeat-y fixed;
      color:  white;
      background-size:  100%;
      width:  100%;
      float:  left;
 }
#eighth  {
      background:  url(images/SectionMain2.png) 100% 0 repeat-y fixed;
      color:  white;
      background-size:  100%;
      width:  100%;
      float:  left;
 }
#orgBg1  {
      background:  url(images/orgBg1.png) 100% 0 repeat-y fixed;
      color:  white;
      background-size:  100%;
      width:  100%;
      float:  left;
 }
#orgBg2  {
      background:  url(images/orgBg2.png) 100% 0 repeat-y fixed;
      color:  white;
      background-size:  100%;
      width:  100%;
      float:  left;
 }
.greyBg1  {
      background:  url(images/greyBg1.png) 100% 0 repeat-y fixed;
      color:  white;
      background-size:  100%;
      width:  100%;
      float:  left;
 }
.greyBg2  {
      background:  url(images/greyBg2.png) 100% 0 repeat-y fixed;
      color:  white;
      background-size:  100%;
      width:  100%;
      float:  left;
 }
.greyBg3  {
      background:  transparent url("images/careerBg.png") repeat-y fixed 100% 0/100% auto;
      color:  white;
      float:  left;
      width:  100%;
 }
#nineth  {
      background:  url(images/SectionMain4.png) 100% 0 repeat-y fixed;
      color:  white;
      background-size:  100%;
      width:  100%;
      float:  left;
 }
.nineth  {
      background:  url(images/SectionMain4.png) 100% 0 repeat-y fixed;
      color:  white;
      background-size:  100%;
      width:  100%;
      float:  left;
 }
.noticeBoard  {
      background:  url(images/SectionMain5.png) 100% 0 repeat-y fixed;
      color:  white;
      background-size:  100%;
      width:  100%;
      float:  left;
 }
.story  {
      margin:  0 auto;
      min-width:  980px;
      overflow:  auto;
      width:  980px;
 }
.story .float-left,  .story .float-right  {
      padding:  100px 0 0 0;
      position:  relative;
      width:  350px;
 }
/*================================*/body  {
      float:  left;
      width:  100%;
      overflow-x:  hidden;
 }
.header  {
      background:  #022b43 none repeat scroll 0 0;
      float:  left;
      position:  relative;
      width:  100%;
 }
.wrapper  {
      margin:  0 auto;
      width:  1280px;
 }
.logo  {
     
      margin-left:  20px;
      padding:  6px 0;
 }
.logo img  {
      max-width:  70px;
 }
.header-right  {
      float:  left;
      width:  100%;
     margin-left: 0% }

@media (min-width: 950px) {
    .header-right .topHeader {
        position: absolute;
        right: 5%;
        top: 35%;
        transform: translateY(-35%);
    }
}
.header-right .topHeader  {
     float:  right;
    margin-top:  15px;
    width:  300px;
 }
.header-right .header-left-002  {
    
    margin-top: 20px;
    margin-left: 7px;
    font-family: "robotobold";
    font-size:  16px;
 }
.header-text-002  {
    margin-top: 5px;
   
    font-family: "robotoregular";
    font-size:  16px;
}
.header-right .bottomHeader  {
      float:  left;
      padding:  10px 0 0;
      width:  100%;
 }
.mainMenu  {
      float:  left;
      width:  100%;
 }
@media only screen and (min-width: 1265px) {
    .mainMenu ul {
        display: flex;
    justify-content: center;
    }
  }
.mainMenu ul  {
      float:  left;
      width:  100%;
      margin:  0px;
      padding:  0px;
 }
.mainMenu ul li  {
      border-bottom:  5px solid #022b43;
      color:  #88b6d1;
      float:  left;
      font-family:  "robotobold";
      font-size:  17px;
      list-style:  outside none none;
      padding:  6px 20px 10px;
      position:  relative;
      text-transform:  uppercase;
 }
.mainMenu ul li > ul  {
      background:  transparent url("images/submenu.png") repeat scroll left top;
      display:  none;
      float:  left;
      left:  0;
      margin:  0;
      min-width:  250px;
      padding:  0;
      position:  absolute;
      right:  0;
      top:  42px;
      z-index:  999999;
 }
.mainMenu ul li > ul li  {
      border-bottom:  2px solid #88b6d1;
      color:  #022b43 !important;
      float:  left;
      font-family:  Arial;
      font-size:  16px;
      padding:  10px 12% 10px 10% !important;
      text-transform:  uppercase;
      width:  78% !important;
 }
.mainMenu ul li > ul li a  {
      color:  #022b43 !important;
      float:  left;
      font-family:  "robotobold";
      font-size:  16px;
      text-transform:  uppercase;
 }
.mainMenu > ul > li:hover > ul  {
      display:  block !important;
 }
.mainMenu ul li.current_page_item,  .mainMenu ul li.current-menu-parent,  .mainMenu ul li.current  {
      border-bottom:  5px solid #ddd !important;
 }
.socialIcons  {
      float:  left;
      width:  32px;
 }
.socialIcons a  {
      margin-right:  5px;
      float:  left;
 }
.searchBar  {
        background:  #2680a8;
        padding:  5px 10px;
        float:  left;
        border-radius:  5px;
        margin-right:  8px;
        margin-left:  15px;
}
.searchBar input[type="text"]  {
      background:  none;
      border:  none;
      height:  20px;
      font-size:  16px;
      color:  #88b6d1;
 }
.searchBar #searchBtn  {
      float:  right;
      border:  none;
      background:  url("images/searchBtn.png") no-repeat left top;
      width:  20px;
      height:  20px;
      cursor:  pointer;
 }
.container  {
      margin:  0 auto;
      position:  relative;
      width:  1170px;
 }
.banner  {
      float:  left;
      width:  100%;
      position:  relative;
 }
.banner img  {
      width:  100%;
 }
.banner .bx-caption  {
      float:  left;
      width:  100%;
      background:  url(images/bgLayer.png) repeat left top !important;
      height:  55px;
      position:  absolute;
      bottom:  0px;
      display:  block;
      font-size:  30px;
      font-family:  sans-serif;
      text-align:  center;
      vertical-align:  middle;
      padding-top:  3px;
 }
.orgCap .bx-caption  {
      float:  left;
      width:  100%;
      background:  url(images/orgLayer003.png) repeat left top !important;
      height:  50px;
      position:  absolute;
      bottom:  0px;
      display:  block;
      font-size:  35px;
      font-family:  sans-serif;
      text-align:  center;
      vertical-align:  middle;
      padding-top:  20px;
 }
.sectionTitle  {
      float:  left;
      padding-top:  2px;
      width:  100%;
 }
.sectionTitle2  {
      float:  left;
      padding-bottom:  15px;
      padding-top:  35px;
      width:  100%;
 }
.sectionTitle h2  {
      font-family:  "robotothin";
      font-size:  35px;
      margin:  0 0 10px;
      text-align:  left;
      text-transform:  uppercase;
 }
.sectionTitle3 h2  {
      font-family:  "robotothin";
      font-size:  34px;
      margin:  0 0 10px;
      text-align:  left;
      text-transform:  uppercase;
 }
.sectionTitle2 h2  {
      font-family:  "robotothin";
      font-size:  35px;
      margin:  0 0 10px;
      text-align:  left;
      text-transform:  uppercase;
 }
.newsPosts  {
      width:  100%;
      float:  left;
      margin:  10px 0px;
 }
.newsPost  {
      float:  left;
      margin-right:  2%;
      min-height:  270px;
      width:  23%;
 }
.newsPost img  {
      width:  100%;
 }
.newsPost .postTitle  {
      width:  100%;
      float:  left;
      font-family:  sans-serif;
 }
.newsPost .postTitle  {
      float:  left;
      font-family:  sans-serif;
      font-size:  16px;
      margin:  10px 0 5px;
      width:  100%;
      height:  75px;
      overflow:  hidden;
 }
.newsPosts.elementary-school-30-main .newsPost .postTitle  {
      height:  auto;
 }
.newsPosts.elementary-school-30-main .newsPost .postDate  {
      margin:  0 0 0 0;
 }
.newsPost .postDate  {
      width:  100%;
      float:  left;
      font-family:  sans-serif;
      font-size:  13px;
      font-style:  italic;
      margin:  5px 0 0 0;
 }
.readMore  {
      float:  left;
      display:  block;
      width:  119px;
      height:  30px;
      background:  url(images/readmore.png) no-repeat left top;
      margin:  20px 0px;
 }
.HomeText  {
      background:  transparent url("images/homeTxtBg.png") repeat-x scroll left top;
      float:  left;
      min-height:  118px;
      position:  relative;
      width:  100%;
 }
.HomeText p  {
      color:  #383838;
      float:  left;
      font-family:  "robotothin";
      font-size:  30px;
      line-height:  40px;
      padding:  20px 0;
      width:  760px;
 }
.circleImage  {
      width:  263px;
      float:  left;
      position:  absolute;
 }
.HomeTextRight .circleImage  {
      right:  0px;
      top:  -78px;
      left:  inherit !important;
 }
.HomeTextLeft .circleImage  {
      left:  0px;
      top:  -78px;
      right:  inherit !important;
 }
.HomeTextLeft p  {
      color:  #383838;
      float:  right !important;
      font-family:  "robotothin";
      font-size:  30px;
      line-height:  40px;
      padding:  20px 40px 0 0;
      width:  740px;
 }
.section  {
      float:  left;
      padding-bottom:  60px;
      text-align:  center;
      width:  100%;
 }
.section p  {
      color:  #f5f5f5;
      float:  left;
      font-family:  "robotoregular";
      font-size:  16px;
      line-height:  25px;
      margin:  15px 0;
      padding:  0 6% 0 0;
      text-align:  justify;
      width:  98%;
 }
.section table  {
      float:  left;
      margin:  5px 0 20px;
      width:  100%;
 }
.section table td  {
      text-align:  center;
 }
.section table td.active  {
      color:  #d8651a;
 }
.numberVal  {
      font-family:  sans-serif;
      font-size:  45px;
 }
.numberVal2  {
      font-family:  sans-serif;
      font-size:  35px;
      color:  #000;
 }
.enrolTxt  {
      font-family:  sans-serif;
 }
.full-container  {
      background:  transparent url("images/homeTxtBg.png") repeat scroll left top;
      float:  left;
      padding-bottom:  30px;
      position:  relative;
      width:  100%;
 }
.full-container p  {
      color:  #022b43;
      font-family:  sans-serif;
      font-size:  17px;
      text-align:  justify;
 }
.map  {
      float:  left;
      margin-top:  20px;
      position:  relative;
      width:  100%;
 }
.btn  {
      background:  transparent url("images/button-arrow.png") no-repeat scroll 95% center;
      border:  1px solid #fff;
      border-radius:  4px;
      color:  #fff;
      display:  inline-block;
      font-family:  sans-serif;
      font-size:  14px;
      margin:  10px 0 10px;
      padding:  5px 30px 5px 5px !important;
      text-transform:  uppercase;
 }
.dateBox  {
      background:  #fff none repeat scroll 0 0;
      border:  1px solid #c4c4c4;
      margin:  0 auto;
      width:  95%;
      min-height:  192px;
 }
.dateTxt  {
      color:  #022b43;
      font-family:  sans-serif;
      font-size:  16px;
      margin:  15px 0;
      text-transform:  uppercase;
 }
.dateBox .numberVal  {
      color:  #022b43;
      font-family:  sans-serif;
      font-size:  78px;
      margin:  5px 0;
 }
.dateBoxCancelled  {
      background:  transparent url("http://lgs.edu.pk/wp-content/uploads/2020/bg-cancelled.jpg") no-repeat scroll 0 0;
      border:  1px solid #c4c4c4;
      margin:  0 auto;
      width:  95%;
      min-height:  192px;
 }
.dateBoxCancelled .numberVal  {
      color:  #022b43;
      font-family:  sans-serif;
      font-size:  78px;
      margin:  5px 0;
 }
.timeline  {
      float:  left;
      width:  100%;
 }
tr.schoolsHead  {
      background:  url("images/aboutImage.png") no-repeat scroll left top;
 }
tr.schoolsHead td  {
      color:  #022b43;
      cursor:  pointer;
      font-family:  sans-serif;
      font-size:  20px;
      line-height:  35px;
 }
tr.schoolsHead td a  {
      display:  block;
      margin:  15px 0 50px auto;
      width:  98%;
      color:  #fff;
      font-family:  sans-serif;
      font-size:  20px;
      line-height:  42px;
 }
tr.schoolsHead td.active a  {
      background:  #022b43 none repeat scroll 0 0;
      color:  #d8651a;
      cursor:  pointer;
      display:  block;
      font-family:  sans-serif;
      font-size:  20px;
      line-height:  42px;
      margin:  15px 0 50px auto;
      width:  98%;
 }
.schoolsHead td  {
      background:  transparent url("images/arrow.png") no-repeat scroll center 78%;
 }
.schoolsHead td.active  {
      background:  transparent url("images/activeArrow.png") no-repeat scroll center 78% !important;
 }
tr.ourSchoolHead  {
      background:  url("images/ourSchoolImage.png") no-repeat scroll left top;
 }
tr.ourSchoolHead td  {
      color:  #022b43;
      font-family:  sans-serif;
      font-size:  20px;
      line-height:  35px;
 }
tr.ourSchoolHead td a  {
      color:  #fff;
      display:  block;
      font-family:  sans-serif;
      font-size:  17px;
      line-height:  27px;
      margin:  0 0 50px auto;
      width:  98%;
 }
.ourSchoolHead td.active  {
      background:  transparent url("images/arrow.png") no-repeat scroll center 78%;
 }
.admissionsButtons  {
      float:  left;
      margin:  30px 0 0;
      width:  100%;
 }
tr.admissionsHead  {
      background:  transparent url("images/admissionsImage.png") no-repeat scroll left top;
      cursor:  pointer;
 }
tr.admissionsHead td  {
      color:  #022b43;
      font-family:  sans-serif;
      font-size:  20px;
      line-height:  35px;
 }
tr.admissionsHead td a  {
      color:  #fff;
      display:  block;
      font-family:  sans-serif;
      font-size:  17px;
      line-height:  27px;
      margin:  0 0 50px auto;
      width:  98%;
 }
/*tr.admissionsHead td.active a  {
        background:  #022b43 none repeat scroll 0 0;
        color:  #ebcb9a;
        display:  block;
        font-family:  sans-serif;
        font-size:  20px;
        line-height:  42px;
        margin:  15px 0 50px auto;
        width:  98%;
}
*//*.admissionsHead td  {
        background:  rgba(0,  0,  0,  0) url("images/arrow.png") no-repeat scroll center 78%;
}
*/.admissionsHead td.active  {
      background:  transparent url("images/arrow.png") no-repeat scroll center 78%;
 }
.footer  {
      background:  #022b43 none repeat scroll 0 0;
      float:  left;
      padding-bottom:  0;
      width:  100%;
 }
.footerLogo  {
      float:  left;
      margin-left:  45px;
      margin-top:  18px;
      width:  90px;
 }
.footerMiddle  {
      float:  left;
      padding:  15px 0;
      width:  70%;
 }
.footer-menu  {
      float:  left;
      width:  100%;
 }
.footer .socialIcons  {
      float:  right;
      padding:  35px 0 0;
      width:  45px;
 }
  .footer .visiter-counter  {
        padding:  20px 0 0 0;
  }
.footer-menu ul  {
      float:  left;
      margin:  0px;
      padding:  0px;
 }
.footer-menu ul li  {
      float:  left;
      padding:  10px 13px;
 }
.footer-menu ul li a  {
      color:  #88b6d1;
      float:  left;
      font-family:  "robotobold";
      font-size:  12px;
      text-transform:  uppercase;
 }
.footer-info  {
      color:  #88b6d1;
      float:  left;
      font-size:  14px;
      margin-left:  15px;
      width:  90%;
 }
.footer-info p  {
      color:  #88b6d1;
      float:  left;
      font-size:  16px;
      width:  100%;
 }
.leftTxtSectionNew  {
      float:  left;
     padding-left:  80px;
      width:  100%;
 }
.leftTxtSection  {
      float:  left;
      width:  100%;
 }
.rightalignBox img  {
      float:  left;
      width:  100%;
 }
.leftalignBoxSmall  {
      float:  left;
      text-align:  justify;
      width:  70%;
 }
.leftalignBoxSmall p  {
      float:  left;
      padding-right:  0 !important;
      text-align:  justify;
      width:  100%;
 }
.rightalignBoxSmall  {
      float:  right;
      margin-left:  5%;
      width:  25%;
 }
.001rightalignBox {
        float:  right;
        margin-right:  5%;
        margin-left:  0%;
        width:  30%;
}
.001leftalignBox {
        float:  left;
        text-align:  justify;
        width:  65%;
}
.leftalignBox  {
      float:  left;
      text-align:  justify;
      width:  65%;
 }
.leftalignBox p  {
      float:  left;
      text-align:  justify;
      padding-right:  0px !important;
 }
.rightalignBox  {
      float:  right;
      margin-left:  1%;
      width:  34%;
 }
.rightalignBox img  {
      float:  left;
      width:  100%;
 }
.videoFrame  {
      background:  transparent url("images/videoCont.png") no-repeat scroll left top/100% auto;
      float:  left;
      margin-top:  15px;
      padding:  8px 15px 30px;
      width:  100%;
 }
.videoFrame img  {
      width:  100%;
 }
.fullwidthimage  {
      float:  left;
      width:  100%;
 }
.fullwidthimage img  {
      float:  left;
      width:  100%;
 }
.section h4  {
      color:  #fff;
      float:  left;
      font-family:  "robotomedium";
      font-size:  24px;
      font-weight:  normal;
      margin:  0;
 }
element.style  {
      background-position:  50% 764px;
 }
#fifth  {
      background:  transparent url("images/SectionMain2.png") repeat-y fixed 100% 0/100% auto;
      color:  white;
      float:  left;
      width:  100%;
 }
element.style  {
      background-position:  50% 764px;
 }
#fifth  {
      background:  transparent url("images/SectionMain2.png") repeat-y fixed 100% 0/100% auto;
      color:  white;
      float:  left;
      width:  100%;
 }
.buttonlink  {
      background:  transparent url("images/downArrow.png") no-repeat scroll 98% center;
      border:  1px solid #fff;
      border-radius:  5px;
      color:  #fff;
      float:  left;
      font-family:  sans-serif;
      font-size:  16px;
      line-height:  40px;
      margin-bottom:  15px;
      padding:  5px 3%;
      text-align:  left;
      width:  94%;
 }
.buttonlink img  {
      float:  left;
      margin-right:  10px;
 }
/*==========MAP===========*/.map  {
      background:  #04517e url("images/map-background.png") no-repeat scroll 0 0;
      height:  521px;
      width:  1050px;
 }
.location  {
      background:  transparent url("images/locationBottom.png") no-repeat scroll center bottom;
      border-radius:  10px;
      display:  none;
      height:  113px;
      width:  280px;
 }
.location .content  {
      background:  transparent url("images/location.png") repeat scroll left top;
      border-radius:  7px 7px 0 0;
      color:  #fff;
      font-family:  Arial, Helvetica, sans-serif;
      font-size:  16px;
      line-height:  22px;
      min-height:  84px;
      padding:  0 10px;
      text-align:  left;
 }
.location .content p  {
      margin:  0 !important;
 }
.location .content strong  {
      float:  left;
      margin-top:  10px;
 }
#hi  {
      position:  absolute;
      z-index:  1;
      left:  579px;
      top:  162px;
 }
#ci  {
      position:  absolute;
      z-index:  1;
      left:  576px;
      top:  126px;
 }
#ni  {
      position:  absolute;
      z-index:  1;
      left:  580px;
      top:  143px;
 }
#gi  {
      position:  absolute;
      z-index:  1;
      left:  571px;
      top:  134px;
 }
#mu  {
      position:  absolute;
      z-index:  1;
      left:  151px;
      top:  69px;
 }
#si  {
      position:  absolute;
      z-index:  1;
      left:  583px;
      top:  129px;
      bottom:  1px;
 }
#bg  {
      position:  absolute;
      z-index:  1;
      left:  380px;
      top:  43px;
 }
#tk  {
      position:  absolute;
      z-index:  1;
      left:  452px;
      top:  95px;
 }
#pl  {
      position:  absolute;
      z-index:  1;
      left:  409px;
      top:  44px;
 }
#gr  {
      position:  absolute;
      z-index:  1;
      left:  419px;
      top:  98px;
 }
#mr  {
      position:  absolute;
      z-index:  1;
      left:  334px;
      top:  116px;
 }
#sp  {
      position:  absolute;
      z-index:  1;
      left:  343px;
      top:  89px;
 }
#sr  {
      position:  absolute;
      z-index:  1;
      left:  586px;
      top:  189px;
 }
#eg  {
      position:  absolute;
      z-index:  1;
      left:  438px;
      top:  134px;
 }
#th  {
      position:  absolute;
      z-index:  1;
      left:  646px;
      top:  168px;
 }
#ml  {
      position:  absolute;
      z-index:  1;
      left:  646px;
      top:  220px;
 }
#hu  {
      position:  absolute;
      z-index:  1;
      left:  76px;
      top:  121px;
 }
#apDiv1  {
      position:  absolute;
      width:  12px;
      height:  16px;
      z-index:  2;
      left:  285px;
      top:  185px;
 }
#apDiv2  {
      position:  absolute;
      width:  17px;
      height:  18px;
      z-index:  3;
      left:  206px;
      top:  233px;
 }
#apDiv3  {
      position:  absolute;
      width:  18px;
      height:  21px;
      z-index:  4;
      left:  471px;
      top:  203px;
 }
#apDiv4  {
      position:  absolute;
      width:  17px;
      height:  16px;
      z-index:  5;
      left:  465px;
      top:  230px;
 }
#apDiv5  {
      position:  absolute;
      width:  17px;
      height:  19px;
      z-index:  6;
      left:  511px;
      top:  156px;
 }
#apDiv6  {
      position:  absolute;
      width:  16px;
      height:  20px;
      z-index:  7;
      left:  538px;
      top:  154px;
 }
#apDiv7  {
      position:  absolute;
      width:  14px;
      height:  22px;
      z-index:  8;
      left:  550px;
      top:  205px;
 }
#apDiv8  {
      position:  absolute;
      width:  13px;
      height:  20px;
      z-index:  9;
      left:  568px;
      top:  247px;
 }
#apDiv9  {
      position:  absolute;
      width:  21px;
      height:  20px;
      z-index:  10;
      left:  580px;
      top:  205px;
 }
#apDiv10  {
      position:  absolute;
      width:  17px;
      height:  20px;
      z-index:  11;
      left:  719px;
      top:  302px;
 }
#apDiv11  {
      position:  absolute;
      width:  15px;
      height:  17px;
      z-index:  12;
      left:  776px;
      top:  280px;
 }
#apDiv12  {
      position:  absolute;
      width:  16px;
      height:  15px;
      z-index:  13;
      left:  776px;
      top:  332px;
 }
#apDiv13  {
      position:  absolute;
      width:  14px;
      height:  13px;
      z-index:  14;
      left:  709px;
      top:  234px;
 }
#apDiv14  {
      position:  absolute;
      width:  11px;
      height:  7px;
      z-index:  15;
      left:  723px;
      top:  249px;
 }
#apDiv15  {
      position:  absolute;
      width:  10px;
      height:  11px;
      z-index:  16;
      left:  704px;
      top:  251px;
 }
#apDiv16  {
      position:  absolute;
      width:  15px;
      height:  14px;
      z-index:  17;
      left:  716px;
      top:  259px;
 }
#apDiv17  {
      position:  absolute;
      width:  13px;
      height:  16px;
      z-index:  18;
      left:  711px;
      top:  276px;
 }
#apDiv18  {
      position:  absolute;
      width:  13px;
      height:  16px;
      z-index:  18;
      left:  1000px;
      top:  530px;
 }
.menuSection  {
      float:  left;
      padding-top:  40px;
      width:  100%;
 }
.leftMenu  {
      float:  left;
      width:  30%;
 }
.leftMenu ul  {
      border-top:  1px solid #ebebeb;
      float:  left;
      width:  100%;
 }
.leftMenu ul li  {
      float:  left;
      width:  100%;
      text-align:  left;
      border-bottom:  1px solid #ebebeb;
 }
.leftMenu ul li.active a  {
      background:  transparent url("images/rightArrow.png") no-repeat scroll 95% center;
      font-family:  "robotomedium";
 }
.leftMenu ul li a  {
      color:  #ebebeb;
      float:  left;
      font-family:  "robotothin";
      font-size:  18px;
      line-height:  40px;
      width:  100%;
 }
.greyBg .leftMenu ul  {
      border-top:  1px solid #2680a8;
      float:  left;
      width:  100%;
 }
.greyBg .leftMenu ul li.active a  {
      font-weight:  bold;
      background:  url(images/rightArrowDark.png) no-repeat 95% center;
 }
.greyBg .leftMenu ul li  {
      float:  left;
      width:  100%;
      text-align:  left;
      border-bottom:  1px solid #2680a8;
 }
.greyBg .leftMenu ul li a  {
      color:  #022b43;
      float:  left;
      font-family:  sans-serif;
      font-size:  18px;
      line-height:  40px;
      width:  100%;
 }
.rightText  {
      float:  left;
      margin-left:  2%;
      text-align:  left;
      width:  66%;
 }
.rightText p  {
      text-align:  justify !important;
      margin-top:  0px !important;
 }
.greyBg .section .sectionTitle  {
      color:  #022b43;
      float:  left;
      padding-top:  90px;
      width:  100%;
 }
.greyBg .section  {
      float:  left;
      padding-bottom:  60px;
      text-align:  left;
      width:  100%;
 }
.greyBg .section p  {
      color:  #022b43;
 }
.greyBg .btn  {
      background:  transparent url("images/rightArrowDark.png") no-repeat scroll 95% center;
      border:  1px solid #022b43;
      border-radius:  4px;
      color:  #022b43;
      display:  inline-block;
      font-family:  sans-serif;
      font-size:  14px;
      margin:  30px 0 10px;
      padding:  5px 30px 5px 5px;
      text-transform:  uppercase;
 }
.btnDark  {
      background:  transparent url("images/rightArrowDark.png") no-repeat scroll 95% center;
      border:  1px solid #022b43;
      border-radius:  4px;
      color:  #022b43;
      display:  inline-block;
      font-family:  sans-serif;
      font-size:  14px;
      margin:  30px 0 10px;
      padding:  5px 30px 5px 5px;
      text-transform:  uppercase;
 }
.row  {
      float:  left;
      margin-top:  10px;
      width:  100%;
 }
.buttonlinkSmall  {
      background:  transparent url("images/downArrow.png") no-repeat scroll 95% center;
      border:  1px solid #fff;
      border-radius:  5px;
      color:  #fff;
      float:  left;
      font-family:  sans-serif;
      font-size:  16px;
      line-height:  40px;
      margin-bottom:  15px;
      margin-right:  10px;
      padding:  5px 4% 5px 1%;
      text-align:  left;
      width:  auto;
 }
.buttonlinkDark  {
      background:  transparent url("images/downArrowDark.png") no-repeat scroll 95% center;
      border:  1px solid #022b43;
      border-radius:  5px;
      color:  #022b43;
      float:  left;
      font-family:  sans-serif;
      font-size:  16px;
      line-height:  40px;
      margin-bottom:  15px;
      margin-right:  10px;
      padding:  5px 4% 5px 1%;
      text-align:  left;
      width:  auto;
 }
.buttonlinkfullDark  {
      background:  transparent url("images/downArrowDark.png") no-repeat scroll 95% center;
      border:  1px solid #022b43;
      border-radius:  5px;
      color:  #022b43;
      float:  left;
      font-family:  sans-serif;
      font-size:  16px;
      line-height:  40px;
      margin-bottom:  15px;
      /* [disabled]margin-right:  10px;
     */  padding:  5px 4%;
      text-align:  left;
      width:  90%;
 }
.text-center  {
      text-align:  center;
 }
.videoF-AL  {
    background:  transparent url("images/videoContBig.png") no-repeat scroll left top/100% auto;
    margin-top:  15px;
    padding:  15px;
    width:  85%;
    display:  inline-block;
    margin:  0 auto;
 }
.videoF-AL .inner2  {
    position:  relative;
    padding-bottom:  0px;
    overflow:  hidden;
    top:  0;
    left:  0;
    right:  0;
    bottom:  0;
 }
.videoFrameBig  {
    background:  transparent url("images/videoContBig.png") no-repeat scroll left top/100% auto;
    margin-top:  15px;
    padding:  15px;
    width:  43.836%;
    display:  inline-block;
    margin:  0 auto;
 }
 .videoFrameBig .inner2  {
    position:  relative;
    padding-bottom:  0px;
    overflow:  hidden;
    top:  0;
    left:  0;
    right:  0;
    bottom:  0;
 }
.videoFrameBig2  {
      background:  transparent url("images/videoContBig1.png") no-repeat scroll left top/100% auto;
      margin-top:  15px;
      padding:  15px;
      width:  75%;
      display:  inline-block;
      margin:  0 auto;
 }
  .videoFrameBig2 .inner2  {
        position:  relative;
        padding-bottom:  0px;
        overflow:  hidden;
         top:  0;
        left:  0;
        right:  0;
        bottom:  0;
 }
 .videoFrameBig .inner  {
        position:  relative;
        padding-bottom:  56.25%;
        overflow:  hidden;
 }
  .videoFrameBig iframe  {
        position:  absolute;
        top:  0;
        left:  0;
        right:  0;
        bottom:  0;
 }
.videoFrame img  {
      width:  100%;
 }
.section ul  {
      float:  left;
      width:  100%;
      padding:  0px;
      margin:  0px;
 }
#subject_choices .section ul li  {
      color:  #022b43;
      float:  left;
      font-size:  16px;
      list-style-position:  inside;
      list-style-type:  disc;
      width:  100%;
 }
.row3  {
      float:  left;
      width:  31%;
      margin-right:  2%;
      text-align:  left;
 }
.row4  {
      float:  left;
      width:  23%;
      margin-right:  2%;
      text-align:  left;
 }
.row5  {
      float:  left;
      width:  48%;
      margin-right:  2%;
      text-align:  left;
 }
.row3 ul li  {
      float:  left;
      width:  100%;
 }
.row3 ul li a  {
      color:  #fff;
      float:  left;
      line-height:  50px;
      text-decoration:  underline;
 }
.leftTxtSection h2  {
      font-size:  35px;
      margin:  10px 0px;
 }
.rightTxtSection  {
      float:  left;
      padding-top:  20px;
      width:  100%;
 }
.rightTxtSection .leftalignBox  {
      float:  right !important;
      width:  70% !important;
 }
.rightTxtSection .rightalignBox  {
      float:  left !important;
      margin-left:  0 !important;
      width:  24% !important;
 }
.section p img  {
      float:  right;
      margin-bottom:  15px;
      margin-left:  20px;
 }
.rightTxtSectionBig .rightalignBox  {
      float:  left !important;
      margin-left:  0 !important;
      padding-top:  40px !important;
      width:  32% !important;
 }
.rightTxtSectionBig .leftalignBox  {
      float:  right !important;
      width:  65% !important;
 }
.rightTxtSectionBig .rightalignBox002  {
      float:  left !important;
      margin-left:  0 !important;
      padding-top:  40px !important;
      width:  35% !important;
 }
.rightTxtSectionBig .leftalignBox002  {
      float:  right !important;
      width:  60% !important;
 }
.careerFrom  {
      float:  left;
      padding:  20px 0;
      width:  100%;
 }
.careerFromB  {
      float:  left;
      padding:  10px 0;
      width:  100%;
 }
.careerFrom .careerFromLeft  {
      float:  left;
      width:  48%;
      margin-right:  2%;
 }
.careerFrom .careerFromLeft001  {
      float:  left;
      width:  98%;
      margin-right:  2%;
 }
.careerFrom .careerFromRight  {
      float:  left;
      width:  48%;
      margin-left:  2%;
 }
.careerFrom input[type="file"]  {
      background:  transparent none repeat scroll 0 0 !important;
      border:  medium none;
      color:  #022b43;
      padding-left:  0;
      width:  348px;
 }
.careerFrom label  {
      background:  transparent none repeat scroll 0 0;
      border-radius:  5px;
      color:  #022b43;
      display:  block;
      float:  left;
      font-family:  "robotoregular";
      font-size:  19px;
      line-height:  35px;
      margin-right:  10px;
      min-height:  30px;
      text-align:  right;
      width:  160px;
 }
.careerFrom .inpTxt  {
      background:  #fff none repeat scroll 0 0;
      border:  1px solid #022b43;
      border-radius:  5px;
      float:  left;
      font-family:  "robotoregular";
      font-size:  19px;
      height:  34px;
      padding-left:  15px;
      width:  333px;
 }
     .careerFrom .inpTxt002  {
      background:  #fff none repeat scroll 0 0;
      border:  1px solid #022b43;
      border-radius:  5px;
      float:  left;
      font-family:  "robotoregular";
      font-size:  19px;
      height:  34px;
      padding-left:  15px;
      width:  50px;
 }
   .careerFrom .inpTxtSelect  {
      background:  #fff none repeat scroll 0 0;
      border:  1px solid #022b43;
      border-radius:  5px;
      float:  left;
      font-family:  "robotoregular";
      font-size:  19px;
      height:  500px;
      padding-left:  15px;
      width:  333px;
 }
.fieldBox  {
      float:  left;
      margin-bottom:  15px;
      width:  100%;
      line-height:  35px;
      color:  #022b43;
      font-family:  "robotoregular";
 }
.fieldBox2  {
      float:  left;
      margin-bottom:  0px;
      width:  100%;
      line-height:  20px;
      color:  #022b43;
      font-family:  "robotoregular";
 }
.fieldSelect  {
      float:  left;
      margin-bottom:  15px;
      width:  100%;
      line-height:  200px;
      color:  #022b43;
      font-family:  "robotoregular";
 }
.careerFrom .btn  {
      background:  transparent url("images/rightArrowDark.png") no-repeat scroll 95% center;
      border:  1px solid #022b43;
      border-radius:  4px;
      color:  #022b43;
      display:  inline-block;
      float:  left;
      font-family:  sans-serif;
      font-size:  14px;
      line-height:  25px;
      margin:  5px 0 10px 160px;
      padding:  5px 30px 5px 5px;
      text-transform:  uppercase;
 }
.careerFrom select  {
      background:  #fff none repeat scroll 0 0;
      border:  1px solid #022b43;
      border-radius:  5px;
      float:  left;
      font-family:  "robotoregular";
      font-size:  19px;
      height:  34px;
      padding-left:  15px;
      width:  350px !important;
 }
.greyBg3 .section  {
      text-align:  center !important;
 }
.careerFrom textarea  {
      background:  #fff none repeat scroll 0 0;
      border:  1px solid #022b43;
      border-radius:  5px;
      float:  left;
      font-family:  "robotoregular";
      font-size:  19px;
      height:  160px !important;
      padding-left:  15px;
      width:  83% !important;
 }
.section input[type="submit"]  {
      background:  #022b43 url("images/button-arrow.png") no-repeat scroll 85% center;
      border:  1px solid #022b43;
      border-radius:  5px;
      color:  #fff;
      cursor:  pointer;
      font-family:  "robotomedium";
      font-size:  14px;
      padding:  10px 40px 10px 15px;
 }
#a_level_admission .section ul li  {
      color:  #022b43;
      float:  left;
      font-size:  16px;
      list-style-position:  inside;
      list-style-type:  disc;
      width:  100%;
 }
#behavior_policy .section ul li  {
      color:  #fff;
      float:  left;
      font-size:  16px;
      line-height:  20px;
      list-style-position:  inside;
      list-style-type:  disc;
      text-align:  left;
      width:  100%;
 }
#grade_6_admission .section ul li  {
      color:  #fff;
      float:  left;
      font-size:  16px;
      list-style-position:  inside;
      list-style-type:  disc;
      width:  100%;
 }
#grade_7_admission .section ul li  {
      color:  #022b43;
      float:  left;
      font-size:  16px;
      list-style-position:  inside;
      list-style-type:  disc;
      width:  100%;
 }
#grade_8_admission .section ul li  {
      color:  #fff;
      float:  left;
      font-size:  16px;
      list-style-position:  inside;
      list-style-type:  disc;
      width:  100%;
 }
#college_career .section ul li  {
      color:  #fff;
      float:  left;
      font-size:  16px;
      list-style-position:  inside;
      list-style-type:  disc;
      width:  100%;
 }
#golden_rules .section ul li  {
      color:  #022b43;
      float:  left;
      font-size:  16px;
      list-style-position:  inside;
      list-style-type:  disc;
      width:  100%;
 }
.row4 ul li  {
      float:  left;
      width:  100%;
 }
.row4 ul li a  {
      color:  #022b43;
      float:  left;
      line-height:  50px;
 }
#department h4  {
      width:  100%;
      float:  left;
      color:  #022b43;
      margin-top:  20px;
 }
.paddingBox  {
      float:  left;
      width:  90%;
      padding:  10px 5%;
      display:  block;
 }
.error  {
      color:  #ff4400 !important;
      float:  left;
      font-family:  "robotoregular";
      margin-left:  160px;
      text-align:  left;
      width:  350px;
 }
.whiteContainerBox  {
      background:  #e0ddca none repeat scroll 0 0;
      border-radius:  5px;
      float:  left;
      min-height:  270px;
      padding:  10px 2%;
      width:  96%;
 }
.whiteContainerBox p  {
      color:  #022b43;
      float:  none !important;
      text-align:  left;
 }
.whiteContainerBox td  {
      color:  #022b43;
      text-align:  center;
      font-family:  "robotomedium";
      border:  1px solid #c0beae;
 }
.whiteContainerBox h4  {
      float:  left;
      color:  #022b43;
      width:  100%;
      text-align:  left;
      margin-bottom:  15px;
 }
.whiteContainerBox ul li  {
      color:  #022b43;
      float:  left;
      font-size:  16px;
      list-style-position:  inside;
      list-style-type:  disc;
      text-align:  left;
      width:  100%;
 }
#global_skills ul li  {
      color:  #022b43;
      float:  left;
      font-size:  16px;
      list-style-position:  inside;
      list-style-type:  disc;
      text-align:  left;
      width:  100%;
 }
#nineth ul li  {
      color:  #fff;
      float:  left;
      font-size:  16px;
      list-style-position:  inside;
      list-style-type:  disc;
      text-align:  left;
      width:  100%;
 }
.greyBg1 .buttonlink  {
      background:  transparent url("images/downArrowDark.png") no-repeat scroll 98% center;
      border:  1px solid #022b43;
      border-radius:  5px;
      color:  #022b43;
      float:  left;
      font-family:  sans-serif;
      font-size:  16px;
      line-height:  40px;
      margin-bottom:  15px;
      padding:  5px 3%;
      text-align:  left;
      width:  94%;
 }
.full-container h4  {
      color:  #022b43;
      float:  left;
      font-family:  "robotomedium";
      font-size:  24px;
      font-weight:  normal;
      margin:  10px 0 0;
      width:  100%;
 }
#contact_map  {
      height:  570px;
      position:  absolute;
      right:  0;
      top:  170px;
      width:  600px;
 }
header.entry-header  {
      display:  none;
 }
.edit-link  {
      display:  none;
 }
.mobileMenuBtn  {
      cursor:  pointer;
      float:  left;
      position:  absolute;
      right:  10px;
      top:  160px;
      width:  40px;
      z-index:  99999999;
 }
.mobileMenuBtn img  {
    width:  100%;
 }
.mobileMenu  {
      float:  left;
      left:  0;
      position:  absolute;
      top:  80px !important;
      width:  100%;
      display:  none;
 }
.mobileMenu ul  {
      background:  transparent url("images/submenu.png") repeat scroll left top;
      float:  left;
      left:  0;
      margin:  0;
      min-width:  250px;
      padding:  0;
      position:  absolute;
      right:  0;
      top:  100px;
      z-index:  999999;
 }
.mobileMenu ul li  {
      border-bottom:  2px solid #88b6d1;
      color:  #022b43 !important;
      float:  left;
      font-family:  Arial;
      font-size:  16px;
      padding:  15px 2% !important;
      text-align:  center;
      text-transform:  uppercase;
      width:  96% !important;
 }
.mobileMenu ul li a  {
      color:  #022b43 !important;
      float:  none !important;
      font-family:  "robotobold";
      font-size:  16px;
      text-align:  center;
      text-transform:  uppercase;
 }
.mobileBar  {
      display:  none;
 }
.showMobile  {
      display:  none !important;
 }
ul.bxslider li  {
      background-position:  0 0;
      background-repeat:  no-repeat;
      background-size:  cover;
 }
ul.bxslider li img  {
      display:  none;
 }
ul.bxslider li:before  {
      content:  ' ';
      padding-top:  37%;
      display:  inline-block;
      width:  100%;
 }
.comment-respond  {
      display:  none !important;
 }
.comments-area  {
      display:  none !important;
 }
#comments  {
      display:  none !important;
 }
.navigation  {
      display:  none !important;
 }
.post-navigation  {
      display:  none !important;
 }
.btn-news-alert  {
      text-align:  right;
      float:  left;
      width:  100%;
      padding-right:  2%;
      box-sizing:  border-box;
 }
.home .newsEvents:after  {
      content:  '';
      display:  table;
      clear:  both;
 }
.home .newsEvents  {
      padding-bottom:  10px;
 }
.home .sectionTitle  {
      padding-top:  45px;
 }
@media (max-width: 767px)  {
     body .sectionTitle h2,  body .sectionTitle2 h2  {
       text-align:  center;
 }
 ul.bxslider li  {
       background-position:  50%;
 }
 body .entry-content div:nth-child(14) .circleImage  {
      top:  20px;
    }
 body .entry-content div.full-container  {
      padding-bottom:  50px;
 }
 body .rightalignBox  {
      margin-bottom:  2%;
 }
 #student_resources .section p img  {
      margin-bottom:  15px;
 }
 #college_career .videoFrameBig  {
        position:  absolute;
      top:  20px;
        left:  0;
        right:  0;
 }
 #college_career .videoFrameBig:before  {
       content:  '';
       display:  block;
       padding-top:  0px;
 }
 #college_career .videoFrameBig iframe  {
        width:  100%;
        height:  100%;
     }
 #college_career .sectionTitle  {
        padding-top:  250px;
 }
 #faculty .container  {
       width:  100%;
 }
 #faculty .row3  {
      margin-right:  0;
      width:  100%;
 }
 #faculty .section  {
      padding:  0 15px;
      box-sizing:  border-box;
 }
.panel-footer  {
        position:  absolute;
        margin:  0 auto;
        top:  10px;
        left:  305px;
        overflow:  hidden;
        z-index:  9;
}
}
.home .newsPosts  {
      width:  70%;
      float:  left;
      margin:  10px 0px;
}
.home .newsPost  {
      width:  31.3%;
}
.home .wrapper-news-slider  {
      float:  left;
      width:  30%;
      margin-top:  10px;
      padding:  15px 15px;
      box-sizing:  border-box;
      max-height:  200px;
      background:  rgb(38, 128, 168);
      background:  -moz-linear-gradient(top,  rgba(38, 128, 168, 1) 0%,  rgba(2, 43, 67, 1) 100%);
      background:  -webkit-linear-gradient(top,  rgba(38, 128, 168, 1) 0%, rgba(2, 43, 67, 1) 100%);
      background:  linear-gradient(to bottom,  rgba(38, 128, 168, 1) 0%, rgba(2, 43, 67, 1) 100%);
      filter:  progid:DXImageTransform.Microsoft.gradient( startColorstr='#2680a8',  endColorstr='#022b43', GradientType=0 );
      border-radius:  5px;
      box-shadow:  0px 1px 15px rgba(255,  255,  255,  0.4);
      border:  1px solid #88b6d1;
}
.swiper-button-prev, .swiper-button-next  {
        transform:  rotate(90deg);
        margin-bottom:  15px;
}
.wrapper-news-slider h2  {
      font-family:  "robotothin";
      font-size:  35px;
      margin:  0 0 10px;
      text-align:  left;
      text-transform:  uppercase;
      margin:  0 0 10px 0;
      line-height:  1;
}
.wrapper-news-slider .bx-viewport  {
      height:  60px !important;
}
.swiper-button-next,  .swiper-button-prev  {
      top:  22% !important;
}
.wrapper-news-slider .slide, .wrapper-news-slider .swiper-slide  {
      text-align:  center;
}
.wrapper-news-slider .slide a, .wrapper-news-slider .swiper-slide a  {
      font-family:  sans-serif;
      display:  inline-block;
      margin:  0 auto;
      font-size:  16px;
      text-align:  left;
      position:  relative;
      padding-left:  1rem;
}
.wrapper-news-slider .slide a .icon, .wrapper-news-slider .swiper-slide a .icon  {
      position:  absolute;
      left:  0;
      top:  0;
}
.wrapper-news-slider .slide .title, .wrapper-news-slider .swiper-slide .title  {
      padding:  10px 0;
      text-align:  left;
}
.wrapper-news-slider .bx-wrapper .bx-controls-direction a  {
      top:  auto;
      bottom:  -35px;
      transform:  rotate(90deg);
      color:  #fff;
}
.wrapper-news-slider .bx-wrapper .bx-prev  {
      left:  100px;
        }
.wrapper-news-slider .bx-wrapper .bx-next  {
      right:  100px;
}
@media (max-width: 767px)  {
      .home .newsPosts  {
        width:  100%;
  }
  .home .newsPost  {
        width:  100%;
  }
  .home .wrapper-news-slider  {
        width:  100%;
        margin-bottom:  10px;
  }
  .wrapper-news-slider .bx-wrapper img  {
        display:  block !important;
  }
#popup  {
                display: none;
                position: absolute;
                           margin: 0 auto;
    			             width:  100%;
                top:  90%;
                left:  2%;
                transform:  translate(-50%,  -50%);
                 z-index:  9999;
    }
.postDiv  {
    	 	float:  left;
         margin-top:  px;
         width:  100%;
        overflow:  hidden;
        z-index:  9;
}
}
.visiter-counter  {
      /*display:  none;
    */  float:  right;
      margin-right:  25px;
}
.page-id-1808 .visiter-counter  {
      /*display:  inline-block;
    */}
.visiter-counter a  {
      float:  left;
      display:  inline-block;
      margin:  4px 0 0 0;
}
.visiter-counter a br  {
      display:  none;
}
.visiter-counter a img  {
      float:  left;
      width:  100%;
}
.visiter-counter a.hidden-link, #error_  {
      display:  none;
}
@media (max-width: 767px)  {
      .visiter-counter  {
        text-align:  center;
        margin:  0;
        position:  absolute;
        right:  60px;
        width:  18%;
        left:  auto;
  }
  .visiter-counter a  {
        margin:  10px 0 0 0;
  }
.boxstyle {
    font-family: robotoregular;
    text-align:  center;
    font-weight:  bold;
     font-size:  16px;
    font-style:  normal;
     margin-top:  30px;
}
  }
.mobileMenu .sub-menu  {
      display:  none;
      position:  relative;
      top:  17.6px;
      float:  left;
      width:  100%;
}
.mobileMenu .sub-menu a  {
        font-size:  14px;
}
.mobileMenu ul li.menu-item-has-children:after  {
        content:  '';
        position:  absolute;
        top:  0;
        height:  53.6px;
        width:  15%;
        z-index:  4;
        right:  0;
}
.mobileMenu ul li.menu-item-has-children:before  {
        border:  solid transparent;
        position:  absolute;
        top:  20px;
        z-index:  5;
        right:  15px;
        transition:  all 0.3s ease-in-out;
        content:  " ";
        height:  0;
        width:  0;
        border-color:  rgba(136,  183,  213,  0);
        border-top-color:  #022b43;
        border-width:  10px;
}
.mobileMenu ul li  {
      position:  relative;
      padding:  15px 0% !important;
      box-sizing:  border-box;
      width:  100% !important;
}
.mobileMenu ul > li.sub-menu-opened ul.sub-menu  {
      display:  block;
}
.mobileMenu ul > li.sub-menu-opened ul.sub-menu li  {
      padding:  10px 0% !important;
}
.mobileMenu ul li.menu-item-has-children.sub-menu-opened:before  {
        border-bottom-color:  #022b43;
        border-top-color:  transparent;
        top:  10px;
}
.postDiv  {
    float:  right;
    margin: 0 auto;
    padding-right:  15px;
    overflow:  hidden;
    z-index:  9;
    }
.postMessage  {
    font-family:  sans-serif;
    color:  #fff;
    text-align:  center;
    padding-top:  50px;
    margin-right:  20px;
    font-size:  16px;
    width:  100%;
  }
.postDiv002  {
    float:  left;
    margin-top:  24px;
    margin-left:  120px;
    overflow:  hidden;
    }
.postMessage002  {
    font-family:  sans-serif;
    color:  #fff;
    text-align:  center;
    padding-top:  50px;
    margin-left:  25%;
    font-size:  16px;
    width:  100%;
  }
#popup  {
                display: none;
                position: absolute;
                          margin: 0 auto;
                top:  98%;
                left:  50%;
    	                      transform:  translate(-50%,  -50%);
                 z-index:  9999;
    }
#image-holder  {
      width:  900px;
      height:  auto;
      position:  absolute;
      left:  300px;
      top:  200px;
     /* Or perhaps different coordinates */  display:  none;
}
.panel-footer {
    	position: absolute;
    	  margin: 0 auto;
    	 top:  10px;
    	 left:  305px;
    	 overflow:  hidden;
        z-index:  9;
}
.sectionM p  {
      color:  #000000;
      float:  left;
      font-family:  "robotoregular";
      font-size:  16px;
      line-height:  25px;
      margin:  15px 10px 10px 10px;
      padding:  0 6% 0 0;
      text-align:  justify;
      width:  98%;
 }
.sectionTitleM h2  {
         color:  #000000;
        font-family:  "robotothin";
        font-size:  35px;
        margin:  0 0 10px;
        text-align:  left;
        text-transform:  uppercase;
}
#panel-footer002 {
    	position: absolute;
    	  margin: 0 auto;
    	 top:  825px;
    	 left:  305px;
    	 overflow:  hidden;
        z-index:  9;
}
.boxstyle {
    font-family: robotoregular;
    font-weight:  bold;
     font-size:  16px;
    font-style:  normal;
     margin-top:  30px;
}
.postMessage003  {
    font-family:  sans-serif;
    color:  #fff;
    text-align:  center;
    margin-left:  40%;
    font-size:  16px;
    width:  100%;
  }
.postMessage004  {
    font-family:  sans-serif;
    color:  #fff;
    text-align:  center;
    margin-left:  40%;
    font-size:  16px;
    width:  100%;
  }
#error_fb3d579f385168f67fd00a7921f3c8bc19714d17 {
    display: none;
}
  @media (max-width: 991px)  {
      .careerFrom .fieldBox,   .careerFrom .fieldBox2  {
        overflow-x:  auto;
        width:  100%;
  }
  .careerFrom .fieldBox div,   .careerFrom .fieldBox2 div  {
        margin-left:  0 !important;
  }
  .careerFrom .fieldBox table  {
        margin-left:  0 !important;
  }
  .careerFrom .fieldBox2 input[type="file"],   .careerFrom .fieldBox2 p  {
        margin-left:  0 !important;
  }
  .careerFrom .careerFromRight .fieldBox table td:last-child  {
        display:  none;
  }
}
#ac-wrapper  {
        position:  fixed;
        top:  0;
        left:  0;
        width:  100%;
        height:  100%;
        background:  rgba(255,  255,  255,  .6);
        z-index:  1001;
    display:  flex;
        justify-content:  center;
        align-items:  center;
        align-content:  center;
}
#ac-wrapper #popup-pdf  {
            width:  60%;
        height:  80%;
        background:  #FFFFFF;
        position:  relative;
    	transform:  none;
}
#ac-wrapper #popup-pdf .close-popup  {
            top:  -15px;
        position:  absolute;
        right:  -28px;
        border:  0;
        background:  #022b43;
        color:  #fff;
        font-size:  16px;
        padding:  5px 10px;
        font-weight:  700;
        cursor:  pointer;
}
#ac-wrapper #popup-pdf iframe  {
    	border:  0;
}
@media (max-width: 767px)  {
    #popup  {
        top:  60%;
}
}
#popup img.lgs-bus-service  {
    	width:  100%;
}