/*






Theme Name: Lahore Grammar School







Author: 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: 498px;



  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 {



  float: left;



  margin-left: 20px;



  padding: 6px 0; }







.logo img {



  max-width: 70px; }







.header-right {



  float: right;



  width: 1258px; }







.header-right .topHeader {



  float: right;



  margin-top: 15px;



  width: 300px; }







.header-right .bottomHeader {



  float: left;



  padding: 10px 0 0;



  width: 100%; }







.mainMenu {



  float: left;



  width: 100%; }







.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: 16px;



  list-style: outside none none;



  padding: 6px 10px 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: 1095px; }







.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: 80px;



  position: absolute;



  bottom: 0px;



  display: block;



  font-size: 35px;



  font-family: sans-serif;



  text-align: center;



  vertical-align: middle;



  padding-top: 15px; }







.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: 90px;



  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: 120px; }







.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: 5%;



  width: 30%; }







.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: 4%;



  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; }







.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%; }







.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: 130px;



  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: 70px; }







.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: 437px;

  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: 360px !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: 98%;
            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: 90%;
            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;
    overflow: auto;
}
#ac-wrapper #popup-pdf {
        width: 60%;
    background: #FFFFFF;
    position: relative;
	top: 300px;
	transform: none;
}

#ac-wrapper #popup-pdf .close-popup {
        bottom: -15px;
    position: absolute;
    right: -28px;
    border: 0;
    background: #022b43;
    color: #fff;
    font-size: 16px;
    padding: 5px 10px;
    font-weight: 700;
    cursor: pointer;
    overflow: auto;
}
#ac-wrapper #popup-pdf iframe {
	border: 0;
}

#ac-wrapper #popup-pdf img {
	width: 100%;
}