/*body {
  padding-top: 70px;
  padding-bottom: 30px;
}

.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}*/


body{width:100%;height:100%;overflow-x:hidden;}
.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 999999;
	background: url('../images/loader.gif') 50% 50% no-repeat #ffffff;
}

.slide_heading{background:rgb(179,30,58);color:#ffffff;font-size:18px;padding:2px 4px;line-height:26px;}
.sec2{background:url(../images/whoWeAre_bg.jpg) center 0 no-repeat;background-size:cover;width:100%;overflow-x:hidden;}
.wwr-content,.os-content{overflow:hidden;}
.wwr-content h2,.os-content h2,.s-content h2{margin:0;}
.heading{line-height:30px;font-size:20px;margin-bottom:0;}
.subheading{background:#ffffff;padding:2px 5px;color:#B31E3A;font-weight:bold;}
.wwrh3{font-size:16px;color:#ffffff;margin-top:8px;text-transform:uppercase;padding-left:10px;padding-right:10px;}
.wwrP{color:#ffffff;font-size:11px;margin-top:8px;text-transform:uppercase;padding-left:10px;padding-right:10px;}

.AFbtn{width:80px;height:20px;text-align:center;border:1px solid #ffffff;display:inline-block;line-height:20px;color:#ffffff;font-size:12px;text-decoration:none;}

.AFbtn span{width:76px;height:16px;margin:1px;display:block;line-height:16px; -webkit-transition: all 1s ease-in;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}

.AFbtn:hover span{background:rgba(255, 255, 255,0.6);color:#ffffff;}

/*@media (min-width: 599px){
    .heading{line-height:34px;font-size:24px;margin-bottom:0;}
    .subheading{background:#ffffff;padding:2px 5px;color:#B31E3A;font-weight:bold;}
    .wwrh3{font-size:20px;color:#ffffff;margin-top:8px;}
    .wwrP{color:#ffffff;font-size:14px;margin-top:8px;}

    .AFbtn{width:80px;height:20px;text-align:center;border:1px solid #ffffff;display:inline-block;line-height:20px;color:#ffffff;font-size:12px;text-decoration:none;}

    .AFbtn span{width:76px;height:16px;margin:1px;display:block;line-height:16px; -webkit-transition: all 1s ease-in;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;}

    .AFbtn:hover span{background:rgba(255, 255, 255,0.6);color:#ffffff;}    
}*/


.sec3{background:url(../images/os_bg.jpg) center 0 no-repeat;background-size:cover;width:100%;overflow-x:hidden;}

.sec4{background:url(../images/timeline_bg.jpg) center 0 no-repeat;background-size:cover;width:100%;overflow-x:hidden;}
.timeline{position:relative;float:left;}
.tlMargbot{margin-bottom:10px;}
.tlMargtop{margin-top:100px;}
.tlMargtop1{margin-top:80px;}
.tlleft{float:left;width:50%;border-right:1px solid #6D6F70;text-align:right;position:relative;}
.tllright{float:left;width:50%;text-align:left;position:relative;}
.relative{position:relative;}
.tlContentRight{padding-right:25px;padding-top:10px;position:relative;}
.tlContentLeft{padding-left:25px;padding-top:10px;position:relative;}
.tlhead{margin-bottom:0;color:#B31E3A}
.tlSubhead{font-size:11px;color:#ffffff;margin-bottom:0;}
.tlSubhead span{background:#6D6F70;padding:0 3px;}
.tldata{font-size:9px}

.PeopleImg{position:absolute;right:-20px;top:10px;}
.CapacityImg{position:absolute;left:-20px;top:10px;}


/*@media (min-width:600px)
{
    timelinein{width:400px;margin-left:auto;margin-right:auto;height:100%;min-height:440px;float:none;}
    .tlContentRight .tldata,.tlContentLeft .tldata{width:200px;}
}*/

.sec5{background:url(../images/s_bg.png) center 0 no-repeat #000000;background-size:cover;width:100%;overflow-x:hidden;}
.s-sectors{width:300px;margin:0 auto;position:relative;}
.circular-menu {
  width: 250px;
  height: 250px;
  left: 0px;
  top:-10px;
  position: absolute;
}

.circle {
  width: 300px;
  height: 300px;
  opacity: 0;
  
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -transform: scale(0);

  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.open.circle {
  opacity: 1;

  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -transform: scale(1);
}

.circle a {
    font-size:8px;
  text-decoration: none;
  color: white;
  display: block;
  height: 70px;
  width: 70px;
  line-height: 70px;
  margin-left: -30px;
  margin-top: -30px;
  position: absolute;
  text-align: center;
  border-radius:50%;
  border:1px solid #ffffff;

}

.circle a span{line-height:0 !important;}
.circle a:hover {
  color: #eef;
}

.menu-button {
  position: absolute;
  top: calc(50%);
  left: calc(50%);
  text-decoration: none;
  text-align: center;
  color: #444;
  
  display: block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  padding: 10px;
  
}

.s-button{position:relative;background:#ffffff;width:30px;height:30px;border-radius:50%}

.menu-button .line {
  position: absolute;
  left: 0;
  display: block;
  width: 20px;
  height: 2px;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
  background-color: #B31E3A;
}

/* Nav toggle icon line 1 */

.menu-button .line-1 { top: 4px;left:5px;
                     -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
}

/* When active, rotate line 1 to be lefthand part of X */

.menu-button.selected-mb .line-1 {
  
}

.menu-button .line-3 { bottom: 6px;left:5px;
    -webkit-transform: translateY(-8px) translateX(0) rotate(90deg);
  -ms-transform: translateY(-8px) translateX(0) rotate(90deg);
  transform: translateY(-8px) translateX(0) rotate(90deg);
}

/* When active, rotate line 3 to be righthand part of X */

.menu-button.selected-mb .line-3 {
  opacity:0;
}



.sec6{background:url(../images/g_bg.jpg) center 0 no-repeat;background-size:cover;color:#ffffff;font-size:11px;width:100%;overflow-x:hidden;position:relative;overflow:hidden;}
.sec6 h2{color:#ffffff;margin-top:0;font-size:20px;}
.g-content{padding-left:10px;padding-right:10px;}
.AFbtn1{width:100px;height:20px;text-align:center;border:1px solid #ffffff;display:inline-block;line-height:20px;color:#ffffff;font-size:12px;text-decoration:none;}

.AFbtn1 span{width:96px;height:16px;margin:1px;display:block;line-height:16px; -webkit-transition: all 1s ease-in;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}

.AFbtn1:hover span{background:rgba(255, 255, 255,0.6);color:#ffffff;}

.unlck {
  width: 200px;
  height: 52px;

  margin: 80px auto 0 auto;
  padding: 0;
  position: relative;
  list-style: none;
  display: block;
}
.unlck li {
  position: absolute;
  width: 50px;
  height: 50px;
  display: block;
  text-align: center;
  
  /*line-height: 55px;*/
  border: 3px solid transparent;
  border-radius: 60px;
  opacity: 1;
  z-index: 10;
  cursor: pointer;
  font-size: 30px;
  content: "";
  margin: 0;
}
.unlck li > a {
  text-decoration: none;
 color:#4F5D7A;
 position:relative;
 top:13px;
  
}
.unlck li.drag {
  border: 3px solid #ffffff;
  color: white;
  background:#ffffff;
  z-index: 100;
  /*top: 50%;*/
  left: 10%;
  /*margin-top: -30px;*/
  margin-left: -30px;
  opacity: 1;
}

.unlck li.drag.actived {
  color: #f39c12;
  border-color: transparent;
}

.unlck li.hovered {
  background: #ffffff;
}
.unlck li.hovered > a {
  color: #000000;
}
.unlck li.ml {
  top: 50%;
  left: 0;
  margin-top: -30px;

}
.unlck li.mr {
  /*top: 50%;*/
  right: 0;
  /*margin-top: -30px;*/
  border:1px solid #4F5D7A;
  font-size:8px;
}
.unlck li.tc {
  top: 0;
  left: 50%;
  margin-left: -30px;
}
.unlck li.bc {
  bottom: 0;
  left: 50%;
  margin-left: -30px;
}
.unlck li.tr {
  top: 25%;
  left: 75%;
  margin-left: -10px;
  margin-top: -30px;
}
.unlck li.tl {
  top: 25%;
  right: 75%;
  margin-right: -10px;
  margin-top: -30px;
}
.unlck li.bl {
  bottom: 25%;
  right: 75%;
  margin-right: -10px;
  margin-bottom: -30px;
}
.unlck li.br {
  bottom: 25%;
  left: 75%;
  margin-left: -10px;
  margin-bottom: -30px;
}
.unlck:after {
  position: absolute;
  top: 50%;
  left: 50%;
 /* border: 3px solid rgba(255, 255, 255, 0.05);*/
  background:url(../images/dragger.png)no-repeat;
  width: 100px;
  height: 5px;
  content: "";
  z-index: 0;
  margin-left: -55px;
  margin-top: 0px;
  opacity: 1;
  background-size:cover;
}
.unlck.actived:after {
  opacity: 0.7;
}

.sec7{background:url(../images/timeline_bg.jpg) center 0 no-repeat;background-size:cover;color:#ffffff;font-size:11px;width: 100%;overflow-x:hidden;}
.slidepn1{position:fixed;right:-1000px;top:0px;z-index:999;color:#000000;width:100%;height:100%;overflow:scroll; opacity:0;}
#back {position:absolute;top:10px;left:55px;display:none;}
#afgback{position:absolute;top:10px;left:55px;}
#ptitle{text-align:center;height: 50px;font-size: 14px;line-height: 20px;padding:15px;color:#ffffff;text-transform:uppercase;}
.mobile {
  border-radius: 10px;
  /*position: absolute;*/
  top: 50%;
  left: 50%;
  
}

.packages {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  position: relative;
  top: 50%;
  width: 85%;
  /*transform: translateY(-50%);*/
}

.packages-item {
  
    background:#B31E3A;
  color: #ffffff;
  cursor:pointer;
  padding: 1em;
  position: relative;
  transition: all 200ms ease-out;
  margin-bottom:5px;
  font-size: 15px;
}


.packages-item a{color: #ffffff;display:block;width:100%;height:100%;}
.packages-item:hover, .packages-item:active {
  background-color: #B31E3A;
  color: #fff;
  margin: 0 -.5em;
  z-index: 2;
}
.packages-item:nth-child(1):after, .packages-item:nth-child(3):after {
  content: '';
  display: block;
  position: absolute;
  transition: all 200ms ease-out;
}
.packages-item:nth-child(1):after {
  border-style: solid;
  border-color: #841528 #EDEDED transparent #EDEDED;
  border-width: 0 .5em 0 .5em;
  left: 0;
  right: 0;
  bottom: 0;
}
.packages-item:nth-child(1):hover, .packages-item:nth-child(1):active {
  padding: 1em 1em 1.5em 1em;
}
.packages-item:nth-child(1):hover:after, .packages-item:nth-child(1):active:after {
  border-width: .5em .5em 0 .5em;
}
.packages-item:nth-child(3):after {
  border-style: solid;
  border-width: 0 .5em 0 .5em;
  border-color: transparent #EDEDED #841528 #EDEDED;
  top: 0;
  right: 0;
  left: 0;
}
.packages-item:nth-child(3):hover, .packages-item:nth-child(3):active {
  padding: 1.5em 1em 1em 1em;
}
.packages-item:nth-child(3):hover:after, .packages-item:nth-child(3):active:after {
  border-width: 0 .5em .5em .5em;
}

.package-item_title {
  font-size: 15px;
}

/*AFG Profile*/

ul{list-style-type:none;}
.slidepn1 .cd-main {
  overflow-x: hidden;
  padding:53px 0px 5px 5px;
  margin:0;
  /*background:#ffffff;*/
}

.gmarginright1{margin-right:4px;}

.cd-main::before {
  /* never visible - this is used in jQuery to check the current MQ */
  display: none;
  content: 'mobile';
}
.cd-main > * {
  -webkit-transition: -webkit-transform 0.5s 0.4s;
  -moz-transition: -moz-transform 0.5s 0.4s;
  transition: transform 0.5s 0.4s;
}
.cd-main.fold-is-open > * {
  /* on mobile - translate .cd-main content to the right when the .cd-folding-panel is open */
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.5s 0s;
  -moz-transition: -moz-transform 0.5s 0s;
  transition: transform 0.5s 0s;
}
/*@media only screen and (min-width: 300px) {
  .cd-main.fold-is-open > * {
    -webkit-transform: translateX(600px);
    -moz-transform: translateX(600px);
    -ms-transform: translateX(600px);
    -o-transform: translateX(600px);
    transform: translateX(600px);
  }
}*/
@media only screen and (min-width: 280px) {
  .cd-main::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop';
  }
  .cd-main.fold-is-open > * {
    /* reset style - on bigger devices we translate the gallery items */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

.cd-gallery::after {
  clear: both;
  content: "";
  display: table;
}
.cd-gallery::before {
  /* this is the dark layer covering the .cd-gallery when the .cd-folding-panel is open */
  display: block;
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(28, 23, 38, 0.6);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.5s 0.4s, visibility 0s 0.9s;
  -moz-transition: opacity 0.5s 0.4s, visibility 0s 0.9s;
  transition: opacity 0.5s 0.4s, visibility 0s 0.9s;
}
.fold-is-open .cd-gallery::before {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.5s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.5s 0s, visibility 0s 0s;
  transition: opacity 0.5s 0s, visibility 0s 0s;
}

.cd-item {
  width: 100%;
  text-align: center;
  
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.5s 0.4s;
  -moz-transition: -moz-transform 0.5s 0.4s;
  transition: transform 0.5s 0.4s;
}
.cd-item > a {
  /*height: 100%;
  width: 100%;*/
  overflow: hidden;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.afgco_hov{background:rgba(179,25,57,0.8) url(../images/afgco_logo.png)no-repeat center center;background-size: 80px 54px; display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;opacity:1;border-right:5px solid #ffffff;}
.afin_hov{background:rgba(129,21,40,0.8) url(../images/afin_logo.png)no-repeat center center;background-size: 80px 54px;display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;opacity:1;border-right:5px solid #ffffff;}
.semco_hov{background:rgba(97,83,174,0.8)url(../images/semco_logo.png)no-repeat center center;background-size: 80px 47px;display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;opacity:1;border-right:5px solid #ffffff;}
.afacc_hov{background:rgba(179,25,57,0.8) url(../images/afacc_logo.png)no-repeat center center;background-size: 80px 42px;display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;opacity:1;border-right:5px solid #ffffff;}
.afss_hov{background:rgba(94,96,97,0.8) url(../images/afss_logo.png)no-repeat center center;background-size: 80px 54px;display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;opacity:1;border-right:5px solid #ffffff;}
.asti_hov{background:rgba(100,39,35,0.8) url(../images/asti_logo.png)no-repeat center center;background-size: 80px 54px;display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;opacity:1;border-right:5px solid #ffffff;}
.afip_hov{background:rgba(179,25,57,0.8) url(../images/afip_logo.png)no-repeat center center;background-size: 80px 56px;display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;opacity:1;border-right:5px solid #ffffff;}

.ub_hov{background:rgba(240,65,30,0.8) url(../images/ub_logo.png)no-repeat center center;background-size: 80px 53px; display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;opacity:1;border-right:5px solid #ffffff;}
.bagi_hov{background:rgba(11,142,174,0.8) url(../images/bagi_logo.png)no-repeat center center;background-size: 80px 61px;display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;opacity:1;border-right:5px solid #ffffff;}
.afi_hov{background:rgba(88,35,90,0.8)url(../images/afi_logo.png)no-repeat center center;background-size: 80px 53px;display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;opacity:1;border-right:5px solid #ffffff;}
.afp_hov{background:rgba(179,120,65,0.8) url(../images/afp_logo.png)no-repeat center center;background-size: 80px 54px;display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;opacity:1;border-right:5px solid #ffffff;}

.afpr_hov{background:rgba(247,152,15,0.8) url(../images/afpr_logo.png)no-repeat center center;background-size: 80px 54px;display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;opacity:1;border-right:5px solid #ffffff;}
.afpr_hov1{background:rgba(247,152,15,0.8);display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;opacity:1;border-right:5px solid #ffffff;}



.cd-item > a.dark-text {
  color: #363558;
}
.cd-item > a.dark-text b {
  border-color: #363558;
}
.cd-item div {
  display: table-cell;
  vertical-align: middle;
}
.cd-item:nth-of-type(1) {
  
}
.cd-item:nth-of-type(2) {
  
}
.cd-item:nth-of-type(3) {
  
}
.cd-item:nth-of-type(4) {
  
}
/*.cd-item h2 {
  font-size: 2.2rem;
}
.cd-item p {
  line-height: 1.2;
  font-size: 1.4rem;
  opacity: 0.6;
  padding: 1em 0;
}*/
.cd-item b {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 1em 1.3em;
  border-radius: 50em;
  border: 1px solid #ffffff;
}
@media only screen and (min-width: 280px) {
  .cd-item {
    /*width: 50%;
    float: left;*/
    -webkit-transition: -webkit-transform 0.5s 0.4s;
    -moz-transition: -moz-transform 0.5s 0.4s;
    transition: transform 0.5s 0.4s;
  }
  /*.cd-item h2 {
    font-size: 3rem;
  }
  .cd-item p {
    font-size: 1.6rem;
  }*/
  /*.cd-item h2, .cd-item p {
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: -webkit-transform 0.3s 0.1s;
    -moz-transition: -moz-transform 0.3s 0.1s;
    transition: transform 0.3s 0.1s;
  }*/
  .cd-item b {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: opacity 0.3s 0s, -webkit-transform 0.3s 0s;
    -moz-transition: opacity 0.3s 0s, -moz-transform 0.3s 0s;
    transition: opacity 0.3s 0s, transform 0.3s 0s;
  }
  .no-touch .cd-item a:hover h2, .no-touch .cd-item a:hover p {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0.3s 0s;
    -moz-transition: -moz-transform 0.3s 0s;
    transition: transform 0.3s 0s;
  }
  .no-touch .cd-item a:hover b {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity 0.3s 0.1s, -webkit-transform 0.3s 0.1s;
    -moz-transition: opacity 0.3s 0.1s, -moz-transform 0.3s 0.1s;
    transition: opacity 0.3s 0.1s, transform 0.3s 0.1s;
  }
  .fold-is-open .cd-item {
    -webkit-transition: -webkit-transform 0.5s 0s;
    -moz-transition: -moz-transform 0.5s 0s;
    transition: transform 0.5s 0s;
    -webkit-transform: translateX(-400px);
    -moz-transform: translateX(-400px);
    -ms-transform: translateX(-400px);
    -o-transform: translateX(-400px);
    transform: translateX(-400px);
  }
  .fold-is-open .cd-item:nth-of-type(2n) {
    -webkit-transform: translateX(400px);
    -moz-transform: translateX(400px);
    -ms-transform: translateX(400px);
    -o-transform: translateX(400px);
    transform: translateX(400px);
  }
}

/* -------------------------------- 

folding panel

-------------------------------- */
.cd-folding-panel {
    
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  visibility: hidden;
  overflow: hidden;
  -webkit-transition: visibility 0s 0.9s;
  -moz-transition: visibility 0s 0.9s;
  transition: visibility 0s 0.9s;
}
.cd-folding-panel .fold-left,
.cd-folding-panel .fold-right {
  /* the :after elements of .fold-left and .fold-right are the 2 fold sides */
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
  /* enable a 3D-space for children elements */
  -webkit-perspective: 2000px;
  -moz-perspective: 2000px;
  perspective: 2000px;
}
.cd-folding-panel .fold-left::after,
.cd-folding-panel .fold-right::after {
  /* 2 fold sides */
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.5s 0.4s, background-color 0.5s 0.4s;
  -moz-transition: -moz-transform 0.5s 0.4s, background-color 0.5s 0.4s;
  transition: transform 0.5s 0.4s, background-color 0.5s 0.4s;
}
.cd-folding-panel .fold-right {
  -webkit-perspective-origin: 0% 50%;
  -moz-perspective-origin: 0% 50%;
  perspective-origin: 0% 50%;
}
.cd-folding-panel .fold-right::after {
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: translateX(-100%) rotateY(-90deg);
  -moz-transform: translateX(-100%) rotateY(-90deg);
  -ms-transform: translateX(-100%) rotateY(-90deg);
  -o-transform: translateX(-100%) rotateY(-90deg);
  transform: translateX(-100%) rotateY(-90deg);
  background-color: #c0c3c3;
}
.cd-folding-panel .fold-left {
  /* on mobile only the right fold side is visible */
  display: none;
}
.cd-folding-panel .fold-left::after {
  background-color: #f9fafa;
}
.cd-folding-panel .cd-close {
  /* 'X' close icon */
  position: absolute;
  z-index: 1;
  display: inline-block;
  top: 50px;
  right: 8px;
  height: 36px;
  width: 36px;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  opacity: 0;
  -webkit-transition: opacity 0.2s 0s;
  -moz-transition: opacity 0.2s 0s;
  transition: opacity 0.2s 0s;
}
.cd-folding-panel .cd-close::after, .cd-folding-panel .cd-close::before {
  /* lines of 'X' icon */
  content: '';
  position: absolute;
  height: 2px;
  width: 24px;
  left: 50%;
  top: 50%;
  background-color: #544173;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cd-folding-panel .cd-close::after {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.cd-folding-panel .cd-close::before {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.cd-folding-panel.is-open {
  visibility: visible;
  -webkit-transition: visibility 0s 0s;
  -moz-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
}
.cd-folding-panel.is-open .fold-right::after,
.cd-folding-panel.is-open .fold-left::after {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.5s 0s, background-color 0.5s 0s;
  -moz-transition: -moz-transform 0.5s 0s, background-color 0.5s 0s;
  transition: transform 0.5s 0s, background-color 0.5s 0s;
}
.cd-folding-panel.is-open .fold-right::after {
  background-color: #f9fafa;
}
.cd-folding-panel.is-open .cd-close{
    
  opacity: 1;
  -webkit-transition: opacity 0.2s 0.5s;
  -moz-transition: opacity 0.2s 0.5s;
  transition: opacity 0.2s 0.5s;
}
/*@media only screen and (min-width: 600px) {
  .cd-folding-panel {
    width: 600px;
  }
}*/

@media only screen and (min-width: 280px) {
  .cd-folding-panel {
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
  }
  .cd-folding-panel .fold-left,
  .cd-folding-panel .fold-right {
    width: 50%;
    float: left;
    height: 100%;
  }
  .cd-folding-panel .fold-right {
    /* change perspective-origin so that the 2 fold sides have the same vanishing point */
    -webkit-perspective-origin: 0% 50%;
    -moz-perspective-origin: 0% 50%;
    perspective-origin: 0% 50%;
  }
  .cd-folding-panel .fold-right::after {
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: translateX(-100%) rotateY(-90deg);
    -moz-transform: translateX(-100%) rotateY(-90deg);
    -ms-transform: translateX(-100%) rotateY(-90deg);
    -o-transform: translateX(-100%) rotateY(-90deg);
    transform: translateX(-100%) rotateY(-90deg);
  }
  .cd-folding-panel .fold-left {
    display: block;
    /* change perspective-origin so that the 2 fold sides have the same vanishing point */
    -webkit-perspective-origin: 100% 50%;
    -moz-perspective-origin: 100% 50%;
    perspective-origin: 100% 50%;
  }
  .cd-folding-panel .fold-left::after {
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: translateX(100%) rotateY(90deg);
    -moz-transform: translateX(100%) rotateY(90deg);
    -ms-transform: translateX(100%) rotateY(90deg);
    -o-transform: translateX(100%) rotateY(90deg);
    transform: translateX(100%) rotateY(90deg);
  }
}

#gCompanies .cd-fold-content {
    background: url(../images/gcompanies_bg.jpg)no-repeat;
}
#csr .cd-fold-content {
    background: url(../images/mo_CSR/csr_bg.jpg)no-repeat;
}
.cd-fold-content {
    /*background: url(../images/gcompanies_bg.jpg)no-repeat;*/
    background-size: cover;
    -webkit-background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 100px 0px;
    visibility: hidden;
    -webkit-transition: visibility 0s 0.4s;
    -moz-transition: visibility 0s 0.4s;
    transition: visibility 0s 0.4s;
}

.cd-fold-content > * {
  opacity: 0;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
}
.cd-fold-content h2 {
  font-size: 2.4rem;
  -webkit-transition: -webkit-transform 0.2s 0.2s, opacity 0.2s 0.2s;
  -moz-transition: -moz-transform 0.2s 0.2s, opacity 0.2s 0.2s;
  transition: transform 0.2s 0.2s, opacity 0.2s 0.2s;
}
.cd-fold-content p, .cd-fold-content em {
  line-height: 1.6;
}
.cd-fold-content em {
  display: inline-block;
  margin: 1em 0;
  font-family: "Vollkorn", serif;
  font-size: 1.8rem;
  color: #7a78ae;
  -webkit-transition: -webkit-transform 0.2s 0.1s, opacity 0.2s 0.1s;
  -moz-transition: -moz-transform 0.2s 0.1s, opacity 0.2s 0.1s;
  transition: transform 0.2s 0.1s, opacity 0.2s 0.1s;
}
.cd-fold-content p {
  margin-bottom: 1em;
  font-size: 1.4rem;
  -webkit-transition: -webkit-transform 0.2s 0s, opacity 0.2s 0s;
  -moz-transition: -moz-transform 0.2s 0s, opacity 0.2s 0s;
  transition: transform 0.2s 0s, opacity 0.2s 0s;
}
.is-open .cd-fold-content {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  visibility: visible;
  -webkit-transition: visibility 0s 0.5s;
  -moz-transition: visibility 0s 0.5s;
  transition: visibility 0s 0.5s;
}
.is-open .cd-fold-content > * {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.is-open .cd-fold-content h2 {
  -webkit-transition: -webkit-transform 0.2s 0.5s, opacity 0.2s 0.5s;
  -moz-transition: -moz-transform 0.2s 0.5s, opacity 0.2s 0.5s;
  transition: transform 0.2s 0.5s, opacity 0.2s 0.5s;
}
.is-open .cd-fold-content em {
  -webkit-transition: -webkit-transform 0.2s 0.6s, opacity 0.2s 0.6s;
  -moz-transition: -moz-transform 0.2s 0.6s, opacity 0.2s 0.6s;
  transition: transform 0.2s 0.6s, opacity 0.2s 0.6s;
}
.is-open .cd-fold-content p {
  -webkit-transition: -webkit-transform 0.2s 0.7s, opacity 0.2s 0.7s;
  -moz-transition: -moz-transform 0.2s 0.7s, opacity 0.2s 0.7s;
  transition: transform 0.2s 0.7s, opacity 0.2s 0.7s;
}
/*@media only screen and (min-width: 600px) {
  .cd-fold-content h2 {
    font-size: 3.2rem;
  }
}*/

@media only screen and (min-width: 280px) {
  .cd-fold-content {
    padding: 20px 0;
  }

  
  .cd-fold-content > * {
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  .cd-fold-content em {
    font-size: 2.2rem;
  }
  /*.cd-fold-content p {
    font-size: 1.6rem;
  }*/
}

/* -------------------------------- 

Javascript disabled

-------------------------------- */
.no-js .cd-fold-content.single-page {
  position: static;
  visibility: visible;
  height: auto;
  background-color: #dadcdc;
}
.no-js .cd-fold-content.single-page > * {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.cd-fold-content1.single-page > img {
    width:150px;
}

.cd-fold-content1.single-page h2{color:#08375A;font-size:18px;font-weight:bold;}
.cd-fold-content1.single-page p{color:#323332;font-size:12px;padding:0px 30px 0 30px;}

.cd-fold-content1.single-page h4{color:#B30838;font-size:18px;font-weight:bold;margin:8px 0 0 0;}
.cd-fold-content1.single-page p.des{color:#4D4D4D;font-size:12px;}
.cd-fold-content1.single-page p.desc{color:#ffffff;font-size:12px;}
/* Who We Are*/
.w_bg{padding-top:50px;background:url(../images/gcompanies_bg.jpg) center 0 no-repeat;background-attachment:fixed; background-size:cover;-webkit-background-size:cover;position:relative;color:#6D6E70;font-size:13px;overflow:scroll;}
.cp_data{padding:8px;}
.cp_data h2{margin-top:5px;}
.w_padding{padding:8px;}
.w_bg h2{color:#B30838;font-size:18px;}
.w_bg h3{color:#B30838;font-size:15px;}

.wwr-packages {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  position: relative;
  top: 50%;
  width: 85%;
  /*transform: translateY(-50%);*/
}

.wwr-packages-item {
  
    background:#B31E3A;
  color: #ffffff;
  cursor:pointer;
  padding: 1em;
  position: relative;
  transition: all 200ms ease-out;
  margin-bottom:5px;
  font-size: 15px;
}


.wwr-packages-item a{color: #ffffff;display:block;width:100%;height:100%;}
.wwr-packages-item:hover, .wwr-packages-item:active {
  background-color: #B31E3A;
  color: #fff;
  margin: 0 -.5em;
  z-index: 2;
}
.wwr-packages-item:nth-child(1):after, .wwr-packages-item:nth-child(5):after {
  content: '';
  display: block;
  position: absolute;
  transition: all 200ms ease-out;
}
.wwr-packages-item:nth-child(1):after {
  border-style: solid;
  border-color: #841528 #EDEDED transparent #EDEDED;
  border-width: 0 .5em 0 .5em;
  left: 0;
  right: 0;
  bottom: 0;
}
.wwr-packages-item:nth-child(1):hover, .wwr-packages-item:nth-child(1):active {
  padding: 1em 1em 1.5em 1em;
}
.wwr-packages-item:nth-child(1):hover:after, .wwr-packages-item:nth-child(1):active:after {
  border-width: .5em .5em 0 .5em;
}
.wwr-packages-item:nth-child(5):after {
  border-style: solid;
  border-width: 0 .5em 0 .5em;
  border-color: transparent #EDEDED #841528 #EDEDED;
  top: 0;
  right: 0;
  left: 0;
}
.wwr-packages-item:nth-child(5):hover, .wwr-packages-item:nth-child(5):active {
  padding: 1.5em 1em 1em 1em;
}
.wwr-packages-item:nth-child(5):hover:after, .wwr-packages-item:nth-child(5):active:after {
  border-width: 0 .5em .5em .5em;
}

.wwr-package-item_title {
  font-size: 15px;
}

#iphone{
	/* The iphone frame div */
	width:320px;
    position:relative;
   
}

#webpage{
	/* Contains the webpage screenshot */
	width:301px;
	height:420px;
	position:absolute;
	top:50%;
	left:50%;
	margin:0px 0 0 -149px;
    
}

#retina{
	/* The Retina effect */
	background:url('../images/mo_WhoWeAre/footprint.png') no-repeat center center white;
	border:2px solid white;

	/* Positioned absolutely, so we can move it around */
	position:absolute;
	height:180px;
	width:180px;
    
	/* Hidden by default */
	display:none;

	/* A blank cursor, notice the default fallback */
	cursor:url('img/blank.cur'),default;
	
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 5px #777, 0 0 10px #aaa inset;
	-webkit-box-shadow:0 0 5px #777;
	box-shadow:0 0 5px #777, 0 0 10px #aaa inset;
	
	/* CSS3 rounded corners */
	-moz-border-radius:90px;
	-webkit-border-radius:90px;
	border-radius:90px;
}

#retina.chrome{
	/* A special chrome version of the cursor */
	cursor:url('img/blank_google_chrome.cur'),default;
}

#main{
	/* The main div */
	overflow:hidden;
	position:relative;
	width:320px;
    height:420px;
    margin:0 auto;
}

.clientlogos img{width:90%;}

/* The Management*/
.management{background:url(../images/mo_management/manage_bg.jpg) center 0 no-repeat;background-size:cover;-webkit-background-size:cover;color:#ffffff;font-size:11px;width: 100%;background-attachment:fixed;overflow-x:hidden;overflow-y:scroll;}
.mCommitee-content{padding:0px 10px;float:left;position:relative;}
.mCommitee-content1{padding:0px 10px;float:left;position:relative;width:100%;}
.mCommitee-content2{padding:0px 10px;float:left;position:relative;width:100%;}
.col100{width:100%;float:left;}
.col50{float:left;width:50%;}
.imgspan{width:110px;height:110px;display:inline-block; padding:5px;border:1px solid #ffffff;border-radius:50%}
.imgspan img{width:100px;border-radius:50%;}
.mCommitee-content .m_name{margin:5px 0px 0px 0px}
.m_name{margin:0px 0px 0px 0px}
.m_pos{font-size:9px;margin-top:0px}
.mheading{line-height:30px;font-size:20px;margin:0;}
.mheading .subheading{background:#ffffff;padding:2px 5px;color:#4D4D4D;font-weight:bold;}
.mCommitee-content1 .cd-main,.mCommitee-content2 .cd-main {
  overflow-x: hidden;
  padding:0px 0px 0px 0px;
  margin:0;
  /*background:#ffffff;*/
}

.imgDes span{width:160px;height:160px;display:inline-block;border-radius:50%;border:1px solid #AC2047;padding:4px;}
.imgDes span img{width:150px;border-radius:50%;border:1px solid #666666;}
.info{background:#AD0836;padding-left:10px;padding-right:10px;}
.info p{font-size:12px;}

.nopadding{padding:0!important;}

/* Who We Serve */
.wws-packages {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  position: relative;
  top: 50%;
  width: 85%;
  /*transform: translateY(-50%);*/
}

.wws-packages-item {
  
    background:#B31E3A;
  color: #ffffff;
  cursor:pointer;
  padding: 1em;
  position: relative;
  transition: all 200ms ease-out;
  margin-bottom:5px;
  font-size: 15px;
}


.wws-packages-item a{color: #ffffff;display:block;width:100%;height:100%;}
.wws-packages-item:hover, .wws-packages-item:active {
  background-color: #B31E3A;
  color: #fff;
  margin: 0 -.5em;
  z-index: 2;
}
.wws-packages-item:nth-child(1):after, .wws-packages-item:nth-child(8):after {
  content: '';
  display: block;
  position: absolute;
  transition: all 200ms ease-out;
}
.wws-packages-item:nth-child(1):after {
  border-style: solid;
  border-color: #841528 #EDEDED transparent #EDEDED;
  border-width: 0 .5em 0 .5em;
  left: 0;
  right: 0;
  bottom: 0;
}
.wws-packages-item:nth-child(1):hover, .wws-packages-item:nth-child(1):active {
  padding: 1em 1em 1.5em 1em;
}
.wws-packages-item:nth-child(1):hover:after, .wws-packages-item:nth-child(1):active:after {
  border-width: .5em .5em 0 .5em;
}
.wws-packages-item:nth-child(8):after {
  border-style: solid;
  border-width: 0 .5em 0 .5em;
  border-color: transparent #EDEDED #841528 #EDEDED;
  top: 0;
  right: 0;
  left: 0;
}
.wws-packages-item:nth-child(8):hover, .wws-packages-item:nth-child(8):active {
  padding: 1.5em 1em 1em 1em;
}
.wws-packages-item:nth-child(8):hover:after, .wws-packages-item:nth-child(8):active:after {
  border-width: 0 .5em .5em .5em;
}

.wws-package-item_title {
  font-size: 15px;
}

/* Project Highlights */
.phov{background:rgba(179,8,56,0.8);display:block;position:relative;width:100%;}
.pcaption{position:absolute;text-align:center;width:100%;}
.pcaption h3{font-size:20px;font-weight:bold;margin-bottom:0;margin-top:0;text-transform:uppercase;}
.pcaption p{font-size:14px;margin-bottom:0;margin-top:0;}
.pmarginTop1{margin-top:50px;}
.pcontent{padding:1px 10px;background:#B30838;color:#ffffff;font-size:13px;}
.pcontent h2{color:#B30838;font-size:20px;font-weight:bold;margin-bottom:7px;text-transform:uppercase;}
.pcontent h2 span{background:#ffffff;padding:1px 3px;}
.pcontent h3{color:#B30838;font-size:18px;margin:0 0 10px 0;}
.pcontent h3 span{background:#ffffff;padding:3px 1px;}
.pcontent p.pline{font-weight:bold;}
#csdetails h3{font-weight:bold;color:#ffffff;font-size:13px;}
.list{margin-bottom:10px;}
.list li {list-style-type: disc;text-align:left;list-style-position: inside;}
.card__list {
    margin:0 auto;
    width:90%;
  padding:0.75rem;
}
.card__item {
    margin-bottom:4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    background: white;
    cursor: pointer;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.card__item--blue {
  border-top-color: #5171C3;
}
.card__item--blue p.info-player__num {
  background: #5171C3;
  text-shadow:  1px 1px rgba(51, 78, 148, 0.7) , 2px 2px rgba(53, 81, 152, 0.715) , 3px 3px rgba(56, 83, 156, 0.73) , 4px 4px rgba(58, 86, 159, 0.745) , 5px 5px rgba(60, 89, 162, 0.76) , 6px 6px rgba(62, 91, 165, 0.775) , 7px 7px rgba(64, 93, 168, 0.79) , 8px 8px rgba(66, 95, 171, 0.805) , 9px 9px rgba(67, 97, 174, 0.82) , 10px 10px rgba(69, 99, 176, 0.835) , 11px 11px rgba(70, 100, 178, 0.85) , 12px 12px rgba(71, 102, 180, 0.865) , 13px 13px rgba(73, 103, 182, 0.88) , 14px 14px rgba(74, 105, 184, 0.895) , 15px 15px rgba(75, 106, 186, 0.91) , 16px 16px rgba(76, 107, 187, 0.925) , 17px 17px rgba(77, 108, 189, 0.94) , 18px 18px rgba(78, 109, 190, 0.955) , 19px 19px rgba(79, 111, 192, 0.97) , 20px 20px rgba(80, 112, 193, 0.985);
}
.card__item--blue:hover .info-player__name,
.card__item--blue:hover .info-place {
  color: #5171C3;
}
.card__item--orange {
  border-top-color: #DE660F;
}
.card__item--orange p.info-player__num {
  background: #DE660F;
  text-shadow:  1px 1px rgba(150, 69, 10, 0.7) , 2px 2px rgba(156, 71, 10, 0.715) , 3px 3px rgba(162, 74, 10, 0.73) , 4px 4px rgba(167, 77, 11, 0.745) , 5px 5px rgba(172, 79, 11, 0.76) , 6px 6px rgba(177, 81, 11, 0.775) , 7px 7px rgba(181, 83, 12, 0.79) , 8px 8px rgba(186, 85, 12, 0.805) , 9px 9px rgba(189, 87, 12, 0.82) , 10px 10px rgba(193, 88, 13, 0.835) , 11px 11px rgba(196, 90, 13, 0.85) , 12px 12px rgba(199, 91, 13, 0.865) , 13px 13px rgba(202, 93, 13, 0.88) , 14px 14px rgba(205, 94, 13, 0.895) , 15px 15px rgba(208, 95, 14, 0.91) , 16px 16px rgba(211, 96, 14, 0.925) , 17px 17px rgba(213, 98, 14, 0.94) , 18px 18px rgba(215, 99, 14, 0.955) , 19px 19px rgba(217, 100, 14, 0.97) , 20px 20px rgba(220, 101, 14, 0.985);
}
.card__item--orange:hover .info-player__name,
.card__item--orange:hover .info-place {
  color: #DE660F;
}
.card__item--green {
  border-top-color: #2EA83B;
}
.card__item--green p.info-player__num {
  background: #2EA83B;
  text-shadow:  1px 1px rgba(30, 108, 38, 0.7) , 2px 2px rgba(31, 113, 39, 0.715) , 3px 3px rgba(32, 118, 41, 0.73) , 4px 4px rgba(33, 122, 43, 0.745) , 5px 5px rgba(35, 127, 44, 0.76) , 6px 6px rgba(36, 130, 46, 0.775) , 7px 7px rgba(37, 134, 47, 0.79) , 8px 8px rgba(38, 138, 48, 0.805) , 9px 9px rgba(38, 141, 49, 0.82) , 10px 10px rgba(39, 144, 50, 0.835) , 11px 11px rgba(40, 147, 51, 0.85) , 12px 12px rgba(41, 149, 52, 0.865) , 13px 13px rgba(41, 152, 53, 0.88) , 14px 14px rgba(42, 154, 54, 0.895) , 15px 15px rgba(43, 156, 55, 0.91) , 16px 16px rgba(43, 158, 55, 0.925) , 17px 17px rgba(44, 160, 56, 0.94) , 18px 18px rgba(44, 162, 57, 0.955) , 19px 19px rgba(45, 164, 57, 0.97) , 20px 20px rgba(45, 166, 58, 0.985);
}
.card__item--green:hover .info-player__name,
.card__item--green:hover .info-place {
  color: #2EA83B;
}
.card__item--yellow {
  border-top-color: #BDB235;
}
.card__item--yellow p.info-player__num {
  background: #BDB235;
  text-shadow:  1px 1px rgba(129, 122, 36, 0.7) , 2px 2px rgba(134, 126, 37, 0.715) , 3px 3px rgba(139, 131, 38, 0.73) , 4px 4px rgba(143, 135, 40, 0.745) , 5px 5px rgba(148, 139, 41, 0.76) , 6px 6px rgba(151, 143, 42, 0.775) , 7px 7px rgba(155, 146, 43, 0.79) , 8px 8px rgba(159, 150, 44, 0.805) , 9px 9px rgba(162, 152, 45, 0.82) , 10px 10px rgba(165, 155, 46, 0.835) , 11px 11px rgba(168, 158, 47, 0.85) , 12px 12px rgba(170, 160, 47, 0.865) , 13px 13px rgba(173, 163, 48, 0.88) , 14px 14px rgba(175, 165, 49, 0.895) , 15px 15px rgba(177, 167, 49, 0.91) , 16px 16px rgba(179, 169, 50, 0.925) , 17px 17px rgba(181, 171, 50, 0.94) , 18px 18px rgba(183, 173, 51, 0.955) , 19px 19px rgba(185, 174, 52, 0.97) , 20px 20px rgba(187, 176, 52, 0.985);
}
.card__item--yellow:hover .info-player__name,
.card__item--yellow:hover .info-place {
  color: #BDB235;
}
.card__item--tan {
  border-top-color: #AA9E5C;
}
.card__item--tan p.info-player__num {
  background: #AA9E5C;
  text-shadow:  1px 1px rgba(122, 113, 64, 0.7) , 2px 2px rgba(126, 117, 66, 0.715) , 3px 3px rgba(130, 120, 68, 0.73) , 4px 4px rgba(133, 124, 70, 0.745) , 5px 5px rgba(137, 127, 72, 0.76) , 6px 6px rgba(140, 130, 74, 0.775) , 7px 7px rgba(143, 132, 76, 0.79) , 8px 8px rgba(146, 135, 78, 0.805) , 9px 9px rgba(148, 137, 79, 0.82) , 10px 10px rgba(150, 140, 80, 0.835) , 11px 11px rgba(153, 142, 82, 0.85) , 12px 12px rgba(155, 144, 83, 0.865) , 13px 13px rgba(157, 146, 84, 0.88) , 14px 14px rgba(159, 147, 85, 0.895) , 15px 15px rgba(161, 149, 86, 0.91) , 16px 16px rgba(162, 151, 87, 0.925) , 17px 17px rgba(164, 152, 88, 0.94) , 18px 18px rgba(165, 154, 89, 0.955) , 19px 19px rgba(167, 155, 90, 0.97) , 20px 20px rgba(168, 156, 91, 0.985);
}
.card__item--tan:hover .info-player__name,
.card__item--tan:hover .info-place {
  color: #AA9E5C;
}
.card__item--purple {
  border-top-color: #3E5EB3;
}
.card__item--purple p.info-player__num {
  background: #3E5EB3;
  text-shadow:  1px 1px rgba(42, 64, 122, 0.7) , 2px 2px rgba(43, 66, 127, 0.715) , 3px 3px rgba(45, 69, 131, 0.73) , 4px 4px rgba(46, 71, 136, 0.745) , 5px 5px rgba(48, 73, 140, 0.76) , 6px 6px rgba(49, 75, 143, 0.775) , 7px 7px rgba(50, 77, 147, 0.79) , 8px 8px rgba(52, 79, 150, 0.805) , 9px 9px rgba(53, 80, 153, 0.82) , 10px 10px rgba(54, 82, 156, 0.835) , 11px 11px rgba(55, 83, 159, 0.85) , 12px 12px rgba(55, 84, 161, 0.865) , 13px 13px rgba(56, 86, 163, 0.88) , 14px 14px rgba(57, 87, 166, 0.895) , 15px 15px rgba(58, 88, 168, 0.91) , 16px 16px rgba(58, 89, 170, 0.925) , 17px 17px rgba(59, 90, 172, 0.94) , 18px 18px rgba(60, 91, 174, 0.955) , 19px 19px rgba(60, 92, 175, 0.97) , 20px 20px rgba(61, 93, 177, 0.985);
}
.card__item--purple:hover .info-player__name,
.card__item--purple:hover .info-place {
  color: #3E5EB3;
}
.card__item:hover {
  background: #444;
}
.card__item:hover .info-player__num {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.card__info {
    display:block;
}
.card__info .info-player {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.card__info .info-player__num {
  width: 60px;
  height: 60px;
  line-height: 36px;
  padding: 0.75rem;
  margin: 0 0.75rem 0 0;
  text-align: center;
  background: silver;
  border-radius: 50%;
  font-size: 36px;
  color: white;
  overflow: hidden;
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
          transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.card__info .info-player__name {
  line-height: 1.1;
  font-size: 20px;
  margin: 0;
}
.card__info .info-player__name small {
  font-size: 14px;
}
.card__info .info-place {
  margin: 0;
  font-size: 24px;
}
.card__full {

  position: fixed;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  min-height: 100%;
  background:#B30838;
  z-index: 2;
  visibility:visible;
  overflow:scroll;
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  -webkit-transform: scaleY(0) translate(-50%, -50%);
      -ms-transform: scaleY(0) translate(-50%, -50%);
          transform: scaleY(0) translate(-50%, -50%);
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
          transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.card__full.active {
  visibility: visible;
  -webkit-transform: scaleY(1) translate(-50%, -50%);
      -ms-transform: scaleY(1) translate(-50%, -50%);
          transform: scaleY(1) translate(-50%, -50%);
}
.card__full.active .card__full-num,
.card__full.active .card__full-handle,
.card__full.active .card__full-info {
  opacity: 1;
}
.card__full-top, .card__full-bottom {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.card__full-bottom {
  
  display: block;
  /*padding: 0 3rem;*/
  background: white;
}
.card__full-top {
  position: relative;
  width:100%;
  display: block;
  overflow: hidden;
}
.card__full-bottom svg {
    display:none;
  position: absolute;
  z-index:999;
  top: 50px;
  left: 15px;
  fill: rgba(0, 0, 0, 0.4);
  width: 32px;
  cursor: pointer;
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
          transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.card__full-top svg:hover {
  fill: rgba(0, 0, 0, 0.7);
}
.card__full-num, .card__full-handle, .card__full-info {
  opacity: 0;
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
          transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition-duration: 2s;
          transition-duration: 2s;
  -webkit-transition-delay: .35s;
          transition-delay: .35s;
}
.card__full-num {
  color: white;
  font-size: 140px;
}
.card__full-handle {
  font-size: 16px;
  margin: 0;
}
.card__full-info {
  margin: 0;
  font-size: 20px;
  color: #404040;
}

/* Our Strenght*/
.pinkbg{background:#B30838;}
.os-list{padding-top:20px;padding-bottom:20px;}
.os-list li{display:inline-block;width:32%;text-align:center;}
.os-list li span{background:#ffffff;color:#B30838;padding:0 3px;}
.os-list li img{width:85%;margin-bottom:5px;}

.os-packages {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  position: relative;
  top: 50%;
  width: 85%;
  /*transform: translateY(-50%);*/
}

.os-packages-item {
  
    background:#B31E3A;
  color: #ffffff;
  cursor:pointer;
  padding: 1em;
  position: relative;
  transition: all 200ms ease-out;
  margin-bottom:5px;
  font-size: 15px;
}


.os-packages-item a{color: #ffffff;display:block;width:100%;height:100%;}
.os-packages-item:hover, .os-packages-item:active {
  background-color: #B31E3A;
  color: #fff;
  margin: 0 -.5em;
  z-index: 2;
}
.os-packages-item:nth-child(1):after, .os-packages-item:nth-child(10):after {
  content: '';
  display: block;
  position: absolute;
  transition: all 200ms ease-out;
}
.os-packages-item:nth-child(1):after {
  border-style: solid;
  border-color: #841528 #EDEDED transparent #EDEDED;
  border-width: 0 .5em 0 .5em;
  left: 0;
  right: 0;
  bottom: 0;
}
.os-packages-item:nth-child(1):hover, .os-packages-item:nth-child(1):active {
  padding: 1em 1em 1.5em 1em;
}
.os-packages-item:nth-child(1):hover:after, .os-packages-item:nth-child(1):active:after {
  border-width: .5em .5em 0 .5em;
}
.os-packages-item:nth-child(10):after {
  border-style: solid;
  border-width: 0 .5em 0 .5em;
  border-color: transparent #EDEDED #841528 #EDEDED;
  top: 0;
  right: 0;
  left: 0;
}
.os-packages-item:nth-child(10):hover, .os-packages-item:nth-child(10):active {
  padding: 1.5em 1em 1em 1em;
}
.os-packages-item:nth-child(10):hover:after, .os-packages-item:nth-child(10):active:after {
  border-width: 0 .5em .5em .5em;
}

.os-package-item_title {
  font-size: 15px;
}

/* CSR */
.sec8{background:url(../images/mo_CSR/csr_bg.jpg) center 0 no-repeat;background-size:cover;color:#ffffff;font-size:11px;width: 100%;overflow-x:hidden;}
.c_bg{padding-top:50px;background:url(../images/mo_CSR/csr_bg.jpg) center 0 no-repeat;background-attachment:fixed; background-size:cover;-webkit-background-size:cover;position:relative;color:#6D6E70;font-size:13px;overflow:scroll;}
.link1{color:#6D6E70}
.csr_hov{background:rgba(147,20,45,0);display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;opacity:1;border-right:5px solid #ffffff;}

.csr_act .cd-main {
  overflow-x: hidden;
  padding:53px 0px 5px 5px;
  margin:0;
  /*background:#ffffff;*/
}

.csr-packages {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  position: relative;
  top: 50%;
  width: 85%;
  /*transform: translateY(-50%);*/
}

.csr-packages-item {
  
    background:#B31E3A;
  color: #ffffff;
  cursor:pointer;
  padding: 1em;
  position: relative;
  transition: all 200ms ease-out;
  margin-bottom:5px;
  font-size: 15px;
}


.csr-packages-item a{color: #ffffff;display:block;width:100%;height:100%;}
.csr-packages-item:hover, .csr-packages-item:active {
  background-color: #B31E3A;
  color: #fff;
  margin: 0 -.5em;
  z-index: 2;
}
.csr-packages-item:nth-child(1):after, .csr-packages-item:nth-child(2):after {
  content: '';
  display: block;
  position: absolute;
  transition: all 200ms ease-out;
}
.csr-packages-item:nth-child(1):after {
  border-style: solid;
  border-color: #841528 #EDEDED transparent #EDEDED;
  border-width: 0 .5em 0 .5em;
  left: 0;
  right: 0;
  bottom: 0;
}
.csr-packages-item:nth-child(1):hover, .csr-packages-item:nth-child(1):active {
  padding: 1em 1em 1.5em 1em;
}
.csr-packages-item:nth-child(1):hover:after, .csr-packages-item:nth-child(1):active:after {
  border-width: .5em .5em 0 .5em;
}
.csr-packages-item:nth-child(2):after {
  border-style: solid;
  border-width: 0 .5em 0 .5em;
  border-color: transparent #EDEDED #841528 #EDEDED;
  top: 0;
  right: 0;
  left: 0;
}
.csr-packages-item:nth-child(2):hover, .csr-packages-item:nth-child(2):active {
  padding: 1.5em 1em 1em 1em;
}
.csr-packages-item:nth-child(2):hover:after, .csr-packages-item:nth-child(2):active:after {
  border-width: 0 .5em .5em .5em;
}

.csr-package-item_title {
  font-size: 15px;
}

.prodSf{transition: all 1s ease-in;-webkit-transition: all 1s ease-in;}
.prodSf p{color:#B31E3A;padding: 40px 20px 20px 20px;}

/* New and Media*/
.nmsub{font-size:12px;}
.scsub{background:#B30838;color:#ffffff;font-size:12px;padding:2px 3px;}
.social{margin-top:10px;}
.social li{display:inline-block}
.social li a img{border-radius:14px;width:50px;height:50px;}

.news-title{background:#AC2047;color:#ffffff;padding:5px 0;font-weight:bold;text-align:center;font-size:16px;}
.news-desc{background:#555555;color:#ffffff;font-style:italic;text-align:center;line-height:16px;padding:3px;}

.awards{width:50%;margin:0 auto;padding-top:30px;}
.awmargin{margin-top:20px;}
.awhead{background:#B30838;display:block;color:#ffffff;margin-top:6px;}

.vid-title{background:#AC2047;color:#ffffff;padding:5px 0;font-weight:bold;text-align:center;font-size:16px;margin-top:-6px;text-transform:uppercase;}

.nm-packages {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  position: relative;
  top: 50%;
  width: 85%;
  /*transform: translateY(-50%);*/
}

.nm-packages-item {
  
    background:#B31E3A;
  color: #ffffff;
  cursor:pointer;
  padding: 1em;
  position: relative;
  transition: all 200ms ease-out;
  margin-bottom:5px;
  font-size: 15px;
}


.nm-packages-item a{color: #ffffff;display:block;width:100%;height:100%;}
.nm-packages-item:hover, .nm-packages-item:active {
  background-color: #B31E3A;
  color: #fff;
  margin: 0 -.5em;
  z-index: 2;
}
.nm-packages-item:nth-child(1):after, .nm-packages-item:nth-child(4):after {
  content: '';
  display: block;
  position: absolute;
  transition: all 200ms ease-out;
}
.nm-packages-item:nth-child(1):after {
  border-style: solid;
  border-color: #841528 #EDEDED transparent #EDEDED;
  border-width: 0 .5em 0 .5em;
  left: 0;
  right: 0;
  bottom: 0;
}
.nm-packages-item:nth-child(1):hover, .nm-packages-item:nth-child(1):active {
  padding: 1em 1em 1.5em 1em;
}
.nm-packages-item:nth-child(1):hover:after, .nm-packages-item:nth-child(1):active:after {
  border-width: .5em .5em 0 .5em;
}
.nm-packages-item:nth-child(4):after {
  border-style: solid;
  border-width: 0 .5em 0 .5em;
  border-color: transparent #EDEDED #841528 #EDEDED;
  top: 0;
  right: 0;
  left: 0;
}
.nm-packages-item:nth-child(4):hover, .nm-packages-item:nth-child(4):active {
  padding: 1.5em 1em 1em 1em;
}
.nm-packages-item:nth-child(4):hover:after, .nm-packages-item:nth-child(4):active:after {
  border-width: 0 .5em .5em .5em;
}

.nm-package-item_title {
  font-size: 15px;
}

@media (max-width: 3000px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 0px 0px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}


.nav-wr{position:absolute;z-index:10000;width:100%;background:#B31E3A;overflow:hidden;}
.sr{padding:10px 10px;background:#841528;}
.sr img{height:30px;}
.nav { background-color: #dedede; }
#back img{width:16px;}
#afgback img{width:16px;}

.s{font-size:13px;color:#6D6E70;}
.searchmo{font-size:13px;}
.searchmo div{margin-bottom:30px;}
.searchmo p{padding-bottom:0px;margin-bottom:0px;color:#6D6E70;}
.searchmo p a {
        color: rgb(179,30,58);
    }

.nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background-color: #ffffff;
}

/** 
* Nav container 
* 1. Ensure this slides in below parent
* 2. Hide by default
* 3. Smoother scrolling experience on iOS
*/
.search{position: fixed;
  top: 50px; /* 1 */
  left: 0;
  z-index: 99;
  overflow-y: auto;
  visibility: hidden; /* 2 */
  width: 100%;

  margin: 0;
  width:100%;background:#ffffff;padding:4px;
  -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%); /* 2 */
  background-color: #ffffff;
  -webkit-overflow-scrolling: touch; /* 3 */}

.search input{width:88%;border:none;border:1px solid gray;}
.search a{background:#B30838;padding:3px 8px;color:#ffffff;margin-left:2px;border-radius:3px;}

.search.is-visible1 {
    z-index: 99;
  visibility: visible; /* 1 */
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); /* 1 */
}

.nav-container {
  position: fixed;
  top: 50px; /* 1 */
  left: 0;
  z-index: 99;
  overflow-y: scroll;
  visibility: hidden; /* 2 */
  width: 100%;
  /*height: 406px;*/
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%); /* 2 */
  background-color: #c0c0c0;
  -webkit-overflow-scrolling: touch; /* 3 */
}

/* 1. Show when `.is-visible` class is added */

.nav-container.is-visible {
    z-index: 99;
  visibility: visible; /* 1 */
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); /* 1 */
}

/* Nav toggle */

.nav-toggle {
  float:right;
  line-height: 1;
  display: inline-block;
  padding: 15px 12px;
  border: 0;
  background-color: #841528;
}

/* Nav toggle icon */

.nav-toggle .icon-menu {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 20px;
  vertical-align: middle;
  fill: none;
   z-index:1000;
}

/* Nav toggle icon lines */

.icon-menu .line {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
  background-color: #fff;
}

/* Nav toggle icon line 1 */

.icon-menu .line-1 { top: 0;
                     -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
}

/* When active, rotate line 1 to be lefthand part of X */

.is-active .icon-menu .line-1 {
  -webkit-transform: translateY(10px) translateX(0) rotate(45deg);
  -ms-transform: translateY(10px) translateX(0) rotate(45deg);
  transform: translateY(10px) translateX(0) rotate(45deg);
}

/* Nav toggle icon line 2 */

.icon-menu .line-2 {
  top: 50%;
  margin-top: -2px;
}

/* When active, hide line 2 */

.is-active .icon-menu .line-2 { opacity: 0; }

/* Nav toggle icon line 3 */

.icon-menu .line-3 { bottom: 0; 
    -webkit-transform: translateY(-8px) translateX(0) rotate(90deg);
  -ms-transform: translateY(-8px) translateX(0) rotate(90deg);
  transform: translateY(-8px) translateX(0) rotate(90deg);
}

/* When active, rotate line 3 to be righthand part of X */

.is-active .icon-menu .line-3 {
  -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
  -ms-transform: translateY(-8px) translateX(0) rotate(-45deg);
  transform: translateY(-8px) translateX(0) rotate(-45deg);
}

/* Remove default list styles for menus */

.menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/** 
* 1. Give menu a lighter background than its container 
* 2. Prevent menu text from being accidentally highlighted
*/

.nav-menu {
  background-color: #B30838; /* 1 */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;         /* 2 */
}

/* Give menu items a top border */

.nav-menu .menu-item { border-top: 1px solid #bbb; background:#ffffff;
  margin-bottom:1px;}

/* Give last menu item a bottom border */

.nav-menu > .menu-item:last-child { border-bottom: 1px solid #bbb; }

/* Darker background color on hover, and when toggled */

.nav-menu > .menu-item:hover,
.nav-menu > .menu-item.is-active { background-color: #d0d0d0; }

/* 1. Menu links are block level, by default */

.nav-menu .menu-link {
  display: block; /* 1 */
  text-decoration: none;
  color: #444;
  padding: 20px 1rem;
 font-size:18px;

}

/* 1. Menu items with dropdowns appear clickable */

.has-dropdown {
  position: relative;
  cursor: pointer; /* 1 */
}

/* 1. Parent menu links inlined so you can toggle the dropdown */

.has-dropdown > .menu-link { display: inline-block; }

/* 1. Add an icon to menu items that have sub menus */

.has-dropdown:after {
  font-size: 32px;
  position: absolute;
  top: 0;
  right: 1rem;
  bottom: 0;
  content: "+"; /* 1 */
  color: #222;
}

/* 1. Switch icon to n-dash when toggled */

.has-dropdown.is-active:after { content: "\2013"; /* 1 */ }

/**
 * Dropdowns
 * 1. Hide dropdowns by default
 */

.nav-dropdown {
  display: none; /* 1 */
  background-color: #c0c0c0;
}

/* 1. Show dropdown when toggled */

.has-dropdown.is-active > .nav-dropdown { display: block; /* 1 */ }

/* 2nd level dropdown */

.nav-dropdown .nav-dropdown { background-color: #aaa; }

.nav-dropdown .menu-item { border-color: #a0a0a0; }

.nav-dropdown .nav-dropdown .menu-item {
  background-color: #b0b0b0;
  border-color: #909090;
 
}

/* Main content area */

.content { margin-top: 60px; }

.content .wrapper { padding: 1rem 0; }
@media (min-width: 3000px) {



    .nav,
    .nav-container,
    .nav-container.is-visible, .search.is-visible1 {
        position: static;
        top: auto;
        left: auto;
        z-index: auto;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

        .nav-container,
        .nav-container.is-visible, .search.is-visible1 {
            visibility: visible;
            height: auto;
            min-height: 0;
            overflow-y: visible;
        }

    .nav-toggle {
        display: none;
    }

    /* 1. Display menu items inline */

    .nav-menu > .menu-item,
    .nav-menu > .menu-item.is-active {
        display: inline-block; /* 1 */
        border: 0;
    }

        /* Remove bottom border on last child */

        .nav-menu > .menu-item:last-child {
            border: 0;
        }

    .nav-menu .menu-item {
        -webkit-transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
        transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
    }

    /* Remove +/- icons */

    .has-dropdown:after {
        content: "" !important;
    }

    /* Add a caret to top-level menu items that have dropdowns */

    .nav-menu > .has-dropdown:after {
        position: absolute;
        top: 50%;
        right: 1rem;
        width: 0;
        height: 0;
        margin-top: -2px;
        margin-left: -4px;
        content: "";
        border-width: 5px 5px 0 5px;
        border-style: solid;
        border-color: #444 transparent transparent transparent;
    }

    /* Increase padding to compensate for caret */

    .has-dropdown > .menu-link {
        padding-right: 2rem;
    }

    /* Re-style dropdowns for larger screens */

    .nav-dropdown {
        display: block;
        opacity: 0;
        position: absolute;
        top: 100%;
        width: 200px;
        margin: 0;
        padding: 0.5rem 0;
        background-color: #dedede;
        box-shadow: 0 0 4px hsla(0, 0%, 0%, 0.15);
        visibility: hidden;
        -webkit-transition: visibility 0s linear 0.25s, opacity 0.25s linear;
        transition: visibility 0s linear 0.25s, opacity 0.25s linear;
    }

    .has-dropdown:hover > .nav-dropdown {
        visibility: visible;
        opacity: 1;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }

    .nav-dropdown .menu-item {
        border: 0;
    }

        .nav-dropdown .menu-item:hover,
        .nav-dropdown .nav-dropdown .menu-item:hover {
            background-color: #d0d0d0;
        }

    .nav-dropdown .nav-dropdown,
    .nav-dropdown .nav-dropdown .menu-item {
        background-color: #dedede;
    }

    .nav-dropdown .nav-dropdown {
        z-index: 9998;
        top: 0;
        left: 100%;
    }
}

@media (max-width: 767px) {
    .nav-menu {
        padding-bottom: 50px;
    }
}

.container-ls{position:fixed;width:100%;height:100%;z-index:99999;}
.container-ls-msg{width:100%;position:absolute;top:50%;text-align:center;}

@media screen and (orientation:landscape){
	.container-pt {display: none;}
	.container-ls {display: block;}
	}
	
@media screen and (orientation:portrait){
	.container-pt {display: block;}
	.container-ls {display: none;}
	}

/*#ex2{display:block;}
#ex3{display:block;}*/


@media screen and (orientation:landscape){
    .z1{display:none;}
	.z2{display:block;}
}
	
@media screen and (orientation:portrait){
	.z1{display:block;}
	.z2{display:none;}
}