@charset "UTF-8";
/* Header */

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

/* 
==================================================
- main body
==================================================
*/
html {
  min-height: 100%;
	margin:0px;
	padding:0px;
}

body {
    background-color:  #EC3337;
    /* height just for the demo to scroll*/
    min-height: 100%;
	color: #070504;
	font-family: "Open Sans";
	font-size: 14px;
    position:relative;
	margin:0px;
	padding:0px;
}

.text-center {
    text-align: center;
}

.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

/* 
==================================================
- h , p
==================================================
*/
 

/* 
==================================================
- Header 
==================================================
*/
header{
    position: fixed;
    top: 0px;
    padding: 10px 0;
    width: 100%;
    height: 130px;
    color: #fff;
    background-color: transparent;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    z-index:1000;
}

header.stick {
    height: 90px;
    text-align: left;
    padding: 10px 0 !Important;
    transition: all 0.4s ease-in-out;   
    -webkit-transition: all 0.4s ease-in-out;
    background: rgba(255,255,255);
	box-shadow: 2px 2px 18px -3px rgba(0,0,0,0.7);
-webkit-box-shadow: 2px 2px 18px -3px rgba(0,0,0,0.7);
-moz-box-shadow: 2px 2px 18px -3px rgba(0,0,0,0.7);
}

    .wrap-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .branding {
        width: 25%;
        float: left;
        text-align: left;
        height: 90px;
        transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;    
    }
    
    .branding.stick {
        
        transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;    
    }

        .logo-lg {
            
            width: 180px;
			 -webkit-transition: all .2s ease-in-out;
			
			
        }

        .logo-sm {
            
             
            display: none;
			 
        }

.zoomIn { 
	width:100px;
   -webkit-transition: all .2s ease-in-out; 
	}

.stick .menu {
	 margin-top: 2%;
	-webkit-transition: all .2s ease-in-out; 
}
    .menu {
        width: 75%;
        float: left;
        text-align: right;
		 margin-top: 4%;
		 -webkit-transition: all .2s ease-in-out;
		
    }

    .listMenu { 
        display: none;
    }

/* just for the example, delete this */

.stripe {
    height: 400px;
    position: relative;
}

.stripe:first-child {
    height: 600px;
    position: relative;
}

.stripe:nth-child(even) {
    background: #ecc6d9;
}


.homeImgTopMargin{
	
position: relative;
	margin-top: 150px;
	width: 100%
	
}

.homeImgTopMargin .home-Caption{
	position: absolute;
	z-index: 10;
	height: 100%;
	width: 100%;
	
}
.inner-Caption{

	height: 100%;
	width: 100%;
 position: absolute;
	 
	
}
.inner-CaptionNoImage{

	height: 100%;
	width: 100%;
 position: relative;
	margin: 48px 0px;
	
}

ul.circle {list-style-type: circle;}
ul.circle li {margin-bottom: 4px}
.caldendarList {margin-bottom: 24px;}
 ul.examList { margin: 0px; padding: 0px 0px 16px 0px;  }
.holidayList li, .examList li{margin-bottom: 16px; margin-left: 32px; line-height: 32px; vertical-align: top; font-size: 20px;   position: relative; list-style-type: none; padding-left: 12px}

.holidayList {border-top: solid 1px #D8D8D8; padding: 24px 0px 0px 0px; margin: 0px}
.holidayList li:before {background-image:  url("../img/holiday-icon.svg"); content: "";
        position: absolute;
        top: 4px;
        left: -24px;
        width: 24px;
        height: 24px;
}

.examList li:before {background-image:  url("../img/exam-icon.svg"); content: "";
        position: absolute;
        top: 4px;
        left: -24px;
        width: 24px;
        height: 24px;
}


.holidayList .timestamp {font-size: 14px; line-height: 20px; color: #777}

.inner-CaptionNoImage .pageTitle { padding: 24px 0px}

.quotes {background: url("../img/quotes.svg"); background-position: top left; background-repeat: no-repeat; font-size:22px; color: #fff; padding: 16px 0px 0px 24px; margin: 16px 0px 0px 0px;}

.quotes-inner {background: url("../img/quotes-black.svg"); background-position: top left; background-repeat: no-repeat; font-size:22px; color: #444; line-height: 34px; font-style: italic; padding: 16px 0px 0px 16px; margin: 16px 0px 0px 0px;}

.autor{ color: #fff; font-size: 14px} 
.school-name {
	font-size: 50px;
	line-height: 68px;
	font-weight: 800;
	color: #fff;
	text-align: center;
	margin-top: 10%;
	text-shadow: 1px 1px #000
	
}
.black { color: #444}
.pageTitle, .pageTitle h1 {font-size: 46px;
	line-height: 40px;
	font-weight: 10;
	color: #fff;
	text-align: left;
	margin-top: 9%;
	text-shadow: 1px 1px #000}
 

.school-byline {
	font-size: 26px;
	line-height: 24px;
	font-weight:normal;
	font-weight:lighter;
	color: #fff;
	text-align: center;
	text-shadow: 1px 1px #000
}
.innerMargin {padding: 24px 0px 48px 0px}
.home .whiteText { color: #fff }
 p {font-size: 14px; line-height: 24px; padding: 24px 0px 24px 0px; margin: 0px}
.innerMargin p{padding: 24px 0px 0px 0px;}
.announcement {
 
	background: #F1F1F1;
	padding: 24px 0px 0px 0px;
}
.announcement h2{font-size:24px}
.lsa-experience .row>*{padding: 0px !important}

.lsa-experience.container{ padding: 0px;  width: 100%}

.img-experience {background-size: 100% 100%; background-repeat: no-repeat; height: 100px; background-image: url("../img/experienceSchool.png"); height:400px}

.imgInline ul {
	
	display: flex;
    flex-flow: row wrap;
	list-style: none;
    margin: 0;
    padding: 0;
background: #fff;
 
}

.imgInline li.group{
	
	flex: 0 1 calc(33.333% - 1px);
    margin: 0 0 1px 1px;
    box-sizing: border-box;
    position: relative;
    text-align: center;
	background-color: #34363b;
-webkit-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-ms-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
overflow: hidden;
}

.linkImg{margin: 0;
width: 100%;
opacity: 0.65;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: opacity 0.6s ease, -webkit-transform 0.6s ease;
-moz-transition: opacity 0.6s ease, -moz-transform 0.6s ease;
-ms-transition: opacity 0.6s ease, -ms-transform 0.6s ease;
transition: opacity 0.6s ease, transform 0.6s ease;}
.imagwrap {display: flex; flex-flow: row nowrap;}

img {max-width: 100%;
width: auto\9;
height: auto;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;}
a{text-decoration: none;}
.imgInline li:hover{background-color: #A5383A;}
.imgInline li a{cursor: pointer;  outline: 0; display: block; background: repeating-linear-gradient()}
.bigImgCaption {margin-left: 20px; font-size: 24px}
.imgInline li a:hover img{    
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
	opacity: 0.2;
}
.buttonBlock {background:#2E3183; font-size: 14px;  color: #fff; text-shadow: none; padding: 0px 16px 4px 16px; border-radius: 4px; display: inline-block; margin-top: 10px;-webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;}

.buttonBlock:hover{background: #EC3337; text-decoration: none; color: #fff}
.link, .imgBlock {position: relative}
.imgText {position: absolute;z-index: 1; bottom: 20px; padding: 20px; color: #fff; font-size: 24px; line-height: 30px; text-align: left; cursor: pointer;
text-shadow: 1px 1px #000}

.timeStamp {color: #777}
.whiteBg {background: #fff}
.whatsHappening {padding: 48px 0px}
.whatsHappening h3 {text-align: right}
.linkButton {display: inline-block; margin-right: 8px;}

.linkButton.disbaled{color: #ccc;  opacity: .3 }
.gallery {text-align: center; margin-top: 12px !important; margin-bottom: 40px !important  }
.galleryHd {font-weight: 800}
.leftAlign {text-align: left}
.gallerTitle { text-align: left; line-height: 30px; margin:8px 0px 24px 0px}
 
.alignLeft {text-align: left}
.alignRight {text-align: right}
.footer {margin: 24px 0px 48px 0px; color: #fff; line-height: 24px}
.footer h4 {font-size: 20px; font-weight: 700; margin: 0px 0px 8px 0px}
.footer a{display: block; color: #fff; line-height: 32px}
.borderLeftRight a{ padding-left: 14px;}

.footer .borderLeftRight a:hover {background: #D0292C; color:#fff}

.inlineButton a{display: inline-block; margin-right: 8px}
.borderLeftRight {border-left: solid 1px #840D10;border-right: solid 1px #840D10; padding: 0px 10px}
.borderLeftRight h4{padding: 0px 14px}
.copyright {padding-left: 24px; opacity: .8}
.inlineButton a:hover {
  filter: brightness(0) sepia(1) hue-rotate(-360deg) saturate(5) opacity(0.4);
}

h2 {font-size: 34px}

.accordion-container{
  position: relative;
 width: 100%;
  max-width: 100%;
  height: auto;
  margin: 10px auto;
	margin: 24px 0px
}

.cardgray h4 span {font-size: 14px; font-style: italic}
.accordion-container > h2{
  text-align: center;
  color: #fff;
  padding-bottom: 5px;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
}
.set{
  position: relative;
  width: 100%;
  height: auto;
  background-color: #fff;
}
.set > a{
  display: block;
  padding: 12px 16px;
  text-decoration: none;
 font-size:18px;
  color: #2E3183;
  font-weight: 600;
  border-bottom: 1px solid #ddd;
  -webkit-transition:all 0.2s linear;
  -moz-transition:all 0.2s linear;
  transition:all 0.2s linear;
}
.set > a i{
  float: right;
  margin-top: 2px;
}
.set > a.active{
  background-color:#2E3183;
  color: #fff;
}

.fa img{ transition-duration: 0.3s;
    transition-property: transform; opacity: 0.4}

.active .fa img{ 
	   transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	opacity: 1
}
 
.fa-minus  {
	filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(76deg) brightness(103%) contrast(102%);
}

.contentAccordion {padding: 0px 16px 16px 16px; background-color: #F5F5FA; border-bottom: solid 1px #2E3183; display: none}
.contentAccordion p{padding: 16px 0px 0px 0px !important}
 
.contentAccordion ul {margin-top: 16px;}

.para li {margin-bottom: 8px}

.para h2 {font-size: 32px; margin: 48px 0px 8px 0px }
.para h3{font-size: 24px; font-weight: 100; margin: 28px 0px 8px 0px}
.para h4 {font-size: 18px !important; font-weight: 100; margin: 16px 0px 8px 0px}
.dataTable td{padding: 4px 12px;}
.borderBottom {border-bottom: solid 1px #9C9CA3}

.dataTable tr:nth-child(odd) {
  background-color: #f2f2f2;
}
.para {min-height: 350px;}

.para ul {margin: 12px 0px}

.black {color:#444; text-shadow: none; margin-top: 24px}
.form {margin: 48px 0px}


 
input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
}
.topMargin {padding: 16px 0px}
.cardgray { background-color: #F3F2F2; border-radius: 8px ; padding: 16px 16px 24px 16px;}
.cardred {background-color: #EC3337; border-radius: 8px ; padding: 16px 16px 24px 16px;}
.cardgray svg { filter: invert(20%) sepia(38%) saturate(2281%) hue-rotate(215deg) brightness(92%) contrast(99%);}
.social a { margin: 24px 16px 8px 0px; display: inline-block}
.card-form {
  padding: 2rem 1rem 0;
}
.margintop {  padding-top: 1.5rem !important;}
.input {
  display: flex;
  flex-direction: column-reverse;
  position: relative;
  padding-top: 1.5rem;
}
.input + .input {
  margin-top: 1.5rem;
}

.input-label {
  color: #444;
  position: absolute;
  top: 1.5rem;
  transition: 0.25s ease;
}

.input-field {
  border: 0;
  z-index: 1;
  background-color: transparent;
  border-bottom: 2px solid #eee;
  font: inherit;
  font-size: 1.125rem;
  padding: 0.25rem 0;
}

.cardgray .input-field{
	 border-bottom: 2px solid #C8C8C8;
	
}



.input-field:focus, .input-field:valid {
  outline: 0;
  border-bottom-color: #2E3183;
}
.input-field:focus + .input-label, .input-field:valid + .input-label {
  color: #2E3183;
  transform: translateY(-1.5rem);
}

.lableValue{
	
	font-weight: 600;
}
.rowList {margin: 8px 0px }
.action {
  margin-top: 2rem;
}

.action-button , .action-button-secondary{
  font: inherit;
  font-size: 14px;
  padding: 0px 24px;
  font-weight: 500;
  background-color: #2E3183;
  border-radius: 50px;
  color: #FFF;
	line-height: 38px;
  border: 2px solid #2E3183;
}
.paymentReport li, .paymentReport ul{list-style: none; margin: 0px; padding: 16px 8px }
.paymentReport li {border-bottom: solid 1px #9F9F9F}
.action-button-secondary {background-color: #E4E4E4;  color: #2E3183}
.paymentReport li:first-child {
	
	padding: 0px 8px 16px 0px ;
}
.paymentReport li:last-child {
	border-bottom: solid 1px transparent
}
.action-button:focus {
  outline: 0;
}

.card-info {
  padding: 1rem 1rem;
  text-align: center;
  font-size: 0.875rem;
  color: #8597a3;
}
.card-info a {
  display: block;
  color: #6658d3;
  text-decoration: none;
}

 
form {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.groupRadio label {
  display: flex;
  cursor: pointer;
  font-weight: 500;
  position: relative;
  overflow: hidden;
  margin-bottom: 0.375em;
	margin-right: 16px;
   
  
}
.mapouter {border: solid 1px #EC3337}
.mapouter, .gmap_canvas {width:100% !important; position: relative}
.mapArea { background-color: #EC3337; border: solid 20px #EC3337; margin: 24px 0px}
.notify { display: none;  background-color: #F4DE98; border-radius: 40px; flex-shrink: 32px; margin: 16px 0px; padding: 8px 16px}
.getAmt{font-size: 18px; font-style: normal !important}
.getAmt span{font-weight: bold; padding: 0px 2px 0px 16px; font-style: normal !important}
.groupRadio label input {
  position: absolute;
  left: -9999px;
}
.groupRadio label input:checked + span {
  background-color: #d6d6e5; width: auto;
}
.groupRadio label input:checked + span i { display: block}
.groupRadio label input:checked + span:before {
  box-shadow: inset 0 0 0 0.4375em #2E3183;
}

.groupRadio.custom  label input:checked + span span.cir {
 background-color: #2E3183;  color: #fff
	
}
.groupRadio.custom  label input:checked + span:before {
  box-shadow: none;
}


.groupRadio label span {
  display: flex;
  align-items: center;
  padding: 0.375em 0.75em 0.375em 0.375em;
  border-radius: 99em;
  transition: 0.25s ease;
}
.groupRadio label span:hover {
  background-color: #F5F5FA;
}

.groupRadio.custom label span:hover {
 
}

.groupRadio.custom label span.cir:hover {
  background-color: #F5F5FA;
}

.groupRadio label span:before {
  display: flex;
  flex-shrink: 0;
  content: "";
  background-color: #fff;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  margin-right: 0.375em;
  transition: 0.25s ease;
  box-shadow: inset 0 0 0 0.125em #2E3183;
}

.groupRadio {
   
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  display: flex;
 
  padding: 20px 0px;
}

.radioLabel { margin-right: 24px; line-height: 34px}


/* Transition */
.groupRadio  span,
.groupRadio span:before {
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}

.groupRadio.custom label span i{display: none; padding-left: 8px; font-style: normal}
.groupRadio.custom label span.cir{	
	 box-shadow: inset 0 0 0 0.125em #2E3183; width: 24px; height: 24px; padding-left: 7px; text-align: center; line-height: 24px
}
.groupRadio.custom label span:before { display: none}


 
.checkFancy {
    display: block;
    margin: 10px 0;
    position: relative;
	}
  .checkFancy   label {
      padding: 12px 34px;
      width: 100%;
      display: block;
      text-align: left;
      cursor: pointer;
      position: relative;
      z-index: 2;
      transition: color 200ms ease-in;
      overflow: hidden;
	}
     .checkFancy   label:before {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        content: '';
 
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%) scale3d(1, 1, 1);
        transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
       
        z-index: -1;
      }

 .checkFancy   label:after {
        width: 24px;
        height: 24px;
        content: '';
        border: 2px solid #2E3183;
        background-color: #fff;
        background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
        background-repeat: no-repeat;
        background-position: -3px -2px ;
        border-radius: 50%;
        z-index: 2;
        position: absolute;
        left: 0px;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        transition: all 200ms ease-in;
      }
   

 

 .checkFancy  input:checked ~ label::before {
        transform: translate(-50%, -50%) scale3d(56, 56, 1);
        opacity: 1;
      }

.checkFancy  input:checked ~ label::after {
        background-color: #2E3183;
        border-color: #2E3183;
      }
 

   .checkFancy input[type=checkbox] {
      width: 32px;
      height: 32px;
      order: 1;
      z-index: 2;
      position: absolute;
      right: 30px;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
      visibility: hidden;
    }
.imgList li {position: relative}

.linkBlock a:first-child , .linkBlock li:first-child  { border-radius: 8px 8px 0px 0px !important}
	.linkBlock a:last-child, .linkBlock li:last-child{ border-radius: 0px 0px 8px 8px !important}
	
.imgList li:first-child {border-radius: 8px 8px 0px 0px !important}
.imgList li:last-child {border-radius: 0px 0px 8px 8px !important}


.experienceLSA {	
  background: url("../img/experienceLink.png");

}
.beyondClass {background: url("../img/beyonCl.png");}
.lifeLSA {background: url("../img/lifeLSA.png");}
.FAQs {background: url("../img/faqs.png");}
.leadership {background: url("../img/leadershipLink.png")}

.text {position: absolute; top: 28px; left:24px; cursor: pointer; font-size:18px; color: #fff;}

.bg {cursor: pointer;  background-position: top; 
  background-size: cover;
	display: block; height: 100%;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
	opacity: 0.6;
}

.loginPanel {width: 400px}
.loginPanel button{width: 100%}
.loginPanel a{color: #2E3183}
.loginPanel a:hover {text-decoration: underline; color: #EC3337}
 
button.action-button {
  display: inline-block;
  padding: .75rem 1.25rem;
  border-radius: 10rem;
  color: #fff;
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: .15rem;
  transition: all .3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
button.action-button:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0cf;
    border-radius: 10rem;
    z-index: -2;
  }
button.action-button:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: darken(#777, 15%);
    transition: all .3s;
    border-radius: 10rem;
    z-index: -1;
  }
button.action-button:hover {
    color: #fff;
}
button.action-button:before {
      width: 100%;
    }
 
 




.bg:hover {
	opacity: 0.2;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);  
  transform: scale(1.2);
	
}

.logoLogin {margin: auto; vertical-align: middle; text-align: center}

/* 
==================================================
- The Mobile Menu
==================================================
*/

/* The Menu Button */
.mobileMenuButton {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 34px;
    z-index: 1000;
    border-radius: 4px;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    
}

.mobileMenuButton:hover {
    border:1px solid #000;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 4px;
}

.mobileMenuButton:active {
    border:1px solid #000;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 4px;
}

.mobileMenuButton:hover span  {
    background: #fff;
}
.mobileMenuButton:hover span:before  {
    background: #fff;
}
.mobileMenuButton:hover span:after  {
    background: #fff;
}


.mobileMenuButton span {
    margin-top: 50%;
}
.mobileMenuButton span, .mobileMenuButton span:before, .mobileMenuButton span:after {
    cursor: pointer;
    border-radius: 5px;
    height: 4px;
    width: 22px;
    background: #262626;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    content: '';
}
.mobileMenuButton span:before {
    top: -8px;
}
.mobileMenuButton span:after {
    bottom: -8px; 
}



/* The Menu */
.mobileMenu { 
    width: 240px;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    background-color: #d6d6c2;
    z-index: 1200;
    text-align: right;
    padding-top: 100px ;
    transition: all .3s ease-in-out;
    
}

    .slideOut { 
        margin-right: -240px;
        transition: all .3s ease-in-out;
    }

    .slideIn { 
        margin-right: 0px;
    }

.mobileMenu h2 {
    
    color: #333333;
    font-size: 36px;
    padding-right: 30px;
    margin-bottom: 30px;
}

.mobileMenu ul {
    list-style: none;
}


.mobileMenu li { 
    border-bottom: 1px dotted black;
    padding: 0 30px;
}

.mobileMenu li a { 
    color: #333333;
    line-height: inherit;
    padding: 0;
    font-weight: 600;
    padding: 12px 0;
    font-size: 16px;
    text-decoration: none;
   
    display: block;
    /* CSS Transition */
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.mobileMenu li a:hover {
    color: #660066;
    text-decoration: none;
}


.overlay {
    background:rgba(0,0,0,0.7);
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    display:none;
    opacity: 0;
    position: fixed;
    transition: all .3s ease-in-out;
    z-index: 1150;    
}


/* 
==================================================
- Media Query Mobile First Aproach
==================================================
*/
@media (min-width:769px) {
    h1 {
        font-size: 2em;
    }

    .overlay {
        display: none !important;
    }
    
    .mobileMenu {
        display: none;
    }
    
    .wrap-container {
            width: 80%;
            margin: 0 auto;
    }
    
    .mobileMenuButton {
        display:none;
    }
    
    .listMenu { 
        display: inherit;
    }

    .listMenu li {
        display: inline-block;
       
    }
	
 .listMenu li a{display: block;  padding: 2px 16px !important;
		 
		 border-radius: 3px;
	 border: 2px solid transparent;
	   letter-spacing: -.001em;
        padding: 2px 16px;
        vertical-align: middle;
	}
	.listMenu a{display: block;  padding: 0px 15px;}
.stick .listMenu a:hover {background: #F0BABB; color:#EC3337}
	
	.stick .listMenu li a {
		color: #EC3337;
		
	} 
	.linkBlock {position: relative; width: 100%}
	.linkBlock {border-radius: 4px; padding: 24px 0px 0px 24px }
	.linkBlock img{ position: absolute; left: 0px; top:0px  }
	
	.linkBlock li a img  { -webkit-transition: .3s ease-in-out;
 transition: .3s ease-in-out; width: 100%}
	
 	.linkBlock li a:hover img { 
		transform: scale(1.5); opacity: 0.3;
 }
	a { -webkit-transition: background-color 500ms ease-in;
  -moz-transition: background-color 500ms ease-in;
  -ms-transition: background-color 500ms ease-in;
  -o-transition: background-color 500ms ease-in;
  transition: background-color 500ms ease-in;
}
	
	.linkBlock a, .linkBlockImg a {  width: 100%; display: block; width: 100%; height: 74px;  line-height:74px; font-size: 18px; color: #fff; text-decoration: none; 	text-shadow1: 1px 1px #000; padding: 0px 0px 0px 24px; color: #fff !important; }
	
	
	.linkBlock li, .linkBlockImg li {position: relative;  overflow: hidden;background: #C03739 }
 
	
	
	.linkBlock ul, .linkBlock li {margin: 0px ;padding: 0px ; list-style: none;  height: 74px ; width: 100%;}
	.linkBlock ul, .linkBlock li a span{ position: absolute;  z-index: 1; display: inline-block;}
	.para  {line-height: 24px}
	
	.linkBlock.gray ul { position:inherit !important}
	.linkBlock.gray li {background: #F3F2F2; height: auto;}
	.linkBlock.gray li a {color: #2E3183 !important; height: 48px;  line-height:48px; border-radius: 0px !important }
	.linkBlock.gray li a:hover {background: #DADADA}
	.linkBlock.gray  li:first-child {padding: 24px 0px 0px 0px}
	.linkBlock.gray  li:last-child {padding: 0px 0px 24px 0px}
    .listMenu li a {
        color: #fff;
        line-height: inherit;
        padding: 0;
        font-weight: 100;
        font-size: 14px;
        text-decoration: none;         
        display: inline-block;
        /* CSS Transition */
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

    
    .listMenu li a:hover {
        color: #fff;
		background: #D0292C;
        text-decoration: none;
    }

    
    .listMenu li:last-child a{
        background: #fff;  
        border-radius: 3px;
        color: #EC3337;
      
    }

    .listMenu li:last-child a:hover{
        background: #2E3183;
        border: 2px solid #2E3183;
        color: #fff;
        text-decoration: none;
    }
    
 .stick  li:last-child a {
		color: #fff;
	background: #EC3337;
		
	} 
	
    .mobileButton {
        display: none;
    }
    
}